@charset "UTF-8";
/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2025
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d’enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l’autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 16/6/2025
 */
/*!
* KNACSS Reborn: Just keep it simple!
* @author: Alsacreations
* v8.0.5 2021/07
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Reset (base)                */
/* ----------------------------- */
/* 1. Switch to border-box model for all elements 2. Avoid min-width: auto on flex and grid items */
*, *::before, *::after { box-sizing: border-box; /* 1 */ min-width: 0; /* 2 */ }

/* 1. Remove the grey highlight on links in iOS  2. Prevent orientation font changes in iOS 3. Breaks words to prevent overflow in all browsers */
html { font-size: 100%; -webkit-tap-highlight-color: transparent; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ overflow-wrap: break-word; /* 3 */ }

body { margin: 0; font-family: Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; background-color: #ffffff; color: #212529; }

/* Headings */
h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like { color: #212529; }

/* Links */
a { color: #454d5d; text-decoration: underline; }

a:focus, a:hover, a:active { color: #212529; text-decoration: underline; }

/** 1. Remove the bottom border in Chrome 57- 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 */ }

/* Vertical rythm */
h1, .h1-like, h2, .h2-like { margin-top: 0; margin-bottom: 1rem; }

p, address, ol, ul, dl, blockquote, pre, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, dt, dd { margin-top: 0; margin-bottom: 0.5rem; }

/* Nested elements */
ol ol, ol ul, ul ol, ul ul, li ul, li ol, nav ul, nav ol, li p, li .p-like { margin-top: 0; margin-bottom: 0; }

/* Lists */
ul, ol { padding-left: 1rem; }

nav ul, nav ol { list-style: none; padding: 0; }

/* Embed content */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

img, table, td, blockquote, pre, code, input, textarea, select, video, svg, iframe { max-width: 100%; }

iframe, img, input, select, textarea { height: auto; }

img { border-style: none; }

/** Remove the border on iframes in all browsers */
iframe { border-style: none; }

/* Fill color matching to text color */
svg:not([fill]) { fill: currentColor; }

/* Hide the overflow in IE */
svg:not(:root) { overflow: hidden; }

/* Tables */
table { border-collapse: collapse; }

/* Rulers */
hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid; margin: 1rem 0; clear: both; color: inherit; }

/* table styles */
table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; vertical-align: top; margin-bottom: 1rem; }

/*  Hidden but not for an assistive technology like a screen reader, Yahoo! method  */
.visually-hidden, .sr-only { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; }

/* Disable animations styles when reduced motion is enabled */
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
/* Change the cursor on busy elements in all browsers. */
[aria-busy="true"] { cursor: progress; }

/* Change the cursor on control elements in all browsers. */
[aria-controls] { cursor: pointer; }

/* Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers. */
[aria-disabled="true"], [disabled] { cursor: not-allowed; }

/* Change the display on visually hidden accessible elements in all browsers. */
[aria-hidden="false"][hidden] { display: initial; }

[aria-hidden="false"][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); position: absolute; }

/* ----------------------------- */
/* ==Reset (forms)               */
/* ----------------------------- */
/* Remove the tapping delay on clickable elements in all browsers . */
a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; }

/* 1. Change the inconsistent appearance in all browsers. 2. Add typography inheritance in all browsers. */
button, input, select, textarea { margin: 0; background-color: transparent; /* 1 */ color: inherit; /* 1 */ font-family: inherit; /* 2 */ font-size: inherit; /* 2 */ line-height: inherit; /* 2 */ letter-spacing: inherit; /* 2 */ vertical-align: middle; }

/* Basic User Interface reset */
button, input:not([type="radio"]):not([type="checkbox"]), select, textarea { border: 0; }

/* 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre, code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

pre { tab-size: 2; white-space: pre-wrap; line-height: normal; overflow: auto; -ms-overflow-style: scrollbar; }

/* Show overflow in IE/Edge */
button, input { overflow: visible; }

/*  Remove the inheritance of text transform in Firefox */
button, select { text-transform: none; }

/* Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

form, fieldset { border: none; }

fieldset { margin: 0; padding: 1rem; }

legend { display: table; max-width: 100%; padding: 0 0.125rem; border: 0; color: inherit; white-space: normal; }

label { display: inline-block; cursor: pointer; }

textarea { overflow: auto; vertical-align: top; resize: vertical; white-space: pre-wrap; }

progress { display: inline-block; width: 100%; vertical-align: baseline; }

output { display: inline-block; }

summary { display: list-item; }

template { display: none; }

/* ----------------------------- */
/* Form oddities                 */
/* ----------------------------- */
/* 1. Correct the odd appearance in Chrome, Edge, and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/* Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

/* Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

/* Remove the inner padding in Chrome, Edge, and Safari on macOS. */
::-webkit-search-decoration { -webkit-appearance: none; }

/* 1. Correct the inability to style upload buttons in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Remove the inner border and padding of focus outlines in Firefox. */
::-moz-focus-inner { border-style: none; padding: 0; }

/* Restore the focus outline styles unset by the previous rule in Firefox. */
:-moz-focusring { outline: 1px dotted ButtonText; }

/* Remove the additional :invalid styles in Firefox. */
:-moz-ui-invalid { box-shadow: none; }

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print { * { box-shadow: none !important; text-shadow: none !important; }
  body { width: auto; margin: auto; font-family: serif; font-size: 12pt; }
  p, .p-like, h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, blockquote, label, ul, ol { color: #000; margin: auto; }
  .print { display: block; }
  .no-print { display: none; }
  /* no orphans, no widows */
  p, .p-like, blockquote { orphans: 3; widows: 3; }
  /* no breaks inside these elements */
  blockquote, ul, ol { page-break-inside: avoid; }
  /* page break before main headers h1, .h1-like { page-break-before: always; } */
  /* no breaks after these elements */
  h1, .h1-like, h2, .h2-like, h3, .h3-like, caption { page-break-after: avoid; }
  a { color: #000; }
  /* displaying URLs a[href]::after { content: " (" attr(href) ")"; } */
  a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; } }
/* ----------------------------  */
/* ==Layout classes              */
/* ----------------------------- */
/* Global container */
.layout-maxed { display: grid; }
@media (min-width: 576px) { .layout-maxed { grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 576px) minmax(0.5rem, 1fr); } }
@media (min-width: 992px) { .layout-maxed { grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 992px) minmax(0.5rem, 1fr); } }
@media (min-width: 1330px) { .layout-maxed { grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 1330px) minmax(0.5rem, 1fr); } }

/* Center all children */
.layout-maxed > * { grid-column: 2; }

/* Hero box  */
.layout-hero { grid-column: 1 / -1; display: grid; grid-template-columns: inherit; }

.layout-hero > * { grid-column: 2; }

/* Hero image */
.layout-hero-img { grid-column: 1 / -1; justify-self: center; max-width: 100%; }

/*  Global utility classes  */
.hidden { display: none; }

.block { display: block; }

.inline { display: inline; }

.inline-block { display: inline-block; }

.flex { display: flex; }

.flex-row { flex-direction: row; }

.flex-col { flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }

.flex-no-wrap { flex-wrap: nowrap; }

.flex-shrink { flex-shrink: 1; }

.flex-no-shrink { flex-shrink: 0; }

.flex-grow { flex-grow: 1; }

.flex-no-grow { flex-grow: 0; }

.float-left { float: left; }

.float-right { float: right; }

.float-none { float: none; }

.text-bold { font-weight: bold; }

.text-italic { font-style: italic; }

.text-uppercase { text-transform: uppercase; }

.text-lowercase { text-transform: lowercase; }

.text-smaller { font-size: smaller; }

.text-bigger { font-size: bigger; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.text-wrap { overflow-wrap: break-word; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-evenly { justify-content: space-evenly; }

.justify-items-start { justify-items: start; }

.justify-items-end { justify-items: end; }

.justify-items-center { justify-items: center; }

.align-start { align-content: start; }

.align-end { align-content: end; }

.align-center { align-content: center; }

.align-between { align-content: space-between; }

.align-around { align-content: space-around; }

.align-evenly { align-content: space-evenly; }

.align-items-start { align-items: flex-start; }

.align-items-end { align-items: flex-end; }

.align-items-center { align-items: center; }

.place-center { place-content: center; }

.justify-self-auto { justify-self: auto; }

.justify-self-start { justify-self: start; }

.justify-self-end { justify-self: end; }

.justify-self-center { justify-self: center; }

.justify-self-stretch { justify-self: stretch; }

.align-self-auto { align-self: auto; }

.align-self-start { align-self: flex-start; }

.align-self-end { align-self: flex-end; }

.align-self-center { align-self: center; }

.align-self-stretch { align-self: stretch; }

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

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

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

.item-first { order: -100; }

.item-last { order: 100; }

@media (min-width: 576px) { .sm\:hidden { display: none; } }
@media (min-width: 992px) { .md\:hidden { display: none; } }
@media (min-width: 1330px) { .lg\:hidden { display: none; } }
@media (min-width: 576px) { .sm\:block { display: block; } }
@media (min-width: 992px) { .md\:block { display: block; } }
@media (min-width: 1330px) { .lg\:block { display: block; } }
@media (min-width: 576px) { .sm\:inline { display: inline; } }
@media (min-width: 992px) { .md\:inline { display: inline; } }
@media (min-width: 1330px) { .lg\:inline { display: inline; } }
@media (min-width: 576px) { .sm\:inline-block { display: inline-block; } }
@media (min-width: 992px) { .md\:inline-block { display: inline-block; } }
@media (min-width: 1330px) { .lg\:inline-block { display: inline-block; } }
@media (min-width: 576px) { .sm\:flex { display: flex; } }
@media (min-width: 992px) { .md\:flex { display: flex; } }
@media (min-width: 1330px) { .lg\:flex { display: flex; } }
@media (min-width: 576px) { .sm\:flex-row { flex-direction: row; } }
@media (min-width: 992px) { .md\:flex-row { flex-direction: row; } }
@media (min-width: 1330px) { .lg\:flex-row { flex-direction: row; } }
@media (min-width: 576px) { .sm\:flex-col { flex-direction: column; } }
@media (min-width: 992px) { .md\:flex-col { flex-direction: column; } }
@media (min-width: 1330px) { .lg\:flex-col { flex-direction: column; } }
@media (min-width: 576px) { .sm\:flex-wrap { flex-wrap: wrap; } }
@media (min-width: 992px) { .md\:flex-wrap { flex-wrap: wrap; } }
@media (min-width: 1330px) { .lg\:flex-wrap { flex-wrap: wrap; } }
@media (min-width: 576px) { .sm\:flex-no-wrap { flex-wrap: nowrap; } }
@media (min-width: 992px) { .md\:flex-no-wrap { flex-wrap: nowrap; } }
@media (min-width: 1330px) { .lg\:flex-no-wrap { flex-wrap: nowrap; } }
@media (min-width: 576px) { .sm\:flex-shrink { flex-shrink: 1; } }
@media (min-width: 992px) { .md\:flex-shrink { flex-shrink: 1; } }
@media (min-width: 1330px) { .lg\:flex-shrink { flex-shrink: 1; } }
@media (min-width: 576px) { .sm\:flex-no-shrink { flex-shrink: 0; } }
@media (min-width: 992px) { .md\:flex-no-shrink { flex-shrink: 0; } }
@media (min-width: 1330px) { .lg\:flex-no-shrink { flex-shrink: 0; } }
@media (min-width: 576px) { .sm\:flex-grow { flex-grow: 1; } }
@media (min-width: 992px) { .md\:flex-grow { flex-grow: 1; } }
@media (min-width: 1330px) { .lg\:flex-grow { flex-grow: 1; } }
@media (min-width: 576px) { .sm\:flex-no-grow { flex-grow: 0; } }
@media (min-width: 992px) { .md\:flex-no-grow { flex-grow: 0; } }
@media (min-width: 1330px) { .lg\:flex-no-grow { flex-grow: 0; } }
@media (min-width: 576px) { .sm\:float-left { float: left; } }
@media (min-width: 992px) { .md\:float-left { float: left; } }
@media (min-width: 1330px) { .lg\:float-left { float: left; } }
@media (min-width: 576px) { .sm\:float-right { float: right; } }
@media (min-width: 992px) { .md\:float-right { float: right; } }
@media (min-width: 1330px) { .lg\:float-right { float: right; } }
@media (min-width: 576px) { .sm\:float-none { float: none; } }
@media (min-width: 992px) { .md\:float-none { float: none; } }
@media (min-width: 1330px) { .lg\:float-none { float: none; } }
@media (min-width: 576px) { .sm\:text-bold { font-weight: bold; } }
@media (min-width: 992px) { .md\:text-bold { font-weight: bold; } }
@media (min-width: 1330px) { .lg\:text-bold { font-weight: bold; } }
@media (min-width: 576px) { .sm\:text-italic { font-style: italic; } }
@media (min-width: 992px) { .md\:text-italic { font-style: italic; } }
@media (min-width: 1330px) { .lg\:text-italic { font-style: italic; } }
@media (min-width: 576px) { .sm\:text-uppercase { text-transform: uppercase; } }
@media (min-width: 992px) { .md\:text-uppercase { text-transform: uppercase; } }
@media (min-width: 1330px) { .lg\:text-uppercase { text-transform: uppercase; } }
@media (min-width: 576px) { .sm\:text-lowercase { text-transform: lowercase; } }
@media (min-width: 992px) { .md\:text-lowercase { text-transform: lowercase; } }
@media (min-width: 1330px) { .lg\:text-lowercase { text-transform: lowercase; } }
@media (min-width: 576px) { .sm\:text-smaller { font-size: smaller; } }
@media (min-width: 992px) { .md\:text-smaller { font-size: smaller; } }
@media (min-width: 1330px) { .lg\:text-smaller { font-size: smaller; } }
@media (min-width: 576px) { .sm\:text-bigger { font-size: bigger; } }
@media (min-width: 992px) { .md\:text-bigger { font-size: bigger; } }
@media (min-width: 1330px) { .lg\:text-bigger { font-size: bigger; } }
@media (min-width: 576px) { .sm\:text-left { text-align: left; } }
@media (min-width: 992px) { .md\:text-left { text-align: left; } }
@media (min-width: 1330px) { .lg\:text-left { text-align: left; } }
@media (min-width: 576px) { .sm\:text-center { text-align: center; } }
@media (min-width: 992px) { .md\:text-center { text-align: center; } }
@media (min-width: 1330px) { .lg\:text-center { text-align: center; } }
@media (min-width: 576px) { .sm\:text-right { text-align: right; } }
@media (min-width: 992px) { .md\:text-right { text-align: right; } }
@media (min-width: 1330px) { .lg\:text-right { text-align: right; } }
@media (min-width: 576px) { .sm\:text-justify { text-align: justify; } }
@media (min-width: 992px) { .md\:text-justify { text-align: justify; } }
@media (min-width: 1330px) { .lg\:text-justify { text-align: justify; } }
@media (min-width: 576px) { .sm\:text-wrap { overflow-wrap: break-word; } }
@media (min-width: 992px) { .md\:text-wrap { overflow-wrap: break-word; } }
@media (min-width: 1330px) { .lg\:text-wrap { overflow-wrap: break-word; } }
@media (min-width: 576px) { .sm\:justify-start { justify-content: flex-start; } }
@media (min-width: 992px) { .md\:justify-start { justify-content: flex-start; } }
@media (min-width: 1330px) { .lg\:justify-start { justify-content: flex-start; } }
@media (min-width: 576px) { .sm\:justify-end { justify-content: flex-end; } }
@media (min-width: 992px) { .md\:justify-end { justify-content: flex-end; } }
@media (min-width: 1330px) { .lg\:justify-end { justify-content: flex-end; } }
@media (min-width: 576px) { .sm\:justify-center { justify-content: center; } }
@media (min-width: 992px) { .md\:justify-center { justify-content: center; } }
@media (min-width: 1330px) { .lg\:justify-center { justify-content: center; } }
@media (min-width: 576px) { .sm\:justify-between { justify-content: space-between; } }
@media (min-width: 992px) { .md\:justify-between { justify-content: space-between; } }
@media (min-width: 1330px) { .lg\:justify-between { justify-content: space-between; } }
@media (min-width: 576px) { .sm\:justify-around { justify-content: space-around; } }
@media (min-width: 992px) { .md\:justify-around { justify-content: space-around; } }
@media (min-width: 1330px) { .lg\:justify-around { justify-content: space-around; } }
@media (min-width: 576px) { .sm\:justify-evenly { justify-content: space-evenly; } }
@media (min-width: 992px) { .md\:justify-evenly { justify-content: space-evenly; } }
@media (min-width: 1330px) { .lg\:justify-evenly { justify-content: space-evenly; } }
@media (min-width: 576px) { .sm\:justify-items-start { justify-items: start; } }
@media (min-width: 992px) { .md\:justify-items-start { justify-items: start; } }
@media (min-width: 1330px) { .lg\:justify-items-start { justify-items: start; } }
@media (min-width: 576px) { .sm\:justify-items-end { justify-items: end; } }
@media (min-width: 992px) { .md\:justify-items-end { justify-items: end; } }
@media (min-width: 1330px) { .lg\:justify-items-end { justify-items: end; } }
@media (min-width: 576px) { .sm\:justify-items-center { justify-items: center; } }
@media (min-width: 992px) { .md\:justify-items-center { justify-items: center; } }
@media (min-width: 1330px) { .lg\:justify-items-center { justify-items: center; } }
@media (min-width: 576px) { .sm\:align-start { align-content: start; } }
@media (min-width: 992px) { .md\:align-start { align-content: start; } }
@media (min-width: 1330px) { .lg\:align-start { align-content: start; } }
@media (min-width: 576px) { .sm\:align-end { align-content: end; } }
@media (min-width: 992px) { .md\:align-end { align-content: end; } }
@media (min-width: 1330px) { .lg\:align-end { align-content: end; } }
@media (min-width: 576px) { .sm\:align-center { align-content: center; } }
@media (min-width: 992px) { .md\:align-center { align-content: center; } }
@media (min-width: 1330px) { .lg\:align-center { align-content: center; } }
@media (min-width: 576px) { .sm\:align-between { align-content: space-between; } }
@media (min-width: 992px) { .md\:align-between { align-content: space-between; } }
@media (min-width: 1330px) { .lg\:align-between { align-content: space-between; } }
@media (min-width: 576px) { .sm\:align-around { align-content: space-around; } }
@media (min-width: 992px) { .md\:align-around { align-content: space-around; } }
@media (min-width: 1330px) { .lg\:align-around { align-content: space-around; } }
@media (min-width: 576px) { .sm\:align-evenly { align-content: space-evenly; } }
@media (min-width: 992px) { .md\:align-evenly { align-content: space-evenly; } }
@media (min-width: 1330px) { .lg\:align-evenly { align-content: space-evenly; } }
@media (min-width: 576px) { .sm\:align-items-start { align-items: flex-start; } }
@media (min-width: 992px) { .md\:align-items-start { align-items: flex-start; } }
@media (min-width: 1330px) { .lg\:align-items-start { align-items: flex-start; } }
@media (min-width: 576px) { .sm\:align-items-end { align-items: flex-end; } }
@media (min-width: 992px) { .md\:align-items-end { align-items: flex-end; } }
@media (min-width: 1330px) { .lg\:align-items-end { align-items: flex-end; } }
@media (min-width: 576px) { .sm\:align-items-center { align-items: center; } }
@media (min-width: 992px) { .md\:align-items-center { align-items: center; } }
@media (min-width: 1330px) { .lg\:align-items-center { align-items: center; } }
@media (min-width: 576px) { .sm\:place-center { place-content: center; } }
@media (min-width: 992px) { .md\:place-center { place-content: center; } }
@media (min-width: 1330px) { .lg\:place-center { place-content: center; } }
@media (min-width: 576px) { .sm\:justify-self-auto { justify-self: auto; } }
@media (min-width: 992px) { .md\:justify-self-auto { justify-self: auto; } }
@media (min-width: 1330px) { .lg\:justify-self-auto { justify-self: auto; } }
@media (min-width: 576px) { .sm\:justify-self-start { justify-self: start; } }
@media (min-width: 992px) { .md\:justify-self-start { justify-self: start; } }
@media (min-width: 1330px) { .lg\:justify-self-start { justify-self: start; } }
@media (min-width: 576px) { .sm\:justify-self-end { justify-self: end; } }
@media (min-width: 992px) { .md\:justify-self-end { justify-self: end; } }
@media (min-width: 1330px) { .lg\:justify-self-end { justify-self: end; } }
@media (min-width: 576px) { .sm\:justify-self-center { justify-self: center; } }
@media (min-width: 992px) { .md\:justify-self-center { justify-self: center; } }
@media (min-width: 1330px) { .lg\:justify-self-center { justify-self: center; } }
@media (min-width: 576px) { .sm\:justify-self-stretch { justify-self: stretch; } }
@media (min-width: 992px) { .md\:justify-self-stretch { justify-self: stretch; } }
@media (min-width: 1330px) { .lg\:justify-self-stretch { justify-self: stretch; } }
@media (min-width: 576px) { .sm\:align-self-auto { align-self: auto; } }
@media (min-width: 992px) { .md\:align-self-auto { align-self: auto; } }
@media (min-width: 1330px) { .lg\:align-self-auto { align-self: auto; } }
@media (min-width: 576px) { .sm\:align-self-start { align-self: flex-start; } }
@media (min-width: 992px) { .md\:align-self-start { align-self: flex-start; } }
@media (min-width: 1330px) { .lg\:align-self-start { align-self: flex-start; } }
@media (min-width: 576px) { .sm\:align-self-end { align-self: flex-end; } }
@media (min-width: 992px) { .md\:align-self-end { align-self: flex-end; } }
@media (min-width: 1330px) { .lg\:align-self-end { align-self: flex-end; } }
@media (min-width: 576px) { .sm\:align-self-center { align-self: center; } }
@media (min-width: 992px) { .md\:align-self-center { align-self: center; } }
@media (min-width: 1330px) { .lg\:align-self-center { align-self: center; } }
@media (min-width: 576px) { .sm\:align-self-stretch { align-self: stretch; } }
@media (min-width: 992px) { .md\:align-self-stretch { align-self: stretch; } }
@media (min-width: 1330px) { .lg\:align-self-stretch { align-self: stretch; } }
@media (min-width: 576px) { .sm\:align-top { vertical-align: top; } }
@media (min-width: 992px) { .md\:align-top { vertical-align: top; } }
@media (min-width: 1330px) { .lg\:align-top { vertical-align: top; } }
@media (min-width: 576px) { .sm\:align-bottom { vertical-align: bottom; } }
@media (min-width: 992px) { .md\:align-bottom { vertical-align: bottom; } }
@media (min-width: 1330px) { .lg\:align-bottom { vertical-align: bottom; } }
@media (min-width: 576px) { .sm\:align-middle { vertical-align: middle; } }
@media (min-width: 992px) { .md\:align-middle { vertical-align: middle; } }
@media (min-width: 1330px) { .lg\:align-middle { vertical-align: middle; } }
@media (min-width: 576px) { .sm\:item-first { order: -100; } }
@media (min-width: 992px) { .md\:item-first { order: -100; } }
@media (min-width: 1330px) { .lg\:item-first { order: -100; } }
@media (min-width: 576px) { .sm\:item-last { order: 100; } }
@media (min-width: 992px) { .md\:item-last { order: 100; } }
@media (min-width: 1330px) { .lg\:item-last { order: 100; } }
.is-unstyled { list-style: none; padding-left: 0; }

.is-disabled, [disabled] { opacity: 0.6; cursor: not-allowed !important; filter: grayscale(1); }

.text-normal { font-weight: normal; font-style: normal; text-transform: none; }

@media (min-width: 576px) { .sm\:visually-hidden { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; }
  .sm\:is-unstyled { list-style: none; padding-left: 0; }
  .sm\:is-disabled { opacity: 0.6; cursor: not-allowed !important; filter: grayscale(1); }
  .sm\:text-normal { font-weight: normal; font-style: normal; text-transform: none; } }
@media (min-width: 992px) { .md\:visually-hidden { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; }
  .md\:is-unstyled { list-style: none; padding-left: 0; }
  .md\:is-disabled { opacity: 0.6; cursor: not-allowed !important; filter: grayscale(1); }
  .md\:text-normal { font-weight: normal; font-style: normal; text-transform: none; } }
@media (min-width: 1330px) { .lg\:visually-hidden { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; }
  .lg\:is-unstyled { list-style: none; padding-left: 0; }
  .lg\:is-disabled { opacity: 0.6; cursor: not-allowed !important; filter: grayscale(1); }
  .lg\:text-normal { font-weight: normal; font-style: normal; text-transform: none; } }
/* Font sizes utility classes */
.text-10 { font-size: 0.625rem; }

.text-11 { font-size: 0.6875rem; }

.text-12 { font-size: 0.75rem; }

.text-14 { font-size: 0.875rem; }

.text-16 { font-size: 1rem; }

.text-18 { font-size: 1.125rem; }

.text-20 { font-size: 1.25rem; }

.text-24 { font-size: 1.5rem; }

.text-30 { font-size: 1.875rem; }

.text-36 { font-size: 2.25rem; }

.text-base { font-size: 1rem; }

.text-inherit { font-size: inherit; }

@media (min-width: 576px) { .sm\:text-10 { font-size: 0.625rem; } }
@media (min-width: 992px) { .md\:text-10 { font-size: 0.625rem; } }
@media (min-width: 1330px) { .lg\:text-10 { font-size: 0.625rem; } }
@media (min-width: 576px) { .sm\:text-11 { font-size: 0.6875rem; } }
@media (min-width: 992px) { .md\:text-11 { font-size: 0.6875rem; } }
@media (min-width: 1330px) { .lg\:text-11 { font-size: 0.6875rem; } }
@media (min-width: 576px) { .sm\:text-12 { font-size: 0.75rem; } }
@media (min-width: 992px) { .md\:text-12 { font-size: 0.75rem; } }
@media (min-width: 1330px) { .lg\:text-12 { font-size: 0.75rem; } }
@media (min-width: 576px) { .sm\:text-14 { font-size: 0.875rem; } }
@media (min-width: 992px) { .md\:text-14 { font-size: 0.875rem; } }
@media (min-width: 1330px) { .lg\:text-14 { font-size: 0.875rem; } }
@media (min-width: 576px) { .sm\:text-16 { font-size: 1rem; } }
@media (min-width: 992px) { .md\:text-16 { font-size: 1rem; } }
@media (min-width: 1330px) { .lg\:text-16 { font-size: 1rem; } }
@media (min-width: 576px) { .sm\:text-18 { font-size: 1.125rem; } }
@media (min-width: 992px) { .md\:text-18 { font-size: 1.125rem; } }
@media (min-width: 1330px) { .lg\:text-18 { font-size: 1.125rem; } }
@media (min-width: 576px) { .sm\:text-20 { font-size: 1.25rem; } }
@media (min-width: 992px) { .md\:text-20 { font-size: 1.25rem; } }
@media (min-width: 1330px) { .lg\:text-20 { font-size: 1.25rem; } }
@media (min-width: 576px) { .sm\:text-24 { font-size: 1.5rem; } }
@media (min-width: 992px) { .md\:text-24 { font-size: 1.5rem; } }
@media (min-width: 1330px) { .lg\:text-24 { font-size: 1.5rem; } }
@media (min-width: 576px) { .sm\:text-30 { font-size: 1.875rem; } }
@media (min-width: 992px) { .md\:text-30 { font-size: 1.875rem; } }
@media (min-width: 1330px) { .lg\:text-30 { font-size: 1.875rem; } }
@media (min-width: 576px) { .sm\:text-36 { font-size: 2.25rem; } }
@media (min-width: 992px) { .md\:text-36 { font-size: 2.25rem; } }
@media (min-width: 1330px) { .lg\:text-36 { font-size: 2.25rem; } }
@media (min-width: 576px) { .sm\:text-base { font-size: 1rem; } }
@media (min-width: 992px) { .md\:text-base { font-size: 1rem; } }
@media (min-width: 1330px) { .lg\:text-base { font-size: 1rem; } }
@media (min-width: 576px) { .sm\:text-inherit { font-size: inherit; } }
@media (min-width: 992px) { .md\:text-inherit { font-size: inherit; } }
@media (min-width: 1330px) { .lg\:text-inherit { font-size: inherit; } }
/* Spacers utility classes */
.p-0 { padding: 0; }

.pt-0 { padding-top: 0; }

.pr-0 { padding-right: 0; }

.pb-0 { padding-bottom: 0; }

.pl-0 { padding-left: 0; }

.px-0 { padding-left: 0; padding-right: 0; }

.py-0 { padding-top: 0; padding-bottom: 0; }

.m-0 { margin: 0; }

.mt-0 { margin-top: 0; }

.mr-0 { margin-right: 0; }

.mb-0 { margin-bottom: 0; }

.ml-0 { margin-left: 0; }

.mx-0 { margin-left: 0; margin-right: 0; }

.my-0 { margin-top: 0; margin-bottom: 0; }

@media (min-width: 576px) { .sm\:p-0 { padding: 0; }
  .sm\:pt-0 { padding-top: 0; }
  .sm\:pr-0 { padding-right: 0; }
  .sm\:pb-0 { padding-bottom: 0; }
  .sm\:pl-0 { padding-left: 0; }
  .sm\:px-0 { padding-left: 0; padding-right: 0; }
  .sm\:py-0 { padding-top: 0; padding-bottom: 0; }
  .sm\:m-0 { margin: 0; }
  .sm\:mt-0 { margin-top: 0; }
  .sm\:mr-0 { margin-right: 0; }
  .sm\:mb-0 { margin-bottom: 0; }
  .sm\:ml-0 { margin-left: 0; }
  .sm\:mx-0 { margin-left: 0; margin-right: 0; }
  .sm\:my-0 { margin-top: 0; margin-bottom: 0; } }
@media (min-width: 992px) { .md\:p-0 { padding: 0; }
  .md\:pt-0 { padding-top: 0; }
  .md\:pr-0 { padding-right: 0; }
  .md\:pb-0 { padding-bottom: 0; }
  .md\:pl-0 { padding-left: 0; }
  .md\:px-0 { padding-left: 0; padding-right: 0; }
  .md\:py-0 { padding-top: 0; padding-bottom: 0; }
  .md\:m-0 { margin: 0; }
  .md\:mt-0 { margin-top: 0; }
  .md\:mr-0 { margin-right: 0; }
  .md\:mb-0 { margin-bottom: 0; }
  .md\:ml-0 { margin-left: 0; }
  .md\:mx-0 { margin-left: 0; margin-right: 0; }
  .md\:my-0 { margin-top: 0; margin-bottom: 0; } }
@media (min-width: 1330px) { .lg\:p-0 { padding: 0; }
  .lg\:pt-0 { padding-top: 0; }
  .lg\:pr-0 { padding-right: 0; }
  .lg\:pb-0 { padding-bottom: 0; }
  .lg\:pl-0 { padding-left: 0; }
  .lg\:px-0 { padding-left: 0; padding-right: 0; }
  .lg\:py-0 { padding-top: 0; padding-bottom: 0; }
  .lg\:m-0 { margin: 0; }
  .lg\:mt-0 { margin-top: 0; }
  .lg\:mr-0 { margin-right: 0; }
  .lg\:mb-0 { margin-bottom: 0; }
  .lg\:ml-0 { margin-left: 0; }
  .lg\:mx-0 { margin-left: 0; margin-right: 0; }
  .lg\:my-0 { margin-top: 0; margin-bottom: 0; } }
.p-2 { padding: 0.125rem; }

.pt-2 { padding-top: 0.125rem; }

.pr-2 { padding-right: 0.125rem; }

.pb-2 { padding-bottom: 0.125rem; }

.pl-2 { padding-left: 0.125rem; }

.px-2 { padding-left: 0.125rem; padding-right: 0.125rem; }

.py-2 { padding-top: 0.125rem; padding-bottom: 0.125rem; }

.m-2 { margin: 0.125rem; }

.mt-2 { margin-top: 0.125rem; }

.mr-2 { margin-right: 0.125rem; }

.mb-2 { margin-bottom: 0.125rem; }

.ml-2 { margin-left: 0.125rem; }

.mx-2 { margin-left: 0.125rem; margin-right: 0.125rem; }

.my-2 { margin-top: 0.125rem; margin-bottom: 0.125rem; }

@media (min-width: 576px) { .sm\:p-2 { padding: 0.125rem; }
  .sm\:pt-2 { padding-top: 0.125rem; }
  .sm\:pr-2 { padding-right: 0.125rem; }
  .sm\:pb-2 { padding-bottom: 0.125rem; }
  .sm\:pl-2 { padding-left: 0.125rem; }
  .sm\:px-2 { padding-left: 0.125rem; padding-right: 0.125rem; }
  .sm\:py-2 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
  .sm\:m-2 { margin: 0.125rem; }
  .sm\:mt-2 { margin-top: 0.125rem; }
  .sm\:mr-2 { margin-right: 0.125rem; }
  .sm\:mb-2 { margin-bottom: 0.125rem; }
  .sm\:ml-2 { margin-left: 0.125rem; }
  .sm\:mx-2 { margin-left: 0.125rem; margin-right: 0.125rem; }
  .sm\:my-2 { margin-top: 0.125rem; margin-bottom: 0.125rem; } }
@media (min-width: 992px) { .md\:p-2 { padding: 0.125rem; }
  .md\:pt-2 { padding-top: 0.125rem; }
  .md\:pr-2 { padding-right: 0.125rem; }
  .md\:pb-2 { padding-bottom: 0.125rem; }
  .md\:pl-2 { padding-left: 0.125rem; }
  .md\:px-2 { padding-left: 0.125rem; padding-right: 0.125rem; }
  .md\:py-2 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
  .md\:m-2 { margin: 0.125rem; }
  .md\:mt-2 { margin-top: 0.125rem; }
  .md\:mr-2 { margin-right: 0.125rem; }
  .md\:mb-2 { margin-bottom: 0.125rem; }
  .md\:ml-2 { margin-left: 0.125rem; }
  .md\:mx-2 { margin-left: 0.125rem; margin-right: 0.125rem; }
  .md\:my-2 { margin-top: 0.125rem; margin-bottom: 0.125rem; } }
@media (min-width: 1330px) { .lg\:p-2 { padding: 0.125rem; }
  .lg\:pt-2 { padding-top: 0.125rem; }
  .lg\:pr-2 { padding-right: 0.125rem; }
  .lg\:pb-2 { padding-bottom: 0.125rem; }
  .lg\:pl-2 { padding-left: 0.125rem; }
  .lg\:px-2 { padding-left: 0.125rem; padding-right: 0.125rem; }
  .lg\:py-2 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
  .lg\:m-2 { margin: 0.125rem; }
  .lg\:mt-2 { margin-top: 0.125rem; }
  .lg\:mr-2 { margin-right: 0.125rem; }
  .lg\:mb-2 { margin-bottom: 0.125rem; }
  .lg\:ml-2 { margin-left: 0.125rem; }
  .lg\:mx-2 { margin-left: 0.125rem; margin-right: 0.125rem; }
  .lg\:my-2 { margin-top: 0.125rem; margin-bottom: 0.125rem; } }
.p-5 { padding: 0.313rem; }

.pt-5 { padding-top: 0.313rem; }

.pr-5 { padding-right: 0.313rem; }

.pb-5 { padding-bottom: 0.313rem; }

.pl-5 { padding-left: 0.313rem; }

.px-5 { padding-left: 0.313rem; padding-right: 0.313rem; }

.py-5 { padding-top: 0.313rem; padding-bottom: 0.313rem; }

.m-5 { margin: 0.313rem; }

.mt-5 { margin-top: 0.313rem; }

.mr-5 { margin-right: 0.313rem; }

.mb-5 { margin-bottom: 0.313rem; }

.ml-5 { margin-left: 0.313rem; }

.mx-5 { margin-left: 0.313rem; margin-right: 0.313rem; }

.my-5 { margin-top: 0.313rem; margin-bottom: 0.313rem; }

@media (min-width: 576px) { .sm\:p-5 { padding: 0.313rem; }
  .sm\:pt-5 { padding-top: 0.313rem; }
  .sm\:pr-5 { padding-right: 0.313rem; }
  .sm\:pb-5 { padding-bottom: 0.313rem; }
  .sm\:pl-5 { padding-left: 0.313rem; }
  .sm\:px-5 { padding-left: 0.313rem; padding-right: 0.313rem; }
  .sm\:py-5 { padding-top: 0.313rem; padding-bottom: 0.313rem; }
  .sm\:m-5 { margin: 0.313rem; }
  .sm\:mt-5 { margin-top: 0.313rem; }
  .sm\:mr-5 { margin-right: 0.313rem; }
  .sm\:mb-5 { margin-bottom: 0.313rem; }
  .sm\:ml-5 { margin-left: 0.313rem; }
  .sm\:mx-5 { margin-left: 0.313rem; margin-right: 0.313rem; }
  .sm\:my-5 { margin-top: 0.313rem; margin-bottom: 0.313rem; } }
@media (min-width: 992px) { .md\:p-5 { padding: 0.313rem; }
  .md\:pt-5 { padding-top: 0.313rem; }
  .md\:pr-5 { padding-right: 0.313rem; }
  .md\:pb-5 { padding-bottom: 0.313rem; }
  .md\:pl-5 { padding-left: 0.313rem; }
  .md\:px-5 { padding-left: 0.313rem; padding-right: 0.313rem; }
  .md\:py-5 { padding-top: 0.313rem; padding-bottom: 0.313rem; }
  .md\:m-5 { margin: 0.313rem; }
  .md\:mt-5 { margin-top: 0.313rem; }
  .md\:mr-5 { margin-right: 0.313rem; }
  .md\:mb-5 { margin-bottom: 0.313rem; }
  .md\:ml-5 { margin-left: 0.313rem; }
  .md\:mx-5 { margin-left: 0.313rem; margin-right: 0.313rem; }
  .md\:my-5 { margin-top: 0.313rem; margin-bottom: 0.313rem; } }
@media (min-width: 1330px) { .lg\:p-5 { padding: 0.313rem; }
  .lg\:pt-5 { padding-top: 0.313rem; }
  .lg\:pr-5 { padding-right: 0.313rem; }
  .lg\:pb-5 { padding-bottom: 0.313rem; }
  .lg\:pl-5 { padding-left: 0.313rem; }
  .lg\:px-5 { padding-left: 0.313rem; padding-right: 0.313rem; }
  .lg\:py-5 { padding-top: 0.313rem; padding-bottom: 0.313rem; }
  .lg\:m-5 { margin: 0.313rem; }
  .lg\:mt-5 { margin-top: 0.313rem; }
  .lg\:mr-5 { margin-right: 0.313rem; }
  .lg\:mb-5 { margin-bottom: 0.313rem; }
  .lg\:ml-5 { margin-left: 0.313rem; }
  .lg\:mx-5 { margin-left: 0.313rem; margin-right: 0.313rem; }
  .lg\:my-5 { margin-top: 0.313rem; margin-bottom: 0.313rem; } }
.p-8 { padding: 0.5rem; }

.pt-8 { padding-top: 0.5rem; }

.pr-8 { padding-right: 0.5rem; }

.pb-8 { padding-bottom: 0.5rem; }

.pl-8 { padding-left: 0.5rem; }

.px-8 { padding-left: 0.5rem; padding-right: 0.5rem; }

.py-8 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.m-8 { margin: 0.5rem; }

.mt-8 { margin-top: 0.5rem; }

.mr-8 { margin-right: 0.5rem; }

.mb-8 { margin-bottom: 0.5rem; }

.ml-8 { margin-left: 0.5rem; }

.mx-8 { margin-left: 0.5rem; margin-right: 0.5rem; }

.my-8 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

@media (min-width: 576px) { .sm\:p-8 { padding: 0.5rem; }
  .sm\:pt-8 { padding-top: 0.5rem; }
  .sm\:pr-8 { padding-right: 0.5rem; }
  .sm\:pb-8 { padding-bottom: 0.5rem; }
  .sm\:pl-8 { padding-left: 0.5rem; }
  .sm\:px-8 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm\:py-8 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm\:m-8 { margin: 0.5rem; }
  .sm\:mt-8 { margin-top: 0.5rem; }
  .sm\:mr-8 { margin-right: 0.5rem; }
  .sm\:mb-8 { margin-bottom: 0.5rem; }
  .sm\:ml-8 { margin-left: 0.5rem; }
  .sm\:mx-8 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .sm\:my-8 { margin-top: 0.5rem; margin-bottom: 0.5rem; } }
@media (min-width: 992px) { .md\:p-8 { padding: 0.5rem; }
  .md\:pt-8 { padding-top: 0.5rem; }
  .md\:pr-8 { padding-right: 0.5rem; }
  .md\:pb-8 { padding-bottom: 0.5rem; }
  .md\:pl-8 { padding-left: 0.5rem; }
  .md\:px-8 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .md\:py-8 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md\:m-8 { margin: 0.5rem; }
  .md\:mt-8 { margin-top: 0.5rem; }
  .md\:mr-8 { margin-right: 0.5rem; }
  .md\:mb-8 { margin-bottom: 0.5rem; }
  .md\:ml-8 { margin-left: 0.5rem; }
  .md\:mx-8 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .md\:my-8 { margin-top: 0.5rem; margin-bottom: 0.5rem; } }
@media (min-width: 1330px) { .lg\:p-8 { padding: 0.5rem; }
  .lg\:pt-8 { padding-top: 0.5rem; }
  .lg\:pr-8 { padding-right: 0.5rem; }
  .lg\:pb-8 { padding-bottom: 0.5rem; }
  .lg\:pl-8 { padding-left: 0.5rem; }
  .lg\:px-8 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .lg\:py-8 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .lg\:m-8 { margin: 0.5rem; }
  .lg\:mt-8 { margin-top: 0.5rem; }
  .lg\:mr-8 { margin-right: 0.5rem; }
  .lg\:mb-8 { margin-bottom: 0.5rem; }
  .lg\:ml-8 { margin-left: 0.5rem; }
  .lg\:mx-8 { margin-left: 0.5rem; margin-right: 0.5rem; }
  .lg\:my-8 { margin-top: 0.5rem; margin-bottom: 0.5rem; } }
.p-10 { padding: 0.625rem; }

.pt-10 { padding-top: 0.625rem; }

.pr-10 { padding-right: 0.625rem; }

.pb-10 { padding-bottom: 0.625rem; }

.pl-10 { padding-left: 0.625rem; }

.px-10 { padding-left: 0.625rem; padding-right: 0.625rem; }

.py-10 { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.m-10 { margin: 0.625rem; }

.mt-10 { margin-top: 0.625rem; }

.mr-10 { margin-right: 0.625rem; }

.mb-10 { margin-bottom: 0.625rem; }

.ml-10 { margin-left: 0.625rem; }

.mx-10 { margin-left: 0.625rem; margin-right: 0.625rem; }

.my-10 { margin-top: 0.625rem; margin-bottom: 0.625rem; }

@media (min-width: 576px) { .sm\:p-10 { padding: 0.625rem; }
  .sm\:pt-10 { padding-top: 0.625rem; }
  .sm\:pr-10 { padding-right: 0.625rem; }
  .sm\:pb-10 { padding-bottom: 0.625rem; }
  .sm\:pl-10 { padding-left: 0.625rem; }
  .sm\:px-10 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .sm\:py-10 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .sm\:m-10 { margin: 0.625rem; }
  .sm\:mt-10 { margin-top: 0.625rem; }
  .sm\:mr-10 { margin-right: 0.625rem; }
  .sm\:mb-10 { margin-bottom: 0.625rem; }
  .sm\:ml-10 { margin-left: 0.625rem; }
  .sm\:mx-10 { margin-left: 0.625rem; margin-right: 0.625rem; }
  .sm\:my-10 { margin-top: 0.625rem; margin-bottom: 0.625rem; } }
@media (min-width: 992px) { .md\:p-10 { padding: 0.625rem; }
  .md\:pt-10 { padding-top: 0.625rem; }
  .md\:pr-10 { padding-right: 0.625rem; }
  .md\:pb-10 { padding-bottom: 0.625rem; }
  .md\:pl-10 { padding-left: 0.625rem; }
  .md\:px-10 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .md\:py-10 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .md\:m-10 { margin: 0.625rem; }
  .md\:mt-10 { margin-top: 0.625rem; }
  .md\:mr-10 { margin-right: 0.625rem; }
  .md\:mb-10 { margin-bottom: 0.625rem; }
  .md\:ml-10 { margin-left: 0.625rem; }
  .md\:mx-10 { margin-left: 0.625rem; margin-right: 0.625rem; }
  .md\:my-10 { margin-top: 0.625rem; margin-bottom: 0.625rem; } }
@media (min-width: 1330px) { .lg\:p-10 { padding: 0.625rem; }
  .lg\:pt-10 { padding-top: 0.625rem; }
  .lg\:pr-10 { padding-right: 0.625rem; }
  .lg\:pb-10 { padding-bottom: 0.625rem; }
  .lg\:pl-10 { padding-left: 0.625rem; }
  .lg\:px-10 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .lg\:py-10 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .lg\:m-10 { margin: 0.625rem; }
  .lg\:mt-10 { margin-top: 0.625rem; }
  .lg\:mr-10 { margin-right: 0.625rem; }
  .lg\:mb-10 { margin-bottom: 0.625rem; }
  .lg\:ml-10 { margin-left: 0.625rem; }
  .lg\:mx-10 { margin-left: 0.625rem; margin-right: 0.625rem; }
  .lg\:my-10 { margin-top: 0.625rem; margin-bottom: 0.625rem; } }
.p-16 { padding: 1rem; }

.pt-16 { padding-top: 1rem; }

.pr-16 { padding-right: 1rem; }

.pb-16 { padding-bottom: 1rem; }

.pl-16 { padding-left: 1rem; }

.px-16 { padding-left: 1rem; padding-right: 1rem; }

.py-16 { padding-top: 1rem; padding-bottom: 1rem; }

.m-16 { margin: 1rem; }

.mt-16 { margin-top: 1rem; }

.mr-16 { margin-right: 1rem; }

.mb-16 { margin-bottom: 1rem; }

.ml-16 { margin-left: 1rem; }

.mx-16 { margin-left: 1rem; margin-right: 1rem; }

.my-16 { margin-top: 1rem; margin-bottom: 1rem; }

@media (min-width: 576px) { .sm\:p-16 { padding: 1rem; }
  .sm\:pt-16 { padding-top: 1rem; }
  .sm\:pr-16 { padding-right: 1rem; }
  .sm\:pb-16 { padding-bottom: 1rem; }
  .sm\:pl-16 { padding-left: 1rem; }
  .sm\:px-16 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:py-16 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm\:m-16 { margin: 1rem; }
  .sm\:mt-16 { margin-top: 1rem; }
  .sm\:mr-16 { margin-right: 1rem; }
  .sm\:mb-16 { margin-bottom: 1rem; }
  .sm\:ml-16 { margin-left: 1rem; }
  .sm\:mx-16 { margin-left: 1rem; margin-right: 1rem; }
  .sm\:my-16 { margin-top: 1rem; margin-bottom: 1rem; } }
@media (min-width: 992px) { .md\:p-16 { padding: 1rem; }
  .md\:pt-16 { padding-top: 1rem; }
  .md\:pr-16 { padding-right: 1rem; }
  .md\:pb-16 { padding-bottom: 1rem; }
  .md\:pl-16 { padding-left: 1rem; }
  .md\:px-16 { padding-left: 1rem; padding-right: 1rem; }
  .md\:py-16 { padding-top: 1rem; padding-bottom: 1rem; }
  .md\:m-16 { margin: 1rem; }
  .md\:mt-16 { margin-top: 1rem; }
  .md\:mr-16 { margin-right: 1rem; }
  .md\:mb-16 { margin-bottom: 1rem; }
  .md\:ml-16 { margin-left: 1rem; }
  .md\:mx-16 { margin-left: 1rem; margin-right: 1rem; }
  .md\:my-16 { margin-top: 1rem; margin-bottom: 1rem; } }
@media (min-width: 1330px) { .lg\:p-16 { padding: 1rem; }
  .lg\:pt-16 { padding-top: 1rem; }
  .lg\:pr-16 { padding-right: 1rem; }
  .lg\:pb-16 { padding-bottom: 1rem; }
  .lg\:pl-16 { padding-left: 1rem; }
  .lg\:px-16 { padding-left: 1rem; padding-right: 1rem; }
  .lg\:py-16 { padding-top: 1rem; padding-bottom: 1rem; }
  .lg\:m-16 { margin: 1rem; }
  .lg\:mt-16 { margin-top: 1rem; }
  .lg\:mr-16 { margin-right: 1rem; }
  .lg\:mb-16 { margin-bottom: 1rem; }
  .lg\:ml-16 { margin-left: 1rem; }
  .lg\:mx-16 { margin-left: 1rem; margin-right: 1rem; }
  .lg\:my-16 { margin-top: 1rem; margin-bottom: 1rem; } }
.p-20 { padding: 1.25rem; }

.pt-20 { padding-top: 1.25rem; }

.pr-20 { padding-right: 1.25rem; }

.pb-20 { padding-bottom: 1.25rem; }

.pl-20 { padding-left: 1.25rem; }

.px-20 { padding-left: 1.25rem; padding-right: 1.25rem; }

.py-20 { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.m-20 { margin: 1.25rem; }

.mt-20 { margin-top: 1.25rem; }

.mr-20 { margin-right: 1.25rem; }

.mb-20 { margin-bottom: 1.25rem; }

.ml-20 { margin-left: 1.25rem; }

.mx-20 { margin-left: 1.25rem; margin-right: 1.25rem; }

.my-20 { margin-top: 1.25rem; margin-bottom: 1.25rem; }

@media (min-width: 576px) { .sm\:p-20 { padding: 1.25rem; }
  .sm\:pt-20 { padding-top: 1.25rem; }
  .sm\:pr-20 { padding-right: 1.25rem; }
  .sm\:pb-20 { padding-bottom: 1.25rem; }
  .sm\:pl-20 { padding-left: 1.25rem; }
  .sm\:px-20 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .sm\:py-20 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .sm\:m-20 { margin: 1.25rem; }
  .sm\:mt-20 { margin-top: 1.25rem; }
  .sm\:mr-20 { margin-right: 1.25rem; }
  .sm\:mb-20 { margin-bottom: 1.25rem; }
  .sm\:ml-20 { margin-left: 1.25rem; }
  .sm\:mx-20 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .sm\:my-20 { margin-top: 1.25rem; margin-bottom: 1.25rem; } }
@media (min-width: 992px) { .md\:p-20 { padding: 1.25rem; }
  .md\:pt-20 { padding-top: 1.25rem; }
  .md\:pr-20 { padding-right: 1.25rem; }
  .md\:pb-20 { padding-bottom: 1.25rem; }
  .md\:pl-20 { padding-left: 1.25rem; }
  .md\:px-20 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .md\:py-20 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md\:m-20 { margin: 1.25rem; }
  .md\:mt-20 { margin-top: 1.25rem; }
  .md\:mr-20 { margin-right: 1.25rem; }
  .md\:mb-20 { margin-bottom: 1.25rem; }
  .md\:ml-20 { margin-left: 1.25rem; }
  .md\:mx-20 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .md\:my-20 { margin-top: 1.25rem; margin-bottom: 1.25rem; } }
@media (min-width: 1330px) { .lg\:p-20 { padding: 1.25rem; }
  .lg\:pt-20 { padding-top: 1.25rem; }
  .lg\:pr-20 { padding-right: 1.25rem; }
  .lg\:pb-20 { padding-bottom: 1.25rem; }
  .lg\:pl-20 { padding-left: 1.25rem; }
  .lg\:px-20 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg\:py-20 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg\:m-20 { margin: 1.25rem; }
  .lg\:mt-20 { margin-top: 1.25rem; }
  .lg\:mr-20 { margin-right: 1.25rem; }
  .lg\:mb-20 { margin-bottom: 1.25rem; }
  .lg\:ml-20 { margin-left: 1.25rem; }
  .lg\:mx-20 { margin-left: 1.25rem; margin-right: 1.25rem; }
  .lg\:my-20 { margin-top: 1.25rem; margin-bottom: 1.25rem; } }
.p-24 { padding: 1.5rem; }

.pt-24 { padding-top: 1.5rem; }

.pr-24 { padding-right: 1.5rem; }

.pb-24 { padding-bottom: 1.5rem; }

.pl-24 { padding-left: 1.5rem; }

.px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }

.py-24 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.m-24 { margin: 1.5rem; }

.mt-24 { margin-top: 1.5rem; }

.mr-24 { margin-right: 1.5rem; }

.mb-24 { margin-bottom: 1.5rem; }

.ml-24 { margin-left: 1.5rem; }

.mx-24 { margin-left: 1.5rem; margin-right: 1.5rem; }

.my-24 { margin-top: 1.5rem; margin-bottom: 1.5rem; }

@media (min-width: 576px) { .sm\:p-24 { padding: 1.5rem; }
  .sm\:pt-24 { padding-top: 1.5rem; }
  .sm\:pr-24 { padding-right: 1.5rem; }
  .sm\:pb-24 { padding-bottom: 1.5rem; }
  .sm\:pl-24 { padding-left: 1.5rem; }
  .sm\:px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:py-24 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm\:m-24 { margin: 1.5rem; }
  .sm\:mt-24 { margin-top: 1.5rem; }
  .sm\:mr-24 { margin-right: 1.5rem; }
  .sm\:mb-24 { margin-bottom: 1.5rem; }
  .sm\:ml-24 { margin-left: 1.5rem; }
  .sm\:mx-24 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm\:my-24 { margin-top: 1.5rem; margin-bottom: 1.5rem; } }
@media (min-width: 992px) { .md\:p-24 { padding: 1.5rem; }
  .md\:pt-24 { padding-top: 1.5rem; }
  .md\:pr-24 { padding-right: 1.5rem; }
  .md\:pb-24 { padding-bottom: 1.5rem; }
  .md\:pl-24 { padding-left: 1.5rem; }
  .md\:px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md\:py-24 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .md\:m-24 { margin: 1.5rem; }
  .md\:mt-24 { margin-top: 1.5rem; }
  .md\:mr-24 { margin-right: 1.5rem; }
  .md\:mb-24 { margin-bottom: 1.5rem; }
  .md\:ml-24 { margin-left: 1.5rem; }
  .md\:mx-24 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .md\:my-24 { margin-top: 1.5rem; margin-bottom: 1.5rem; } }
@media (min-width: 1330px) { .lg\:p-24 { padding: 1.5rem; }
  .lg\:pt-24 { padding-top: 1.5rem; }
  .lg\:pr-24 { padding-right: 1.5rem; }
  .lg\:pb-24 { padding-bottom: 1.5rem; }
  .lg\:pl-24 { padding-left: 1.5rem; }
  .lg\:px-24 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg\:py-24 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg\:m-24 { margin: 1.5rem; }
  .lg\:mt-24 { margin-top: 1.5rem; }
  .lg\:mr-24 { margin-right: 1.5rem; }
  .lg\:mb-24 { margin-bottom: 1.5rem; }
  .lg\:ml-24 { margin-left: 1.5rem; }
  .lg\:mx-24 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .lg\:my-24 { margin-top: 1.5rem; margin-bottom: 1.5rem; } }
.p-36 { padding: 2.25rem; }

.pt-36 { padding-top: 2.25rem; }

.pr-36 { padding-right: 2.25rem; }

.pb-36 { padding-bottom: 2.25rem; }

.pl-36 { padding-left: 2.25rem; }

.px-36 { padding-left: 2.25rem; padding-right: 2.25rem; }

.py-36 { padding-top: 2.25rem; padding-bottom: 2.25rem; }

.m-36 { margin: 2.25rem; }

.mt-36 { margin-top: 2.25rem; }

.mr-36 { margin-right: 2.25rem; }

.mb-36 { margin-bottom: 2.25rem; }

.ml-36 { margin-left: 2.25rem; }

.mx-36 { margin-left: 2.25rem; margin-right: 2.25rem; }

.my-36 { margin-top: 2.25rem; margin-bottom: 2.25rem; }

@media (min-width: 576px) { .sm\:p-36 { padding: 2.25rem; }
  .sm\:pt-36 { padding-top: 2.25rem; }
  .sm\:pr-36 { padding-right: 2.25rem; }
  .sm\:pb-36 { padding-bottom: 2.25rem; }
  .sm\:pl-36 { padding-left: 2.25rem; }
  .sm\:px-36 { padding-left: 2.25rem; padding-right: 2.25rem; }
  .sm\:py-36 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .sm\:m-36 { margin: 2.25rem; }
  .sm\:mt-36 { margin-top: 2.25rem; }
  .sm\:mr-36 { margin-right: 2.25rem; }
  .sm\:mb-36 { margin-bottom: 2.25rem; }
  .sm\:ml-36 { margin-left: 2.25rem; }
  .sm\:mx-36 { margin-left: 2.25rem; margin-right: 2.25rem; }
  .sm\:my-36 { margin-top: 2.25rem; margin-bottom: 2.25rem; } }
@media (min-width: 992px) { .md\:p-36 { padding: 2.25rem; }
  .md\:pt-36 { padding-top: 2.25rem; }
  .md\:pr-36 { padding-right: 2.25rem; }
  .md\:pb-36 { padding-bottom: 2.25rem; }
  .md\:pl-36 { padding-left: 2.25rem; }
  .md\:px-36 { padding-left: 2.25rem; padding-right: 2.25rem; }
  .md\:py-36 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .md\:m-36 { margin: 2.25rem; }
  .md\:mt-36 { margin-top: 2.25rem; }
  .md\:mr-36 { margin-right: 2.25rem; }
  .md\:mb-36 { margin-bottom: 2.25rem; }
  .md\:ml-36 { margin-left: 2.25rem; }
  .md\:mx-36 { margin-left: 2.25rem; margin-right: 2.25rem; }
  .md\:my-36 { margin-top: 2.25rem; margin-bottom: 2.25rem; } }
@media (min-width: 1330px) { .lg\:p-36 { padding: 2.25rem; }
  .lg\:pt-36 { padding-top: 2.25rem; }
  .lg\:pr-36 { padding-right: 2.25rem; }
  .lg\:pb-36 { padding-bottom: 2.25rem; }
  .lg\:pl-36 { padding-left: 2.25rem; }
  .lg\:px-36 { padding-left: 2.25rem; padding-right: 2.25rem; }
  .lg\:py-36 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .lg\:m-36 { margin: 2.25rem; }
  .lg\:mt-36 { margin-top: 2.25rem; }
  .lg\:mr-36 { margin-right: 2.25rem; }
  .lg\:mb-36 { margin-bottom: 2.25rem; }
  .lg\:ml-36 { margin-left: 2.25rem; }
  .lg\:mx-36 { margin-left: 2.25rem; margin-right: 2.25rem; }
  .lg\:my-36 { margin-top: 2.25rem; margin-bottom: 2.25rem; } }
.p-auto { padding: auto; }

.pt-auto { padding-top: auto; }

.pr-auto { padding-right: auto; }

.pb-auto { padding-bottom: auto; }

.pl-auto { padding-left: auto; }

.px-auto { padding-left: auto; padding-right: auto; }

.py-auto { padding-top: auto; padding-bottom: auto; }

.m-auto { margin: auto; }

.mt-auto { margin-top: auto; }

.mr-auto { margin-right: auto; }

.mb-auto { margin-bottom: auto; }

.ml-auto { margin-left: auto; }

.mx-auto { margin-left: auto; margin-right: auto; }

.my-auto { margin-top: auto; margin-bottom: auto; }

@media (min-width: 576px) { .sm\:p-auto { padding: auto; }
  .sm\:pt-auto { padding-top: auto; }
  .sm\:pr-auto { padding-right: auto; }
  .sm\:pb-auto { padding-bottom: auto; }
  .sm\:pl-auto { padding-left: auto; }
  .sm\:px-auto { padding-left: auto; padding-right: auto; }
  .sm\:py-auto { padding-top: auto; padding-bottom: auto; }
  .sm\:m-auto { margin: auto; }
  .sm\:mt-auto { margin-top: auto; }
  .sm\:mr-auto { margin-right: auto; }
  .sm\:mb-auto { margin-bottom: auto; }
  .sm\:ml-auto { margin-left: auto; }
  .sm\:mx-auto { margin-left: auto; margin-right: auto; }
  .sm\:my-auto { margin-top: auto; margin-bottom: auto; } }
@media (min-width: 992px) { .md\:p-auto { padding: auto; }
  .md\:pt-auto { padding-top: auto; }
  .md\:pr-auto { padding-right: auto; }
  .md\:pb-auto { padding-bottom: auto; }
  .md\:pl-auto { padding-left: auto; }
  .md\:px-auto { padding-left: auto; padding-right: auto; }
  .md\:py-auto { padding-top: auto; padding-bottom: auto; }
  .md\:m-auto { margin: auto; }
  .md\:mt-auto { margin-top: auto; }
  .md\:mr-auto { margin-right: auto; }
  .md\:mb-auto { margin-bottom: auto; }
  .md\:ml-auto { margin-left: auto; }
  .md\:mx-auto { margin-left: auto; margin-right: auto; }
  .md\:my-auto { margin-top: auto; margin-bottom: auto; } }
@media (min-width: 1330px) { .lg\:p-auto { padding: auto; }
  .lg\:pt-auto { padding-top: auto; }
  .lg\:pr-auto { padding-right: auto; }
  .lg\:pb-auto { padding-bottom: auto; }
  .lg\:pl-auto { padding-left: auto; }
  .lg\:px-auto { padding-left: auto; padding-right: auto; }
  .lg\:py-auto { padding-top: auto; padding-bottom: auto; }
  .lg\:m-auto { margin: auto; }
  .lg\:mt-auto { margin-top: auto; }
  .lg\:mr-auto { margin-right: auto; }
  .lg\:mb-auto { margin-bottom: auto; }
  .lg\:ml-auto { margin-left: auto; }
  .lg\:mx-auto { margin-left: auto; margin-right: auto; }
  .lg\:my-auto { margin-top: auto; margin-bottom: auto; } }
/* -------------------------------------------------- */
/* ==Grillade : système de micro-grille  de KNACSS   */
/* ------------------------------------------------ */
.grid { display: grid; }

@media (min-width: 576px) { .sm\:grid { display: grid; } }
@media (min-width: 992px) { .md\:grid { display: grid; } }
@media (min-width: 1330px) { .lg\:grid { display: grid; } }
/* grid-template-columns initialisation */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* grid-template-columns au sein des breakpoints */
@media (min-width: 576px) { .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 992px) { .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1330px) { .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
/* gap initialisation */
.gap-0 { gap: 0; }

.gap-x-0 { column-gap: 0; }

.gap-y-0 { row-gap: 0; }

.gap-5 { gap: 0.313rem; }

.gap-x-5 { column-gap: 0.313rem; }

.gap-y-5 { row-gap: 0.313rem; }

.gap-10 { gap: 0.625rem; }

.gap-x-10 { column-gap: 0.625rem; }

.gap-y-10 { row-gap: 0.625rem; }

.gap-16 { gap: 1rem; }

.gap-x-16 { column-gap: 1rem; }

.gap-y-16 { row-gap: 1rem; }

.gap-20 { gap: 1.25rem; }

.gap-x-20 { column-gap: 1.25rem; }

.gap-y-20 { row-gap: 1.25rem; }

.gap-36 { gap: 2.25rem; }

.gap-x-36 { column-gap: 2.25rem; }

.gap-y-36 { row-gap: 2.25rem; }

/* gap au sein des breakpoints */
@media (min-width: 576px) { .sm\:gap-0 { gap: 0; }
  .sm\:gap-x-0 { column-gap: 0; }
  .sm\:gap-y-0 { row-gap: 0; }
  .sm\:gap-5 { gap: 0.313rem; }
  .sm\:gap-x-5 { column-gap: 0.313rem; }
  .sm\:gap-y-5 { row-gap: 0.313rem; }
  .sm\:gap-10 { gap: 0.625rem; }
  .sm\:gap-x-10 { column-gap: 0.625rem; }
  .sm\:gap-y-10 { row-gap: 0.625rem; }
  .sm\:gap-16 { gap: 1rem; }
  .sm\:gap-x-16 { column-gap: 1rem; }
  .sm\:gap-y-16 { row-gap: 1rem; }
  .sm\:gap-20 { gap: 1.25rem; }
  .sm\:gap-x-20 { column-gap: 1.25rem; }
  .sm\:gap-y-20 { row-gap: 1.25rem; }
  .sm\:gap-36 { gap: 2.25rem; }
  .sm\:gap-x-36 { column-gap: 2.25rem; }
  .sm\:gap-y-36 { row-gap: 2.25rem; } }
@media (min-width: 992px) { .md\:gap-0 { gap: 0; }
  .md\:gap-x-0 { column-gap: 0; }
  .md\:gap-y-0 { row-gap: 0; }
  .md\:gap-5 { gap: 0.313rem; }
  .md\:gap-x-5 { column-gap: 0.313rem; }
  .md\:gap-y-5 { row-gap: 0.313rem; }
  .md\:gap-10 { gap: 0.625rem; }
  .md\:gap-x-10 { column-gap: 0.625rem; }
  .md\:gap-y-10 { row-gap: 0.625rem; }
  .md\:gap-16 { gap: 1rem; }
  .md\:gap-x-16 { column-gap: 1rem; }
  .md\:gap-y-16 { row-gap: 1rem; }
  .md\:gap-20 { gap: 1.25rem; }
  .md\:gap-x-20 { column-gap: 1.25rem; }
  .md\:gap-y-20 { row-gap: 1.25rem; }
  .md\:gap-36 { gap: 2.25rem; }
  .md\:gap-x-36 { column-gap: 2.25rem; }
  .md\:gap-y-36 { row-gap: 2.25rem; } }
@media (min-width: 1330px) { .lg\:gap-0 { gap: 0; }
  .lg\:gap-x-0 { column-gap: 0; }
  .lg\:gap-y-0 { row-gap: 0; }
  .lg\:gap-5 { gap: 0.313rem; }
  .lg\:gap-x-5 { column-gap: 0.313rem; }
  .lg\:gap-y-5 { row-gap: 0.313rem; }
  .lg\:gap-10 { gap: 0.625rem; }
  .lg\:gap-x-10 { column-gap: 0.625rem; }
  .lg\:gap-y-10 { row-gap: 0.625rem; }
  .lg\:gap-16 { gap: 1rem; }
  .lg\:gap-x-16 { column-gap: 1rem; }
  .lg\:gap-y-16 { row-gap: 1rem; }
  .lg\:gap-20 { gap: 1.25rem; }
  .lg\:gap-x-20 { column-gap: 1.25rem; }
  .lg\:gap-y-20 { row-gap: 1.25rem; }
  .lg\:gap-36 { gap: 2.25rem; }
  .lg\:gap-x-36 { column-gap: 2.25rem; }
  .lg\:gap-y-36 { row-gap: 2.25rem; } }
/* grid-items initialisation */
.col-start-1 { grid-column-start: 1; }

.col-end-1 { grid-column-end: 1; }

.col-span-1 { grid-column: span 1 / span 1; }

.col-span-full { grid-column: 1 / -1; }

.row-start-1 { grid-row-start: 1; }

.row-end-1 { grid-row-end: 1; }

.row-span-1 { grid-row: span 1 / span 1; }

.col-start-2 { grid-column-start: 2; }

.col-end-2 { grid-column-end: 2; }

.col-span-2 { grid-column: span 2 / span 2; }

.col-span-full { grid-column: 1 / -1; }

.row-start-2 { grid-row-start: 2; }

.row-end-2 { grid-row-end: 2; }

.row-span-2 { grid-row: span 2 / span 2; }

.col-start-3 { grid-column-start: 3; }

.col-end-3 { grid-column-end: 3; }

.col-span-3 { grid-column: span 3 / span 3; }

.col-span-full { grid-column: 1 / -1; }

.row-start-3 { grid-row-start: 3; }

.row-end-3 { grid-row-end: 3; }

.row-span-3 { grid-row: span 3 / span 3; }

.col-start-4 { grid-column-start: 4; }

.col-end-4 { grid-column-end: 4; }

.col-span-4 { grid-column: span 4 / span 4; }

.col-span-full { grid-column: 1 / -1; }

.row-start-4 { grid-row-start: 4; }

.row-end-4 { grid-row-end: 4; }

.row-span-4 { grid-row: span 4 / span 4; }

.col-start-5 { grid-column-start: 5; }

.col-end-5 { grid-column-end: 5; }

.col-span-5 { grid-column: span 5 / span 5; }

.col-span-full { grid-column: 1 / -1; }

.row-start-5 { grid-row-start: 5; }

.row-end-5 { grid-row-end: 5; }

.row-span-5 { grid-row: span 5 / span 5; }

.col-start-6 { grid-column-start: 6; }

.col-end-6 { grid-column-end: 6; }

.col-span-6 { grid-column: span 6 / span 6; }

.col-span-full { grid-column: 1 / -1; }

.row-start-6 { grid-row-start: 6; }

.row-end-6 { grid-row-end: 6; }

.row-span-6 { grid-row: span 6 / span 6; }

/* grid-items au sein des breakpoints */
@media (min-width: 576px) { .sm\:col-start-1 { grid-column-start: 1; }
  .sm\:col-end-1 { grid-column-end: 1; }
  .sm\:col-span-1 { grid-column: span 1 / span 1; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:row-start-1 { grid-row-start: 1; }
  .sm\:row-end-1 { grid-row-end: 1; }
  .sm\:row-span-1 { grid-row: span 1 / span 1; }
  .sm\:col-start-2 { grid-column-start: 2; }
  .sm\:col-end-2 { grid-column-end: 2; }
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:row-start-2 { grid-row-start: 2; }
  .sm\:row-end-2 { grid-row-end: 2; }
  .sm\:row-span-2 { grid-row: span 2 / span 2; }
  .sm\:col-start-3 { grid-column-start: 3; }
  .sm\:col-end-3 { grid-column-end: 3; }
  .sm\:col-span-3 { grid-column: span 3 / span 3; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:row-start-3 { grid-row-start: 3; }
  .sm\:row-end-3 { grid-row-end: 3; }
  .sm\:row-span-3 { grid-row: span 3 / span 3; }
  .sm\:col-start-4 { grid-column-start: 4; }
  .sm\:col-end-4 { grid-column-end: 4; }
  .sm\:col-span-4 { grid-column: span 4 / span 4; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:row-start-4 { grid-row-start: 4; }
  .sm\:row-end-4 { grid-row-end: 4; }
  .sm\:row-span-4 { grid-row: span 4 / span 4; }
  .sm\:col-start-5 { grid-column-start: 5; }
  .sm\:col-end-5 { grid-column-end: 5; }
  .sm\:col-span-5 { grid-column: span 5 / span 5; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:row-start-5 { grid-row-start: 5; }
  .sm\:row-end-5 { grid-row-end: 5; }
  .sm\:row-span-5 { grid-row: span 5 / span 5; }
  .sm\:col-start-6 { grid-column-start: 6; }
  .sm\:col-end-6 { grid-column-end: 6; }
  .sm\:col-span-6 { grid-column: span 6 / span 6; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:row-start-6 { grid-row-start: 6; }
  .sm\:row-end-6 { grid-row-end: 6; }
  .sm\:row-span-6 { grid-row: span 6 / span 6; } }
@media (min-width: 992px) { .md\:col-start-1 { grid-column-start: 1; }
  .md\:col-end-1 { grid-column-end: 1; }
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:row-start-1 { grid-row-start: 1; }
  .md\:row-end-1 { grid-row-end: 1; }
  .md\:row-span-1 { grid-row: span 1 / span 1; }
  .md\:col-start-2 { grid-column-start: 2; }
  .md\:col-end-2 { grid-column-end: 2; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:row-start-2 { grid-row-start: 2; }
  .md\:row-end-2 { grid-row-end: 2; }
  .md\:row-span-2 { grid-row: span 2 / span 2; }
  .md\:col-start-3 { grid-column-start: 3; }
  .md\:col-end-3 { grid-column-end: 3; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:row-start-3 { grid-row-start: 3; }
  .md\:row-end-3 { grid-row-end: 3; }
  .md\:row-span-3 { grid-row: span 3 / span 3; }
  .md\:col-start-4 { grid-column-start: 4; }
  .md\:col-end-4 { grid-column-end: 4; }
  .md\:col-span-4 { grid-column: span 4 / span 4; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:row-start-4 { grid-row-start: 4; }
  .md\:row-end-4 { grid-row-end: 4; }
  .md\:row-span-4 { grid-row: span 4 / span 4; }
  .md\:col-start-5 { grid-column-start: 5; }
  .md\:col-end-5 { grid-column-end: 5; }
  .md\:col-span-5 { grid-column: span 5 / span 5; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:row-start-5 { grid-row-start: 5; }
  .md\:row-end-5 { grid-row-end: 5; }
  .md\:row-span-5 { grid-row: span 5 / span 5; }
  .md\:col-start-6 { grid-column-start: 6; }
  .md\:col-end-6 { grid-column-end: 6; }
  .md\:col-span-6 { grid-column: span 6 / span 6; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:row-start-6 { grid-row-start: 6; }
  .md\:row-end-6 { grid-row-end: 6; }
  .md\:row-span-6 { grid-row: span 6 / span 6; } }
@media (min-width: 1330px) { .lg\:col-start-1 { grid-column-start: 1; }
  .lg\:col-end-1 { grid-column-end: 1; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:row-start-1 { grid-row-start: 1; }
  .lg\:row-end-1 { grid-row-end: 1; }
  .lg\:row-span-1 { grid-row: span 1 / span 1; }
  .lg\:col-start-2 { grid-column-start: 2; }
  .lg\:col-end-2 { grid-column-end: 2; }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:row-start-2 { grid-row-start: 2; }
  .lg\:row-end-2 { grid-row-end: 2; }
  .lg\:row-span-2 { grid-row: span 2 / span 2; }
  .lg\:col-start-3 { grid-column-start: 3; }
  .lg\:col-end-3 { grid-column-end: 3; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:row-start-3 { grid-row-start: 3; }
  .lg\:row-end-3 { grid-row-end: 3; }
  .lg\:row-span-3 { grid-row: span 3 / span 3; }
  .lg\:col-start-4 { grid-column-start: 4; }
  .lg\:col-end-4 { grid-column-end: 4; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:row-start-4 { grid-row-start: 4; }
  .lg\:row-end-4 { grid-row-end: 4; }
  .lg\:row-span-4 { grid-row: span 4 / span 4; }
  .lg\:col-start-5 { grid-column-start: 5; }
  .lg\:col-end-5 { grid-column-end: 5; }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:row-start-5 { grid-row-start: 5; }
  .lg\:row-end-5 { grid-row-end: 5; }
  .lg\:row-span-5 { grid-row: span 5 / span 5; }
  .lg\:col-start-6 { grid-column-start: 6; }
  .lg\:col-end-6 { grid-column-end: 6; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:row-start-6 { grid-row-start: 6; }
  .lg\:row-end-6 { grid-row-end: 6; }
  .lg\:row-span-6 { grid-row: span 6 / span 6; } }
/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
@use "sass:map";
@use "sass:color";
/*********************************************************** Palette de couleurs en mode clair (mode par défaut) (palette en mode sombre dans le fichier _mode-sombre.scss)
***********************************************************/
/* Utilisation : Ces couleurs peuvent être utilisées telles quelles, avec éventuellement du texte noir par dessus (sauf si fond noir).  Les survols (hover) doivent être définis plus clairs (avec la fonction scale-color de SASS, voir https://sass-lang.com/documentation/modules/color#scale), en conservant le texte noir par dessus.  Les "active" doivent être définis plus sombres (avec la fonction scale-color de SASS), avec du texte blanc par dessus.  Pour vérifier les contrastes : https://contrastchecker.com/ (le but est d'avoir le plus de pastilles vertes, au minimum les AA)  A chaque fois que vous utilisez une couleur, assurez-vous que celle-ci est toujours lisible/discernable en mode sombre. À défaut, vous pouvez modifier le fichier _mode-sombre.scss pour définir une couleur correcte (en utilisant au maximum celles déjà existantes); */
/* Attention : les fichiers vetplanning.scss, print.scss, index.scss redéfinissent des couleurs pour pouvoir compiler. Le fichier _mode-sombre.scss définit une variable regroupant les couleurs du thème sombre par défaut. Celles-ci ne seront appelées que si un mode sombre est détecté (variable inutilisé sinon). */
/*********************************************************** THEME (CHARTE GRAPHIQUE) *********************************************************/
/*********************************************************** Autres couleurs (utilisées à plusieurs endroits) *********************************************************/
/*********************************************************** Tableaux de statistiques *********************************************************/
/*********************************************************** Plannings (mise en surbrillance de collègues) *********************************************************/
/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2024
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d’enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l’autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 20/9/2024
 */
img.icone { width: 16px; height: 16px; margin-left: 2px; margin-right: 2px; vertical-align: middle; }
img.icone.magic { cursor: pointer; }
img.icone.main { cursor: pointer; }
img.icone.medium { width: 20px; height: 20px; }
img.icone[src*="bullet_arrow"] { width: 10px; height: 10px; }
img.icone.triageIcon { width: 15px; height: 15px; content: url("../images/flaticon/bullet_arrow_down_full.svg"); }

div.droite, div.gauche { position: static; float: right; margin: 0 3em 0 10px; }

div.gauche { float: left; }

div.milieu { margin: 3em auto; }

/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2023
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d'enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l'autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 13/10/2023
 */
/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
a.btnAction, a.btnIconeActualiser, a.btnIconeArchivage, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeRetourDesiderata, a.btnIconeEmail, a.btnIconeAnnuler, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeBourse, a.btnIconePrecedent, span.btnIconePrecedentNB, a.btnIconeSuivant, span.btnIconeSuivantNB, a.btnIconeVerifier, a.btnIconeAccepter, a.btnIconeAttente, a.btnIconeRefuser, a.btnIconeRetour, a.btnIconeRetourPlanning, a.btnIconeCorrection, a.btnIconeEffacer, a.btnIconeCharger, a.btnIconeSupprimer, a.btnIconeVideo, a.btnSimplifierSemaineType, a.btnIconeModeEdition, a.btnIconeModeAgencement, .btnAffichageMenuHautPage, a.btnChangements, button.btnAction { background-color: #be0a26; height: 30px; width: 118px; border-radius: 3px; background-repeat: no-repeat; color: #ffffff; transition: all 0.3s; text-align: center; text-decoration: none; vertical-align: center; white-space: nowrap; margin: 0.5rem; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnAction, a.btnIconeActualiser, a.btnIconeArchivage, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeRetourDesiderata, a.btnIconeEmail, a.btnIconeAnnuler, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeBourse, a.btnIconePrecedent, span.btnIconePrecedentNB, a.btnIconeSuivant, span.btnIconeSuivantNB, a.btnIconeVerifier, a.btnIconeAccepter, a.btnIconeAttente, a.btnIconeRefuser, a.btnIconeRetour, a.btnIconeRetourPlanning, a.btnIconeCorrection, a.btnIconeEffacer, a.btnIconeCharger, a.btnIconeSupprimer, a.btnIconeVideo, a.btnSimplifierSemaineType, a.btnIconeModeEdition, a.btnIconeModeAgencement, .btnAffichageMenuHautPage, a.btnChangements, button.btnAction { -moz-box-shadow: #85071b 3px 3px 5px 0; -webkit-box-shadow: #85071b 3px 3px 5px 0; box-shadow: #85071b 3px 3px 5px 0; }
  a.btnAction:hover, a.btnIconeActualiser:hover, a.btnIconeArchivage:hover, a.btnIconeSemPrecedente:hover, a.btnIconeSemSuivant:hover, a.btnIconeRetourDesiderata:hover, a.btnIconeEmail:hover, a.btnIconeAnnuler:hover, a.btnIconePostuler:hover, span.btnIconePostulerNB:hover, a.btnIconeBourse:hover, a.btnIconePrecedent:hover, span.btnIconePrecedentNB:hover, a.btnIconeSuivant:hover, span.btnIconeSuivantNB:hover, a.btnIconeVerifier:hover, a.btnIconeAccepter:hover, a.btnIconeAttente:hover, a.btnIconeRefuser:hover, a.btnIconeRetour:hover, a.btnIconeRetourPlanning:hover, a.btnIconeCorrection:hover, a.btnIconeEffacer:hover, a.btnIconeCharger:hover, a.btnIconeSupprimer:hover, a.btnIconeVideo:hover, a.btnSimplifierSemaineType:hover, a.btnIconeModeEdition:hover, a.btnIconeModeAgencement:hover, .btnAffichageMenuHautPage:hover, a.btnChangements:hover, button.btnAction:hover { background-color: #a20920; } }
@media (prefers-color-scheme: dark) { a.btnAction, a.btnIconeActualiser, a.btnIconeArchivage, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeRetourDesiderata, a.btnIconeEmail, a.btnIconeAnnuler, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeBourse, a.btnIconePrecedent, span.btnIconePrecedentNB, a.btnIconeSuivant, span.btnIconeSuivantNB, a.btnIconeVerifier, a.btnIconeAccepter, a.btnIconeAttente, a.btnIconeRefuser, a.btnIconeRetour, a.btnIconeRetourPlanning, a.btnIconeCorrection, a.btnIconeEffacer, a.btnIconeCharger, a.btnIconeSupprimer, a.btnIconeVideo, a.btnSimplifierSemaineType, a.btnIconeModeEdition, a.btnIconeModeAgencement, .btnAffichageMenuHautPage, a.btnChangements, button.btnAction { -moz-box-shadow: #f4314f 3px 3px 5px 0; -webkit-box-shadow: #f4314f 3px 3px 5px 0; box-shadow: #f4314f 3px 3px 5px 0; }
  a.btnAction:hover, a.btnIconeActualiser:hover, a.btnIconeArchivage:hover, a.btnIconeSemPrecedente:hover, a.btnIconeSemSuivant:hover, a.btnIconeRetourDesiderata:hover, a.btnIconeEmail:hover, a.btnIconeAnnuler:hover, a.btnIconePostuler:hover, span.btnIconePostulerNB:hover, a.btnIconeBourse:hover, a.btnIconePrecedent:hover, span.btnIconePrecedentNB:hover, a.btnIconeSuivant:hover, span.btnIconeSuivantNB:hover, a.btnIconeVerifier:hover, a.btnIconeAccepter:hover, a.btnIconeAttente:hover, a.btnIconeRefuser:hover, a.btnIconeRetour:hover, a.btnIconeRetourPlanning:hover, a.btnIconeCorrection:hover, a.btnIconeEffacer:hover, a.btnIconeCharger:hover, a.btnIconeSupprimer:hover, a.btnIconeVideo:hover, a.btnSimplifierSemaineType:hover, a.btnIconeModeEdition:hover, a.btnIconeModeAgencement:hover, .btnAffichageMenuHautPage:hover, a.btnChangements:hover, button.btnAction:hover { background-color: #ea0c2f; } }
a.btnAction:active, a.btnIconeActualiser:active, a.btnIconeArchivage:active, a.btnIconeSemPrecedente:active, a.btnIconeSemSuivant:active, a.btnIconeRetourDesiderata:active, a.btnIconeEmail:active, a.btnIconeAnnuler:active, a.btnIconePostuler:active, span.btnIconePostulerNB:active, a.btnIconeBourse:active, a.btnIconePrecedent:active, span.btnIconePrecedentNB:active, a.btnIconeSuivant:active, span.btnIconeSuivantNB:active, a.btnIconeVerifier:active, a.btnIconeAccepter:active, a.btnIconeAttente:active, a.btnIconeRefuser:active, a.btnIconeRetour:active, a.btnIconeRetourPlanning:active, a.btnIconeCorrection:active, a.btnIconeEffacer:active, a.btnIconeCharger:active, a.btnIconeSupprimer:active, a.btnIconeVideo:active, a.btnSimplifierSemaineType:active, a.btnIconeModeEdition:active, a.btnIconeModeAgencement:active, .btnAffichageMenuHautPage:active, a.btnChangements:active, button.btnAction:active { -moz-box-shadow: #ffffff 0px 0px 0px 0; -webkit-box-shadow: #ffffff 0px 0px 0px 0; box-shadow: #ffffff 0px 0px 0px 0; color: #ffffff; }
a.btnAction:hover, a.btnIconeActualiser:hover, a.btnIconeArchivage:hover, a.btnIconeSemPrecedente:hover, a.btnIconeSemSuivant:hover, a.btnIconeRetourDesiderata:hover, a.btnIconeEmail:hover, a.btnIconeAnnuler:hover, a.btnIconePostuler:hover, span.btnIconePostulerNB:hover, a.btnIconeBourse:hover, a.btnIconePrecedent:hover, span.btnIconePrecedentNB:hover, a.btnIconeSuivant:hover, span.btnIconeSuivantNB:hover, a.btnIconeVerifier:hover, a.btnIconeAccepter:hover, a.btnIconeAttente:hover, a.btnIconeRefuser:hover, a.btnIconeRetour:hover, a.btnIconeRetourPlanning:hover, a.btnIconeCorrection:hover, a.btnIconeEffacer:hover, a.btnIconeCharger:hover, a.btnIconeSupprimer:hover, a.btnIconeVideo:hover, a.btnSimplifierSemaineType:hover, a.btnIconeModeEdition:hover, a.btnIconeModeAgencement:hover, .btnAffichageMenuHautPage:hover, a.btnChangements:hover, button.btnAction:hover { color: #ffffff !important; }
a.btnAction.btnTous, a.btnTous.btnIconeActualiser, a.btnTous.btnIconeArchivage, a.btnTous.btnIconeSemPrecedente, a.btnTous.btnIconeSemSuivant, a.btnTous.btnIconeRetourDesiderata, a.btnTous.btnIconeEmail, a.btnTous.btnIconeAnnuler, a.btnTous.btnIconePostuler, span.btnTous.btnIconePostulerNB, a.btnTous.btnIconeBourse, a.btnTous.btnIconePrecedent, span.btnTous.btnIconePrecedentNB, a.btnTous.btnIconeSuivant, span.btnTous.btnIconeSuivantNB, a.btnTous.btnIconeVerifier, a.btnTous.btnIconeAccepter, a.btnTous.btnIconeAttente, a.btnTous.btnIconeRefuser, a.btnTous.btnIconeRetour, a.btnTous.btnIconeRetourPlanning, a.btnTous.btnIconeCorrection, a.btnTous.btnIconeEffacer, a.btnTous.btnIconeCharger, a.btnTous.btnIconeSupprimer, a.btnTous.btnIconeVideo, a.btnTous.btnSimplifierSemaineType, a.btnTous.btnIconeModeEdition, a.btnTous.btnIconeModeAgencement, .btnTous.btnAffichageMenuHautPage, a.btnTous.btnChangements, button.btnAction.btnTous { margin: 2.5px 0.5rem 0.5rem 0.5rem; }
a.btnAction span svg, a.btnIconeActualiser span svg, a.btnIconeArchivage span svg, a.btnIconeSemPrecedente span svg, a.btnIconeSemSuivant span svg, a.btnIconeRetourDesiderata span svg, a.btnIconeEmail span svg, a.btnIconeAnnuler span svg, a.btnIconePostuler span svg, span.btnIconePostulerNB span svg, a.btnIconeBourse span svg, a.btnIconePrecedent span svg, span.btnIconePrecedentNB span svg, a.btnIconeSuivant span svg, span.btnIconeSuivantNB span svg, a.btnIconeVerifier span svg, a.btnIconeAccepter span svg, a.btnIconeAttente span svg, a.btnIconeRefuser span svg, a.btnIconeRetour span svg, a.btnIconeRetourPlanning span svg, a.btnIconeCorrection span svg, a.btnIconeEffacer span svg, a.btnIconeCharger span svg, a.btnIconeSupprimer span svg, a.btnIconeVideo span svg, a.btnSimplifierSemaineType span svg, a.btnIconeModeEdition span svg, a.btnIconeModeAgencement span svg, .btnAffichageMenuHautPage span svg, a.btnChangements span svg, button.btnAction span svg { padding: 2px; }
a.btnAction span svg path:not(.outline), a.btnIconeActualiser span svg path:not(.outline), a.btnIconeArchivage span svg path:not(.outline), a.btnIconeSemPrecedente span svg path:not(.outline), a.btnIconeSemSuivant span svg path:not(.outline), a.btnIconeRetourDesiderata span svg path:not(.outline), a.btnIconeEmail span svg path:not(.outline), a.btnIconeAnnuler span svg path:not(.outline), a.btnIconePostuler span svg path:not(.outline), span.btnIconePostulerNB span svg path:not(.outline), a.btnIconeBourse span svg path:not(.outline), a.btnIconePrecedent span svg path:not(.outline), span.btnIconePrecedentNB span svg path:not(.outline), a.btnIconeSuivant span svg path:not(.outline), span.btnIconeSuivantNB span svg path:not(.outline), a.btnIconeVerifier span svg path:not(.outline), a.btnIconeAccepter span svg path:not(.outline), a.btnIconeAttente span svg path:not(.outline), a.btnIconeRefuser span svg path:not(.outline), a.btnIconeRetour span svg path:not(.outline), a.btnIconeRetourPlanning span svg path:not(.outline), a.btnIconeCorrection span svg path:not(.outline), a.btnIconeEffacer span svg path:not(.outline), a.btnIconeCharger span svg path:not(.outline), a.btnIconeSupprimer span svg path:not(.outline), a.btnIconeVideo span svg path:not(.outline), a.btnSimplifierSemaineType span svg path:not(.outline), a.btnIconeModeEdition span svg path:not(.outline), a.btnIconeModeAgencement span svg path:not(.outline), .btnAffichageMenuHautPage span svg path:not(.outline), a.btnChangements span svg path:not(.outline), a.btnAction span svg circle:not(.outline), a.btnIconeActualiser span svg circle:not(.outline), a.btnIconeArchivage span svg circle:not(.outline), a.btnIconeSemPrecedente span svg circle:not(.outline), a.btnIconeSemSuivant span svg circle:not(.outline), a.btnIconeRetourDesiderata span svg circle:not(.outline), a.btnIconeEmail span svg circle:not(.outline), a.btnIconeAnnuler span svg circle:not(.outline), a.btnIconePostuler span svg circle:not(.outline), span.btnIconePostulerNB span svg circle:not(.outline), a.btnIconeBourse span svg circle:not(.outline), a.btnIconePrecedent span svg circle:not(.outline), span.btnIconePrecedentNB span svg circle:not(.outline), a.btnIconeSuivant span svg circle:not(.outline), span.btnIconeSuivantNB span svg circle:not(.outline), a.btnIconeVerifier span svg circle:not(.outline), a.btnIconeAccepter span svg circle:not(.outline), a.btnIconeAttente span svg circle:not(.outline), a.btnIconeRefuser span svg circle:not(.outline), a.btnIconeRetour span svg circle:not(.outline), a.btnIconeRetourPlanning span svg circle:not(.outline), a.btnIconeCorrection span svg circle:not(.outline), a.btnIconeEffacer span svg circle:not(.outline), a.btnIconeCharger span svg circle:not(.outline), a.btnIconeSupprimer span svg circle:not(.outline), a.btnIconeVideo span svg circle:not(.outline), a.btnSimplifierSemaineType span svg circle:not(.outline), a.btnIconeModeEdition span svg circle:not(.outline), a.btnIconeModeAgencement span svg circle:not(.outline), .btnAffichageMenuHautPage span svg circle:not(.outline), a.btnChangements span svg circle:not(.outline), a.btnAction span svg polygon:not(.outline), a.btnIconeActualiser span svg polygon:not(.outline), a.btnIconeArchivage span svg polygon:not(.outline), a.btnIconeSemPrecedente span svg polygon:not(.outline), a.btnIconeSemSuivant span svg polygon:not(.outline), a.btnIconeRetourDesiderata span svg polygon:not(.outline), a.btnIconeEmail span svg polygon:not(.outline), a.btnIconeAnnuler span svg polygon:not(.outline), a.btnIconePostuler span svg polygon:not(.outline), span.btnIconePostulerNB span svg polygon:not(.outline), a.btnIconeBourse span svg polygon:not(.outline), a.btnIconePrecedent span svg polygon:not(.outline), span.btnIconePrecedentNB span svg polygon:not(.outline), a.btnIconeSuivant span svg polygon:not(.outline), span.btnIconeSuivantNB span svg polygon:not(.outline), a.btnIconeVerifier span svg polygon:not(.outline), a.btnIconeAccepter span svg polygon:not(.outline), a.btnIconeAttente span svg polygon:not(.outline), a.btnIconeRefuser span svg polygon:not(.outline), a.btnIconeRetour span svg polygon:not(.outline), a.btnIconeRetourPlanning span svg polygon:not(.outline), a.btnIconeCorrection span svg polygon:not(.outline), a.btnIconeEffacer span svg polygon:not(.outline), a.btnIconeCharger span svg polygon:not(.outline), a.btnIconeSupprimer span svg polygon:not(.outline), a.btnIconeVideo span svg polygon:not(.outline), a.btnSimplifierSemaineType span svg polygon:not(.outline), a.btnIconeModeEdition span svg polygon:not(.outline), a.btnIconeModeAgencement span svg polygon:not(.outline), .btnAffichageMenuHautPage span svg polygon:not(.outline), a.btnChangements span svg polygon:not(.outline), a.btnAction span svg text:not(.outline), a.btnIconeActualiser span svg text:not(.outline), a.btnIconeArchivage span svg text:not(.outline), a.btnIconeSemPrecedente span svg text:not(.outline), a.btnIconeSemSuivant span svg text:not(.outline), a.btnIconeRetourDesiderata span svg text:not(.outline), a.btnIconeEmail span svg text:not(.outline), a.btnIconeAnnuler span svg text:not(.outline), a.btnIconePostuler span svg text:not(.outline), span.btnIconePostulerNB span svg text:not(.outline), a.btnIconeBourse span svg text:not(.outline), a.btnIconePrecedent span svg text:not(.outline), span.btnIconePrecedentNB span svg text:not(.outline), a.btnIconeSuivant span svg text:not(.outline), span.btnIconeSuivantNB span svg text:not(.outline), a.btnIconeVerifier span svg text:not(.outline), a.btnIconeAccepter span svg text:not(.outline), a.btnIconeAttente span svg text:not(.outline), a.btnIconeRefuser span svg text:not(.outline), a.btnIconeRetour span svg text:not(.outline), a.btnIconeRetourPlanning span svg text:not(.outline), a.btnIconeCorrection span svg text:not(.outline), a.btnIconeEffacer span svg text:not(.outline), a.btnIconeCharger span svg text:not(.outline), a.btnIconeSupprimer span svg text:not(.outline), a.btnIconeVideo span svg text:not(.outline), a.btnSimplifierSemaineType span svg text:not(.outline), a.btnIconeModeEdition span svg text:not(.outline), a.btnIconeModeAgencement span svg text:not(.outline), .btnAffichageMenuHautPage span svg text:not(.outline), a.btnChangements span svg text:not(.outline), a.btnAction span svg rect:not(.outline), a.btnIconeActualiser span svg rect:not(.outline), a.btnIconeArchivage span svg rect:not(.outline), a.btnIconeSemPrecedente span svg rect:not(.outline), a.btnIconeSemSuivant span svg rect:not(.outline), a.btnIconeRetourDesiderata span svg rect:not(.outline), a.btnIconeEmail span svg rect:not(.outline), a.btnIconeAnnuler span svg rect:not(.outline), a.btnIconePostuler span svg rect:not(.outline), span.btnIconePostulerNB span svg rect:not(.outline), a.btnIconeBourse span svg rect:not(.outline), a.btnIconePrecedent span svg rect:not(.outline), span.btnIconePrecedentNB span svg rect:not(.outline), a.btnIconeSuivant span svg rect:not(.outline), span.btnIconeSuivantNB span svg rect:not(.outline), a.btnIconeVerifier span svg rect:not(.outline), a.btnIconeAccepter span svg rect:not(.outline), a.btnIconeAttente span svg rect:not(.outline), a.btnIconeRefuser span svg rect:not(.outline), a.btnIconeRetour span svg rect:not(.outline), a.btnIconeRetourPlanning span svg rect:not(.outline), a.btnIconeCorrection span svg rect:not(.outline), a.btnIconeEffacer span svg rect:not(.outline), a.btnIconeCharger span svg rect:not(.outline), a.btnIconeSupprimer span svg rect:not(.outline), a.btnIconeVideo span svg rect:not(.outline), a.btnSimplifierSemaineType span svg rect:not(.outline), a.btnIconeModeEdition span svg rect:not(.outline), a.btnIconeModeAgencement span svg rect:not(.outline), .btnAffichageMenuHautPage span svg rect:not(.outline), a.btnChangements span svg rect:not(.outline), button.btnAction span svg path:not(.outline), button.btnAction span svg circle:not(.outline), button.btnAction span svg polygon:not(.outline), button.btnAction span svg text:not(.outline), button.btnAction span svg rect:not(.outline) { display: none; }
a.btnAction span svg path.outline, a.btnIconeActualiser span svg path.outline, a.btnIconeArchivage span svg path.outline, a.btnIconeSemPrecedente span svg path.outline, a.btnIconeSemSuivant span svg path.outline, a.btnIconeRetourDesiderata span svg path.outline, a.btnIconeEmail span svg path.outline, a.btnIconeAnnuler span svg path.outline, a.btnIconePostuler span svg path.outline, span.btnIconePostulerNB span svg path.outline, a.btnIconeBourse span svg path.outline, a.btnIconePrecedent span svg path.outline, span.btnIconePrecedentNB span svg path.outline, a.btnIconeSuivant span svg path.outline, span.btnIconeSuivantNB span svg path.outline, a.btnIconeVerifier span svg path.outline, a.btnIconeAccepter span svg path.outline, a.btnIconeAttente span svg path.outline, a.btnIconeRefuser span svg path.outline, a.btnIconeRetour span svg path.outline, a.btnIconeRetourPlanning span svg path.outline, a.btnIconeCorrection span svg path.outline, a.btnIconeEffacer span svg path.outline, a.btnIconeCharger span svg path.outline, a.btnIconeSupprimer span svg path.outline, a.btnIconeVideo span svg path.outline, a.btnSimplifierSemaineType span svg path.outline, a.btnIconeModeEdition span svg path.outline, a.btnIconeModeAgencement span svg path.outline, .btnAffichageMenuHautPage span svg path.outline, a.btnChangements span svg path.outline, a.btnAction span svg circle.outline, a.btnIconeActualiser span svg circle.outline, a.btnIconeArchivage span svg circle.outline, a.btnIconeSemPrecedente span svg circle.outline, a.btnIconeSemSuivant span svg circle.outline, a.btnIconeRetourDesiderata span svg circle.outline, a.btnIconeEmail span svg circle.outline, a.btnIconeAnnuler span svg circle.outline, a.btnIconePostuler span svg circle.outline, span.btnIconePostulerNB span svg circle.outline, a.btnIconeBourse span svg circle.outline, a.btnIconePrecedent span svg circle.outline, span.btnIconePrecedentNB span svg circle.outline, a.btnIconeSuivant span svg circle.outline, span.btnIconeSuivantNB span svg circle.outline, a.btnIconeVerifier span svg circle.outline, a.btnIconeAccepter span svg circle.outline, a.btnIconeAttente span svg circle.outline, a.btnIconeRefuser span svg circle.outline, a.btnIconeRetour span svg circle.outline, a.btnIconeRetourPlanning span svg circle.outline, a.btnIconeCorrection span svg circle.outline, a.btnIconeEffacer span svg circle.outline, a.btnIconeCharger span svg circle.outline, a.btnIconeSupprimer span svg circle.outline, a.btnIconeVideo span svg circle.outline, a.btnSimplifierSemaineType span svg circle.outline, a.btnIconeModeEdition span svg circle.outline, a.btnIconeModeAgencement span svg circle.outline, .btnAffichageMenuHautPage span svg circle.outline, a.btnChangements span svg circle.outline, a.btnAction span svg polygon.outline, a.btnIconeActualiser span svg polygon.outline, a.btnIconeArchivage span svg polygon.outline, a.btnIconeSemPrecedente span svg polygon.outline, a.btnIconeSemSuivant span svg polygon.outline, a.btnIconeRetourDesiderata span svg polygon.outline, a.btnIconeEmail span svg polygon.outline, a.btnIconeAnnuler span svg polygon.outline, a.btnIconePostuler span svg polygon.outline, span.btnIconePostulerNB span svg polygon.outline, a.btnIconeBourse span svg polygon.outline, a.btnIconePrecedent span svg polygon.outline, span.btnIconePrecedentNB span svg polygon.outline, a.btnIconeSuivant span svg polygon.outline, span.btnIconeSuivantNB span svg polygon.outline, a.btnIconeVerifier span svg polygon.outline, a.btnIconeAccepter span svg polygon.outline, a.btnIconeAttente span svg polygon.outline, a.btnIconeRefuser span svg polygon.outline, a.btnIconeRetour span svg polygon.outline, a.btnIconeRetourPlanning span svg polygon.outline, a.btnIconeCorrection span svg polygon.outline, a.btnIconeEffacer span svg polygon.outline, a.btnIconeCharger span svg polygon.outline, a.btnIconeSupprimer span svg polygon.outline, a.btnIconeVideo span svg polygon.outline, a.btnSimplifierSemaineType span svg polygon.outline, a.btnIconeModeEdition span svg polygon.outline, a.btnIconeModeAgencement span svg polygon.outline, .btnAffichageMenuHautPage span svg polygon.outline, a.btnChangements span svg polygon.outline, a.btnAction span svg text.outline, a.btnIconeActualiser span svg text.outline, a.btnIconeArchivage span svg text.outline, a.btnIconeSemPrecedente span svg text.outline, a.btnIconeSemSuivant span svg text.outline, a.btnIconeRetourDesiderata span svg text.outline, a.btnIconeEmail span svg text.outline, a.btnIconeAnnuler span svg text.outline, a.btnIconePostuler span svg text.outline, span.btnIconePostulerNB span svg text.outline, a.btnIconeBourse span svg text.outline, a.btnIconePrecedent span svg text.outline, span.btnIconePrecedentNB span svg text.outline, a.btnIconeSuivant span svg text.outline, span.btnIconeSuivantNB span svg text.outline, a.btnIconeVerifier span svg text.outline, a.btnIconeAccepter span svg text.outline, a.btnIconeAttente span svg text.outline, a.btnIconeRefuser span svg text.outline, a.btnIconeRetour span svg text.outline, a.btnIconeRetourPlanning span svg text.outline, a.btnIconeCorrection span svg text.outline, a.btnIconeEffacer span svg text.outline, a.btnIconeCharger span svg text.outline, a.btnIconeSupprimer span svg text.outline, a.btnIconeVideo span svg text.outline, a.btnSimplifierSemaineType span svg text.outline, a.btnIconeModeEdition span svg text.outline, a.btnIconeModeAgencement span svg text.outline, .btnAffichageMenuHautPage span svg text.outline, a.btnChangements span svg text.outline, a.btnAction span svg rect.outline, a.btnIconeActualiser span svg rect.outline, a.btnIconeArchivage span svg rect.outline, a.btnIconeSemPrecedente span svg rect.outline, a.btnIconeSemSuivant span svg rect.outline, a.btnIconeRetourDesiderata span svg rect.outline, a.btnIconeEmail span svg rect.outline, a.btnIconeAnnuler span svg rect.outline, a.btnIconePostuler span svg rect.outline, span.btnIconePostulerNB span svg rect.outline, a.btnIconeBourse span svg rect.outline, a.btnIconePrecedent span svg rect.outline, span.btnIconePrecedentNB span svg rect.outline, a.btnIconeSuivant span svg rect.outline, span.btnIconeSuivantNB span svg rect.outline, a.btnIconeVerifier span svg rect.outline, a.btnIconeAccepter span svg rect.outline, a.btnIconeAttente span svg rect.outline, a.btnIconeRefuser span svg rect.outline, a.btnIconeRetour span svg rect.outline, a.btnIconeRetourPlanning span svg rect.outline, a.btnIconeCorrection span svg rect.outline, a.btnIconeEffacer span svg rect.outline, a.btnIconeCharger span svg rect.outline, a.btnIconeSupprimer span svg rect.outline, a.btnIconeVideo span svg rect.outline, a.btnSimplifierSemaineType span svg rect.outline, a.btnIconeModeEdition span svg rect.outline, a.btnIconeModeAgencement span svg rect.outline, .btnAffichageMenuHautPage span svg rect.outline, a.btnChangements span svg rect.outline, button.btnAction span svg path.outline, button.btnAction span svg circle.outline, button.btnAction span svg polygon.outline, button.btnAction span svg text.outline, button.btnAction span svg rect.outline { display: unset; fill: #ffffff; }
a.btnAction span:last-child, a.btnIconeActualiser span:last-child, a.btnIconeArchivage span:last-child, a.btnIconeSemPrecedente span:last-child, a.btnIconeSemSuivant span:last-child, a.btnIconeRetourDesiderata span:last-child, a.btnIconeEmail span:last-child, a.btnIconeAnnuler span:last-child, a.btnIconePostuler span:last-child, span.btnIconePostulerNB span:last-child, a.btnIconeBourse span:last-child, a.btnIconePrecedent span:last-child, span.btnIconePrecedentNB span:last-child, a.btnIconeSuivant span:last-child, span.btnIconeSuivantNB span:last-child, a.btnIconeVerifier span:last-child, a.btnIconeAccepter span:last-child, a.btnIconeAttente span:last-child, a.btnIconeRefuser span:last-child, a.btnIconeRetour span:last-child, a.btnIconeRetourPlanning span:last-child, a.btnIconeCorrection span:last-child, a.btnIconeEffacer span:last-child, a.btnIconeCharger span:last-child, a.btnIconeSupprimer span:last-child, a.btnIconeVideo span:last-child, a.btnSimplifierSemaineType span:last-child, a.btnIconeModeEdition span:last-child, a.btnIconeModeAgencement span:last-child, .btnAffichageMenuHautPage span:last-child, a.btnChangements span:last-child, button.btnAction span:last-child { margin-left: 0.5em; }

a.btnbleuclair, a.btnIconeActualiser, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeCorrection, a.btnIconeModeEdition, a.btnIconeModeAgencement, button.btnbleuclair { background-color: #55A2FF; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnbleuclair, a.btnIconeActualiser, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeCorrection, a.btnIconeModeEdition, a.btnIconeModeAgencement, button.btnbleuclair { -moz-box-shadow: #006cee 3px 3px 5px 0; -webkit-box-shadow: #006cee 3px 3px 5px 0; box-shadow: #006cee 3px 3px 5px 0; }
  a.btnbleuclair:hover, a.btnIconeActualiser:hover, a.btnIconePostuler:hover, span.btnIconePostulerNB:hover, a.btnIconeCorrection:hover, a.btnIconeModeEdition:hover, a.btnIconeModeAgencement:hover, button.btnbleuclair:hover { background-color: #2286ff; } }
@media (prefers-color-scheme: dark) { a.btnbleuclair, a.btnIconeActualiser, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeCorrection, a.btnIconeModeEdition, a.btnIconeModeAgencement, button.btnbleuclair { -moz-box-shadow: #88beff 3px 3px 5px 0; -webkit-box-shadow: #88beff 3px 3px 5px 0; box-shadow: #88beff 3px 3px 5px 0; }
  a.btnbleuclair:hover, a.btnIconeActualiser:hover, a.btnIconePostuler:hover, span.btnIconePostulerNB:hover, a.btnIconeCorrection:hover, a.btnIconeModeEdition:hover, a.btnIconeModeAgencement:hover, button.btnbleuclair:hover { background-color: #6fb0ff; } }
a.btnViolet, button.btnViolet { background-color: #C217AB; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnViolet, button.btnViolet { -moz-box-shadow: #881078 3px 3px 5px 0; -webkit-box-shadow: #881078 3px 3px 5px 0; box-shadow: #881078 3px 3px 5px 0; }
  a.btnViolet:hover, button.btnViolet:hover { background-color: #a51491; } }
@media (prefers-color-scheme: dark) { a.btnViolet, button.btnViolet { -moz-box-shadow: #e948d4 3px 3px 5px 0; -webkit-box-shadow: #e948d4 3px 3px 5px 0; box-shadow: #e948d4 3px 3px 5px 0; }
  a.btnViolet:hover, button.btnViolet:hover { background-color: #e520ca; } }
a.btnVert, a.btnIconeAccepter, button.btnVert { background-color: #375000; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnVert, a.btnIconeAccepter, button.btnVert { -moz-box-shadow: #273800 3px 3px 5px 0; -webkit-box-shadow: #273800 3px 3px 5px 0; box-shadow: #273800 3px 3px 5px 0; }
  a.btnVert:hover, a.btnIconeAccepter:hover, button.btnVert:hover { background-color: #2f4400; } }
@media (prefers-color-scheme: dark) { a.btnVert, a.btnIconeAccepter, button.btnVert { -moz-box-shadow: #90d100 3px 3px 5px 0; -webkit-box-shadow: #90d100 3px 3px 5px 0; box-shadow: #90d100 3px 3px 5px 0; }
  a.btnVert:hover, a.btnIconeAccepter:hover, button.btnVert:hover { background-color: #639100; } }
a.btnJaune, a.btnIconeAttente, button.btnJaune { background-color: #645000; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnJaune, a.btnIconeAttente, button.btnJaune { -moz-box-shadow: #463800 3px 3px 5px 0; -webkit-box-shadow: #463800 3px 3px 5px 0; box-shadow: #463800 3px 3px 5px 0; }
  a.btnJaune:hover, a.btnIconeAttente:hover, button.btnJaune:hover { background-color: #554400; } }
@media (prefers-color-scheme: dark) { a.btnJaune, a.btnIconeAttente, button.btnJaune { -moz-box-shadow: #dfb200 3px 3px 5px 0; -webkit-box-shadow: #dfb200 3px 3px 5px 0; box-shadow: #dfb200 3px 3px 5px 0; }
  a.btnJaune:hover, a.btnIconeAttente:hover, button.btnJaune:hover { background-color: #a28100; } }
a.btnBleu, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeVerifier, a.btnIconeRetour, a.btnSimplifierSemaineType, .btnAffichageMenuHautPage, button.btnBleu { background-color: #0048a0; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnBleu, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeVerifier, a.btnIconeRetour, a.btnSimplifierSemaineType, .btnAffichageMenuHautPage, button.btnBleu { -moz-box-shadow: #003270 3px 3px 5px 0; -webkit-box-shadow: #003270 3px 3px 5px 0; box-shadow: #003270 3px 3px 5px 0; }
  a.btnBleu:hover, a.btnIconeSemPrecedente:hover, a.btnIconeSemSuivant:hover, a.btnIconeVerifier:hover, a.btnIconeRetour:hover, a.btnSimplifierSemaineType:hover, .btnAffichageMenuHautPage:hover, button.btnBleu:hover { background-color: #003d88; } }
@media (prefers-color-scheme: dark) { a.btnBleu, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeVerifier, a.btnIconeRetour, a.btnSimplifierSemaineType, .btnAffichageMenuHautPage, button.btnBleu { -moz-box-shadow: #0a78ff 3px 3px 5px 0; -webkit-box-shadow: #0a78ff 3px 3px 5px 0; box-shadow: #0a78ff 3px 3px 5px 0; }
  a.btnBleu:hover, a.btnIconeSemPrecedente:hover, a.btnIconeSemSuivant:hover, a.btnIconeVerifier:hover, a.btnIconeRetour:hover, a.btnSimplifierSemaineType:hover, .btnAffichageMenuHautPage:hover, button.btnBleu:hover { background-color: #0060d5; } }
a.btnBlanc, a.btnChangements.btnIconeHistoriqueChangement, button.btnBlanc { background-color: #ffffff; color: #000000; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { a.btnBlanc, a.btnChangements.btnIconeHistoriqueChangement, button.btnBlanc { -moz-box-shadow: #b3b3b3 3px 3px 5px 0; -webkit-box-shadow: #b3b3b3 3px 3px 5px 0; box-shadow: #b3b3b3 3px 3px 5px 0; }
  a.btnBlanc:hover, a.btnChangements.btnIconeHistoriqueChangement:hover, button.btnBlanc:hover { background-color: #d9d9d9; } }
@media (prefers-color-scheme: dark) { a.btnBlanc, a.btnChangements.btnIconeHistoriqueChangement, button.btnBlanc { -moz-box-shadow: white 3px 3px 5px 0; -webkit-box-shadow: white 3px 3px 5px 0; box-shadow: white 3px 3px 5px 0; }
  a.btnBlanc:hover, a.btnChangements.btnIconeHistoriqueChangement:hover, button.btnBlanc:hover { background-color: white; } }

a.btnTaillePetit, a.btnIconeAnnuler.btnTailleS, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeAccepter.btnTailleS { height: 21px; width: 75px; font-size: 72%; }

a.btnTailleGrand, a.btnIconeArchivage, a.btnIconeSemPrecedente, a.btnIconeSemSuivant, a.btnIconeEmail, a.btnSimplifierSemaineType, a.btnIconeModeEdition, a.btnIconeModeAgencement { height: 28px; width: 160px; }

a.btnIconeGauche, a.btnIconeActualiser, a.btnIconeArchivage, a.btnIconeSemPrecedente, a.btnIconeRetourDesiderata, a.btnIconeEmail, a.btnIconeAnnuler, a.btnIconePostuler, span.btnIconePostulerNB, a.btnIconeBourse, a.btnIconePrecedent, span.btnIconePrecedentNB, a.btnIconeVerifier, a.btnIconeAccepter, a.btnIconeAttente, a.btnIconeRefuser, a.btnIconeRetour, a.btnIconeRetourPlanning, a.btnIconeCorrection, a.btnIconeEffacer, a.btnIconeCharger, a.btnIconeSupprimer, a.btnIconeVideo, a.btnIconeModeEdition, a.btnIconeModeAgencement, a.btnChangements, a.btnActiviteService { background-position: left 0.5rem center; padding-left: 2rem; background-repeat: no-repeat; background-size: 1.6rem 90%; }

a.btnIconeDroite, a.btnIconeSemSuivant, a.btnIconeSuivant, span.btnIconeSuivantNB { background-position: right 0.5rem center; padding-right: 2rem; background-repeat: no-repeat; background-size: 1.6rem 90%; }

a.btnIconeActualiser { background-image: url("../images/flaticon/actualiser-blanc.svg"); }

a.btnIconeArchivage { background-image: url("../images/flaticon/instantane.svg"); }

a.btnIconeSemPrecedente { background-image: url("../images/flaticon/fleche-gauche-blanc.svg"); }

a.btnIconeSemSuivant { background-image: url("../images/flaticon/fleche-droite-blanc.svg"); }

a.btnIconeRetourDesiderata { background-image: url("../images/flaticon/fleche-gauche-blanc.svg"); }

a.btnIconeEmail { width: 19rem; background-image: url("../images/flaticon/email.svg"); }

a.btnIconeAnnuler { background-image: url("../images/flaticon/annuler.svg"); }
a.btnIconeAnnuler.btnTailleS { background-size: 1.2rem; padding-left: 16px; font-size: 75%; }

a.btnIconePostuler, span.btnIconePostulerNB { background-image: url("../images/flaticon/interrogationBleu.svg"); }
a.btnIconePostuler.btnTailleS, span.btnTailleS.btnIconePostulerNB { background-size: 1.5rem; padding-left: 13px; font-size: 75%; background-position-x: 0.2rem; }

a.btnIconeBourse { background-image: url("../images/flaticon/ajouter.svg"); }

a.btnIconePrecedent, span.btnIconePrecedentNB { background-image: url("../images/flaticon/fleche-gauche-blanc.svg"); }

a.btnIconeSuivant, span.btnIconeSuivantNB { background-image: url("../images/flaticon/fleche-droite-blanc.svg"); }

a.btnIconeVerifier { background-image: url("../images/flaticon/eye.svg"); }

a.btnIconeAccepter { background-image: url("../images/flaticon/valider-blanc.svg"); }
a.btnIconeAccepter.btnTailleS { background-size: 1.5rem; padding-left: 13px; font-size: 75%; background-position-x: 0.2rem; }

a.btnIconeAttente { background-image: url("../images/flaticon/attente.svg"); }

a.btnIconeRefuser { background-image: url("../images/flaticon/annuler.svg"); }

a.btnIconeRetour { background-image: url("../images/flaticon/fleche-gauche-blanc.svg"); }

a.btnIconeRetourPlanning { background-image: url("../images/flaticon/schedule.svg"); }

a.btnIconeCorrection { background-image: url("../images/flaticon/crayonr.svg"); }

a.btnIconeEffacer { background-image: url("../images/flaticon/annuler.svg"); }

a.btnIconeCharger { background-image: url("../images/flaticon/file.svg"); }

a.btnIconeSupprimer { background-image: url("../images/flaticon/annuler.svg"); }

a.btnIconeVideo { background-image: url("../images/video.svg"); }

a.btnSimplifierSemaineType { width: 17rem; }

a.btnIconeModeEdition { width: 17rem; background-image: url("../images/flaticon/organisationb.svg"); }

a.btnIconeModeAgencement { width: 17rem; background-image: url("../images/flaticon/crayonnb.svg"); }

a.btnExport { text-decoration: none; }
a.btnExport :hover { text-decoration: none; }

.btnAffichageMenuHautPage { width: unset; padding: 5px 10px; text-decoration: none; }
.btnAffichageMenuHautPage#labelFormDate img { filter: invert(1); width: unset; }
.btnAffichageMenuHautPage.labelBoutonExportExcel { background-color: #852053; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { .btnAffichageMenuHautPage.labelBoutonExportExcel { -moz-box-shadow: #5d163a 3px 3px 5px 0; -webkit-box-shadow: #5d163a 3px 3px 5px 0; box-shadow: #5d163a 3px 3px 5px 0; }
  .btnAffichageMenuHautPage.labelBoutonExportExcel:hover { background-color: #711b47; } }
@media (prefers-color-scheme: dark) { .btnAffichageMenuHautPage.labelBoutonExportExcel { -moz-box-shadow: #d03c87 3px 3px 5px 0; -webkit-box-shadow: #d03c87 3px 3px 5px 0; box-shadow: #d03c87 3px 3px 5px 0; }
  .btnAffichageMenuHautPage.labelBoutonExportExcel:hover { background-color: #af2a6d; } }
.btnAffichageMenuHautPage.labelBoutonExportExcel img { width: 20px; }

a.btnChangements { width: 20rem; height: 4rem; background-size: 3rem; padding-left: 3rem; }
a.btnChangements.btnIconeDemandeChangement { background-image: url("../images/flaticon/add-blancrouge.svg"); }
a.btnChangements.btnIconeHistoriqueChangement { background-image: url("../images/flaticon/wall-clock.svg"); }

a.btnActiviteService { background-image: url("../images/flaticon/changement-b.svg"); width: unset; padding-left: 3rem; padding-right: 1rem; }
a.btnActiviteService:hover { background-image: url("../images/flaticon/changement.svg"); }

span.btnIconePrecedentNB { filter: grayscale(80%); }
span.btnIconePrecedentNB:hover { filter: grayscale(80%); }
span.btnIconePrecedentNB:active { -moz-box-shadow: #5f0513 3px 3px 5px 0; -webkit-box-shadow: #5f0513 3px 3px 5px 0; box-shadow: #5f0513 3px 3px 5px 0; }

span.btnIconeSuivantNB { filter: grayscale(80%); }
span.btnIconeSuivantNB:hover { filter: grayscale(80%); }
span.btnIconeSuivantNB:active { -moz-box-shadow: #5f0513 3px 3px 5px 0; -webkit-box-shadow: #5f0513 3px 3px 5px 0; box-shadow: #5f0513 3px 3px 5px 0; }

span.btnIconePostulerNB { filter: grayscale(80%); }
span.btnIconePostulerNB.btnTailleS { background-size: 1.5rem; padding-left: 13px; font-size: 75%; background-position-x: 0.2rem; }

img.interrupteur { height: 35px; width: auto; background-repeat: no-repeat; }

footer button#btnDemoForm { font-weight: bold; font-size: 3rem; font-variant: small-caps; color: #000000; }

button.unstyled:hover, button.unstyled:active, button.unstyled:focus { background-color: unset; border-width: 0; color: unset; }

@media screen and (max-width: 1100px) { a.btnResponsive, label.btnResponsive { width: 50px; background-position: center; }
  a.btnResponsive span:last-child, label.btnResponsive span:last-child { display: none; } }
.buttonsBloc { margin-top: 20px; display: flex; justify-content: space-between; }

.buttonChangeMois { width: 4rem; background-color: unset; border: unset; }
.buttonChangeMois:hover { background-color: unset; }
.buttonChangeMois:hover img { filter: invert(100%); }

form .submitform button.btnImage { box-shadow: unset !important; justify-content: center; align-items: center; display: flex; border: unset; }
form .submitform button.btnImage.btnVert { background-color: #5A8200; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { form .submitform button.btnImage.btnVert { -moz-box-shadow: #3f5b00 3px 3px 5px 0; -webkit-box-shadow: #3f5b00 3px 3px 5px 0; box-shadow: #3f5b00 3px 3px 5px 0; }
  form .submitform button.btnImage.btnVert:hover { background-color: #4d6f00; } }
@media (prefers-color-scheme: dark) { form .submitform button.btnImage.btnVert { -moz-box-shadow: #a9f400 3px 3px 5px 0; -webkit-box-shadow: #a9f400 3px 3px 5px 0; box-shadow: #a9f400 3px 3px 5px 0; }
  form .submitform button.btnImage.btnVert:hover { background-color: #81bb00; } }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
/* Feuille de style d'initialisation */
/* Reset - d'après KNACSS : http://www.knacss.com/ */
/*!
* www.KNACSS.com V6.0.5 (1er décembre 2016) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Table Of Content            */
/* ----------------------------- */
/* 1- Normalize (basic reset) */
/* 2- Base (basic styles) */
/* 3- Print (print quick reset) */
/* 4- Stylings (minor stylings) */
/* 5- Misc (skip links, hyphens) */
/* 6- Tables (data tables consistency) */
/* 7- Forms (forms consistency) */
/* 8- Media object */
/* 9- Autogrid object */
/* 10- Global Layout (alignment, modules, positionning) */
/* 11- Helpers (width and spacers helpers) */
/* (12- WordPress reset (disabled by default)) */
/* 13- Responsive (Responsive Web Design helpers) */
/* 14- Grid Layout (grillade) */
/* ---------------------------------- */
/* ==Normalize (basic reset)          */
/* ---------------------------------- */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** 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 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/** 1. Remove the bottom border in 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 ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** 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; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 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 */ width: auto; }

/** 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 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 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; }

/* ----------------------------- */
/* ==Base (basic styles)         */
/* ----------------------------- */
/* switching to border-box model for all elements */
html { box-sizing: border-box; }

* { box-sizing: inherit; }

html { /* set base font-size to equiv "10px", which is adapted to rem unit */ font-size: 62.5%; /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ /* thanks to @guardian, @victorbritopro and @eQRoeil */ font-size: calc(1em * 0.625); margin: 0; height: 100%; }

body { font-size: 1.4rem; background-color: #fff; color: #000; font-family: sans-serif; line-height: 1.4; }
@media screen and (min-width: 544px) { body { font-size: 1.6rem; } }
@media screen and (min-width: 544px) { body { line-height: 1.5; } }

a { color: #333; }
a:focus, a:hover, a:active { color: #000; }

ul, ol { padding-left: 2em; }

img { vertical-align: middle; }

blockquote, figure { margin-left: 0; margin-right: 0; }

/* font-sizing for content */
p, .p-like, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure { margin-top: 0.75em; margin-bottom: 0; line-height: 1.4; }

h1, .h1-like { font-size: 2.8rem; }
@media screen and (min-width: 544px) { h1, .h1-like { font-size: 3.2rem; } }

h2, .h2-like { font-size: 2.4rem; }
@media screen and (min-width: 544px) { h2, .h2-like { font-size: 2.8rem; } }

h3, .h3-like { font-size: 2rem; }
@media screen and (min-width: 544px) { h3, .h3-like { font-size: 2.4rem; } }

h4, .h4-like { font-size: 1.8rem; }
@media screen and (min-width: 544px) { h4, .h4-like { font-size: 2rem; } }

h5, .h5-like { font-size: 1.6rem; }
@media screen and (min-width: 544px) { h5, .h5-like { font-size: 1.8rem; } }

h6, .h6-like { font-size: 1.4rem; }
@media screen and (min-width: 544px) { h6, .h6-like { font-size: 3.2rem; } }

/* alternate font-sizing */
.smaller { font-size: 0.6em; }

.small { font-size: 0.8em; }

.big { font-size: 1.2em; }

.bigger { font-size: 1.5em; }

.biggest { font-size: 2em; }

code, pre, samp, kbd { /* IE fix */ white-space: pre-line; white-space: pre-wrap; font-family: consolas, courier, monospace; line-height: normal; }

em, .italic, address, cite, i, var { font-style: italic; }

/* avoid top margins on first content element */
p:first-child, .p-like:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, .h1-like:first-child, h2:first-child, .h2-like:first-child, h3:first-child, .h3-like:first-child, h4:first-child, .h4-like:first-child, h5:first-child, .h5-like:first-child, h6:first-child, .h6-like:first-child { margin-top: 0; }

/* avoid margins on nested elements */
li p, li .p-like, li ul, li ol { margin-top: 0; margin-bottom: 0; }

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video, svg { max-width: 100%; }

img { height: auto; }

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print { * { box-shadow: none !important; text-shadow: none !important; }
  body { width: auto; margin: auto; font-family: serif; font-size: 12pt; }
  p, .p-like, h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, blockquote, ul, ol { color: #000; margin: auto; }
  .print { display: block; }
  .no-print { display: none; }
  /* no orphans, no widows */
  p, .p-like, blockquote { orphans: 3; widows: 3; }
  /* no breaks inside these elements */
  blockquote, ul, ol { page-break-inside: avoid; }
  /* page break before main headers h1, .h1-like { page-break-before: always; } */
  /* no breaks after these elements */
  h1, .h1-like, h2, .h2-like, h3, .h3-like, caption { page-break-after: avoid; }
  a { color: #000; }
  /* displaying URLs a[href]::after { content: " (" attr(href) ")"; } */
  a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; } }
/* ----------------------------- */
/* ==Stylings (minor stylings)   */
/* ----------------------------- */
/* styling elements */
code, kbd, mark { border-radius: 2px; }

kbd { padding: 0 2px; border: 1px solid #999; }

code { padding: 2px 4px; background: rgba(0, 0, 0, 0.04); color: #b11; }

pre code { padding: 0; background: none; color: inherit; border-radius: 0; }

mark { padding: 2px 4px; }

sup, sub { vertical-align: 0; }

sup { bottom: 1ex; }

sub { top: 0.5ex; }

blockquote { position: relative; padding-left: 3em; min-height: 2em; }

blockquote::before { content: "\201C"; position: absolute; left: 0; top: 0; font-family: georgia, serif; font-size: 5em; height: .4em; line-height: .9; color: rgba(0, 0, 0, 0.3); }

blockquote > footer { margin-top: .75em; font-size: 0.9em; color: rgba(0, 0, 0, 0.7); }
blockquote > footer::before { content: "\2014 \0020"; }

q { font-style: normal; }

q, .q { quotes: "“\00a0" "\00a0”"; }
q:lang(fr), .q:lang(fr) { quotes: "«\00a0" "\00a0»"; }

hr { display: block; clear: both; height: 1px; margin: 1em 0 2em; padding: 0; border: 0; color: #ccc; background-color: #ccc; }

/* tables */
table, .table { border: 1px solid #ccc; }

caption { padding: 1rem; color: #555; font-style: italic; }

td, th { padding: 0.3em 0.8em; border: 1px #aaa dotted; text-align: left; }

/* ----------------------------- */
/* ==Misc (skip links, hyphens)  */
/* ----------------------------- */
/* styling skip links */
.skip-links { position: absolute; }
.skip-links a { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); padding: 0.5em; background: black; color: white; text-decoration: none; }
.skip-links a:focus { position: static; overflow: visible; clip: auto; }

@media (max-width: 543px) { /* you shall not pass */
  div, textarea, table, td, th, code, pre, samp { word-wrap: break-word; hyphens: auto; } }
@media (max-width: 543px) { .no-wrapping { word-wrap: normal; hyphens: manual; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } }
/* ----------------------------- */
/* ==Tables                      */
/* ----------------------------- */
table, .table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; vertical-align: top; margin-bottom: 2rem; }

.table { display: table; }

#recaptcha_table, .table-auto { table-layout: auto; }

td, th { vertical-align: top; min-width: 2rem; cursor: default; }

/* ----------------------------- */
/* ==Forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize and www.sitepen.com
*/
/* buttons */
.btn { display: inline-block; }

/* forms items */
form, fieldset { border: none; }

input, button, select, label, .btn { font-family: inherit; font-size: inherit; }

button, input, optgroup, select, textarea { color: #000; }

label { vertical-align: middle; cursor: pointer; }
label .vi { width: 20%; text-align: center; }

legend { border: 0; white-space: normal; }

textarea { min-height: 5em; vertical-align: top; font-family: inherit; font-size: inherit; resize: vertical; }

select { -webkit-appearance: menulist-button; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

::-webkit-input-placeholder { color: #777; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #777; }

.btn:focus, input[type="button"]:focus, button:focus { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* unstyled forms */
button.unstyled, input[type="button"].unstyled, input[type="submit"].unstyled, input[type="reset"].unstyled { padding: 0; border: none; line-height: 1; text-align: left; background: none; border-radius: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button.unstyled:focus, input[type="button"].unstyled:focus, input[type="submit"].unstyled:focus, input[type="reset"].unstyled:focus { box-shadow: none; outline: none; }

/* Media object */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: 544px) { .o-media { display: flex; align-items: flex-start; }
  .o-media-content { flex: 1; min-width: 0; /* avoid min-width:auto */ } }
/* Media variants */
@media (min-width: 544px) { .o-media--reverse { flex-direction: row-reverse; }
  .o-media-figure--center { align-self: center; } }
/* Autogrid object */
/* see http://codepen.io/raphaelgoetter/pen/KMgBJd */
@media (min-width: 544px) { [class^="autogrid"], [class*=" autogrid"] { display: flex; }
  [class^="autogrid"] > *, [class*=" autogrid"] > * { flex: 1; min-width: 0; /* avoid min-width:auto */ } }
/* Autogrid variants */
@media (min-width: 544px) { .has-gutter > *:not(:first-child) { margin-left: 1rem; }
  [class*="--reverse"] { flex-direction: row-reverse; } }
/* ----------------------------- */
/* ==Global Layout               */
/* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod, .bfc { overflow: hidden; }

/* blocks that needs to be placed under floats */
.clear { clear: both; }

/* blocks that must contain floats */
.clearfix::after { content: ""; display: table; clear: both; border-collapse: collapse; }

/* simple blocks alignment */
.left { margin-right: auto; }

.right { margin-left: auto; }

.center { margin-left: auto; margin-right: auto; }

/* text and contents alignment */
.txtleft { text-align: left; }

.txtright { text-align: right; }

.txtcenter { text-align: center; }

/* floating elements */
.fl { float: left; }

img.fl { margin-right: 1rem; }

.fr { float: right; }

img.fr { margin-left: 1rem; }

img.fl, img.fr { margin-bottom: 0.5rem; }

/* inline-block */
.inbl { display: inline-block; vertical-align: top; }

/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*="flex-container"], .flex-container { display: flex; flex-wrap: wrap; }

.flex-container-h { flex-direction: row; }

.flex-container-v { flex-direction: column; }

.flex-item-fluid { flex: 1; min-width: 0; }

.flex-item-first, .item-first { order: -1; }

.flex-item-medium, .item-medium { order: 0; }

.flex-item-last, .item-last { order: 1; }

.flex-item-center, .item-center { margin: auto; }

/* ---------------------------------- */
/* ==Helpers                          */
/* ---------------------------------- */
/* State Helpers */
/* ------------- */
/* invisible for all */
.is-hidden, [hidden] { display: none; }

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; }

.is-disabled, [disabled] { opacity: 0.5; pointer-events: none; cursor: not-allowed; filter: grayscale(1); }

ul.is-unstyled, ul.unstyled { list-style: none; padding-left: 0; }

/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w10 { width: 10%; }

.w15 { width: 15%; }

.w20 { width: 20%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w33 { width: 33.3333%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w66 { width: 66.6666%; }

.w70 { width: 70%; }

.w75 { width: 75%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.w100 { width: 100%; }

.w50p { width: 50px; }

.w100p { width: 100px; }

.w150p { width: 150px; }

.w200p { width: 200px; }

.w300p { width: 300px; }

@media (min-width: 401px) { .w400p { width: 400px; }
  .w500p { width: 500px; }
  .w600p { width: 600px; } }
@media (min-width: 701px) { .w700p { width: 700px; }
  .w800p { width: 800px; } }
@media (min-width: 961px) { .w960p { width: 960px; }
  .mw960p { max-width: 960px; }
  .w1140p { width: 1140px; }
  .mw1140p { max-width: 1140px; } }
.wauto { width: auto; }

/* Spacing Helpers */
/* --------------- */
.man, .ma0 { margin: 0; }

.pan, .pa0 { padding: 0; }

.mas { margin: 1rem; }

.mam { margin: 2rem; }

.mal { margin: 4rem; }

.pas { padding: 1rem; }

.pam { padding: 2rem; }

.pal { padding: 4rem; }

.mtn, .mt0 { margin-top: 0; }

.mts { margin-top: 1rem; }

.mtm { margin-top: 2rem; }

.mtl { margin-top: 4rem; }

.mrn, .mr0 { margin-right: 0; }

.mrs { margin-right: 1rem; }

.mrm { margin-right: 2rem; }

.mrl { margin-right: 4rem; }

.mbn, .mb0 { margin-bottom: 0; }

.mbs { margin-bottom: 1rem; }

.mbm { margin-bottom: 2rem; }

.mbl { margin-bottom: 4rem; }

.mln, .ml0 { margin-left: 0; }

.mls { margin-left: 1rem; }

.mlm { margin-left: 2rem; }

.mll { margin-left: 4rem; }

.mauto { margin: auto; }

.mtauto { margin-top: auto; }

.mrauto { margin-right: auto; }

.mbauto { margin-bottom: auto; }

.mlauto { margin-left: auto; }

.ptn, .pt0 { padding-top: 0; }

.pts { padding-top: 1rem; }

.ptm { padding-top: 2rem; }

.ptl { padding-top: 4rem; }

.prn, .pr0 { padding-right: 0; }

.prs { padding-right: 1rem; }

.prm { padding-right: 2rem; }

.prl { padding-right: 4rem; }

.pbn, .pb0 { padding-bottom: 0; }

.pbs { padding-bottom: 1rem; }

.pbm { padding-bottom: 2rem; }

.pbl { padding-bottom: 4rem; }

.pln, .pl0 { padding-left: 0; }

.pls { padding-left: 1rem; }

.plm { padding-left: 2rem; }

.pll { padding-left: 4rem; }

/* -------------------------- */
/* ==Responsive helpers       */
/* -------------------------- */
/* large screens */
/* ------------- */
@media (min-width: 993px) { /* layouts for large screens */
  .large-hidden { display: none !important; }
  .large-visible { display: block !important; }
  .large-no-float { float: none; }
  .large-inbl { display: inline-block; float: none; vertical-align: top; }
  /* widths for large screens */
  .large-w25 { width: 25% !important; }
  .large-w33 { width: 33.333333% !important; }
  .large-w50 { width: 50% !important; }
  .large-w66 { width: 66.666666% !important; }
  .large-w75 { width: 75% !important; }
  .large-w100, .large-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; }
  /* margins for large screens */
  .large-man, .large-ma0 { margin: 0 !important; } }
/* medium screens */
/* -------------- */
@media (min-width: 577px) and (max-width: 1330px) { /* layouts for medium screens */
  .medium-hidden { display: none !important; }
  .medium-visible { display: block !important; }
  .medium-no-float { float: none; }
  .medium-inbl { display: inline-block; float: none; vertical-align: top; }
  /* widths for medium screens */
  .medium-w25 { width: 25% !important; }
  .medium-w33 { width: 33.333333% !important; }
  .medium-w50 { width: 50% !important; }
  .medium-w66 { width: 66.666666% !important; }
  .medium-w75 { width: 75% !important; }
  .medium-w100, .medium-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; }
  /* margins for medium screens */
  .medium-man, .medium-ma0 { margin: 0 !important; } }
/* small screens */
/* ------------- */
@media (min-width: 544px) and (max-width: 576px) { /* layouts for small screens */
  .small-hidden { display: none !important; }
  .small-visible { display: block !important; }
  .small-no-float { float: none; }
  .small-inbl { display: inline-block; float: none; vertical-align: top; }
  /* widths for small screens */
  .small-w25 { width: 25% !important; }
  .small-w33 { width: 33.333333% !important; }
  .small-w50 { width: 50% !important; }
  .small-w66 { width: 66.666666% !important; }
  .small-w75 { width: 75% !important; }
  .small-w100, .small-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; }
  /* margins for small screens */
  .small-man, .small-ma0 { margin: 0 !important; }
  .small-pan, .small-pa0 { padding: 0 !important; } }
/* tiny screens */
/* ------------ */
@media (max-width: 543px) { /* quick small resolution reset */
  .mod, .col, fieldset { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; }
  .flex-container { flex-direction: column; }
  /* layouts for tiny screens */
  .tiny-hidden { display: none !important; }
  .tiny-visible { display: block !important; }
  .tiny-no-float { float: none; }
  .tiny-inbl { display: inline-block; float: none; vertical-align: top; }
  /* widths for tiny screens */
  .tiny-w25 { width: 25% !important; }
  .tiny-w33 { width: 33.333333% !important; }
  .tiny-w50 { width: 50% !important; }
  .tiny-w66 { width: 66.666666% !important; }
  .tiny-w75 { width: 75% !important; }
  .tiny-w100, .tiny-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; }
  /* margins for tiny screens */
  .tiny-man, .tiny-ma0 { margin: 0 !important; }
  .tiny-pan, .tiny-pa0 { padding: 0 !important; } }
/* ---------------------------------- */
/* ==Grillade : Simple Grid System    */
/* ---------------------------------- */
/* Doc : http://grillade.knacss.com */
@media (min-width: 544px) { [class*=" grid-"], [class^="grid-"] { display: flex; flex-direction: row; flex-wrap: wrap; }
  [class*=" grid-"] > *, [class^="grid-"] > * { box-sizing: border-box; min-width: 0; min-height: 0; } }
@media (min-width: 544px) { .grid, .grid--reverse { display: flex; }
  .grid > *, .grid--reverse > * { flex: 1 1 0%; box-sizing: border-box; min-width: 0; min-height: 0; }
  .grid.has-gutter > * + *, .grid--reverse.has-gutter > * + * { margin-left: calc(1rem - 0.01px); }
  .grid.has-gutter-l > * + *, .grid--reverse.has-gutter-l > * + * { margin-left: calc(2rem - 0.01px); }
  .grid.has-gutter-xl > * + *, .grid--reverse.has-gutter-xl > * + * { margin-left: calc(4rem - 0.01px); } }
@media (min-width: 544px) { [class*="grid-2"] > * { width: calc(100% / 2 - 0.01px); }
  [class*="grid-2"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-2"].has-gutter > * { width: calc(100% / 2 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-2"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-2"].has-gutter-l > * { width: calc(100% / 2 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-2"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-2"].has-gutter-xl > * { width: calc(100% / 2 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-3"] > * { width: calc(100% / 3 - 0.01px); }
  [class*="grid-3"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-3"].has-gutter > * { width: calc(100% / 3 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-3"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-3"].has-gutter-l > * { width: calc(100% / 3 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-3"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-3"].has-gutter-xl > * { width: calc(100% / 3 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-4"] > * { width: calc(100% / 4 - 0.01px); }
  [class*="grid-4"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-4"].has-gutter > * { width: calc(100% / 4 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-4"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-4"].has-gutter-l > * { width: calc(100% / 4 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-4"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-4"].has-gutter-xl > * { width: calc(100% / 4 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-5"] > * { width: calc(100% / 5 - 0.01px); }
  [class*="grid-5"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-5"].has-gutter > * { width: calc(100% / 5 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-5"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-5"].has-gutter-l > * { width: calc(100% / 5 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-5"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-5"].has-gutter-xl > * { width: calc(100% / 5 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-6"] > * { width: calc(100% / 6 - 0.01px); }
  [class*="grid-6"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-6"].has-gutter > * { width: calc(100% / 6 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-6"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-6"].has-gutter-l > * { width: calc(100% / 6 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-6"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-6"].has-gutter-xl > * { width: calc(100% / 6 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-7"] > * { width: calc(100% / 7 - 0.01px); }
  [class*="grid-7"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-7"].has-gutter > * { width: calc(100% / 7 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-7"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-7"].has-gutter-l > * { width: calc(100% / 7 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-7"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-7"].has-gutter-xl > * { width: calc(100% / 7 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-8"] > * { width: calc(100% / 8 - 0.01px); }
  [class*="grid-8"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-8"].has-gutter > * { width: calc(100% / 8 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-8"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-8"].has-gutter-l > * { width: calc(100% / 8 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-8"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-8"].has-gutter-xl > * { width: calc(100% / 8 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-9"] > * { width: calc(100% / 9 - 0.01px); }
  [class*="grid-9"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-9"].has-gutter > * { width: calc(100% / 9 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-9"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-9"].has-gutter-l > * { width: calc(100% / 9 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-9"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-9"].has-gutter-xl > * { width: calc(100% / 9 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-10"] > * { width: calc(100% / 10 - 0.01px); }
  [class*="grid-10"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-10"].has-gutter > * { width: calc(100% / 10 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-10"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-10"].has-gutter-l > * { width: calc(100% / 10 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-10"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-10"].has-gutter-xl > * { width: calc(100% / 10 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-11"] > * { width: calc(100% / 11 - 0.01px); }
  [class*="grid-11"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-11"].has-gutter > * { width: calc(100% / 11 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-11"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-11"].has-gutter-l > * { width: calc(100% / 11 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-11"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-11"].has-gutter-xl > * { width: calc(100% / 11 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; }
  [class*="grid-12"] > * { width: calc(100% / 12 - 0.01px); }
  [class*="grid-12"].has-gutter { margin-right: -0.5rem; margin-left: -0.5rem; }
  [class*="grid-12"].has-gutter > * { width: calc(100% / 12 - 1rem - 0.01px); margin-right: 0.5rem; margin-left: 0.5rem; }
  [class*="grid-12"].has-gutter-l { margin-right: -1rem; margin-left: -1rem; }
  [class*="grid-12"].has-gutter-l > * { width: calc(100% / 12 - 2rem - 0.01px); margin-right: 1rem; margin-left: 1rem; }
  [class*="grid-12"].has-gutter-xl { margin-right: -2rem; margin-left: -2rem; }
  [class*="grid-12"].has-gutter-xl > * { width: calc(100% / 12 - 4rem - 0.01px); margin-right: 2rem; margin-left: 2rem; } }
.push { margin-left: auto !important; }

.pull { margin-right: auto !important; }

.item-first { order: -1; }

.item-last { order: 1; }

[class*="grid-"][class*="--reverse"] { flex-direction: row-reverse; }

@media (min-width: 544px) { .full { flex: 0 0 auto; width: calc(100% / 1 - 0.01px); }
  .has-gutter > .full { width: calc(100% / 1 - 1rem - 0.01px); }
  .has-gutter-l > .full { width: calc(100% / 1 - 2rem - 0.01px); }
  .has-gutter-xl > .full { width: calc(100% / 1 - 4rem - 0.01px); }
  .one-half { flex: 0 0 auto; width: calc(100% / 2 - 0.01px); }
  .has-gutter > .one-half { width: calc(100% / 2 - 1rem - 0.01px); }
  .has-gutter-l > .one-half { width: calc(100% / 2 - 2rem - 0.01px); }
  .has-gutter-xl > .one-half { width: calc(100% / 2 - 4rem - 0.01px); }
  .one-third { flex: 0 0 auto; width: calc(100% / 3 - 0.01px); }
  .has-gutter > .one-third { width: calc(100% / 3 - 1rem - 0.01px); }
  .has-gutter-l > .one-third { width: calc(100% / 3 - 2rem - 0.01px); }
  .has-gutter-xl > .one-third { width: calc(100% / 3 - 4rem - 0.01px); }
  .one-quarter { flex: 0 0 auto; width: calc(100% / 4 - 0.01px); }
  .has-gutter > .one-quarter { width: calc(100% / 4 - 1rem - 0.01px); }
  .has-gutter-l > .one-quarter { width: calc(100% / 4 - 2rem - 0.01px); }
  .has-gutter-xl > .one-quarter { width: calc(100% / 4 - 4rem - 0.01px); }
  .one-fifth { flex: 0 0 auto; width: calc(100% / 5 - 0.01px); }
  .has-gutter > .one-fifth { width: calc(100% / 5 - 1rem - 0.01px); }
  .has-gutter-l > .one-fifth { width: calc(100% / 5 - 2rem - 0.01px); }
  .has-gutter-xl > .one-fifth { width: calc(100% / 5 - 4rem - 0.01px); }
  .one-sixth { flex: 0 0 auto; width: calc(100% / 6 - 0.01px); }
  .has-gutter > .one-sixth { width: calc(100% / 6 - 1rem - 0.01px); }
  .has-gutter-l > .one-sixth { width: calc(100% / 6 - 2rem - 0.01px); }
  .has-gutter-xl > .one-sixth { width: calc(100% / 6 - 4rem - 0.01px); }
  .two-thirds { flex: 0 0 auto; width: calc(100% / 3 * 2 - 0.01px); }
  .has-gutter > .two-thirds { width: calc(100% / 3 * 2 - 1rem - 0.01px); }
  .has-gutter-l > .two-thirds { width: calc(100% / 3 * 2 - 2rem - 0.01px); }
  .has-gutter-xl > .two-thirds { width: calc(100% / 3 * 2 - 4rem - 0.01px); }
  .three-quarters { flex: 0 0 auto; width: calc(100% / 4 * 3 - 0.01px); }
  .has-gutter > .three-quarters { width: calc(100% / 4 * 3 - 1rem - 0.01px); }
  .has-gutter-l > .three-quarters { width: calc(100% / 4 * 3 - 2rem - 0.01px); }
  .has-gutter-xl > .three-quarters { width: calc(100% / 4 * 3 - 4rem - 0.01px); }
  .five-sixths { flex: 0 0 auto; width: calc(100% / 6 * 5 - 0.01px); }
  .has-gutter > .five-sixths { width: calc(100% / 6 * 5 - 1rem - 0.01px); }
  .has-gutter-l > .five-sixths { width: calc(100% / 6 * 5 - 2rem - 0.01px); }
  .has-gutter-xl > .five-sixths { width: calc(100% / 6 * 5 - 4rem - 0.01px); } }
/* Responsive Small Breakpoint */
@media (min-width: 544px) and (max-width: 992px) { [class*="-small-1"] > * { width: calc(100% / 1 - 0.01px); }
  [class*="-small-1"].has-gutter > * { width: calc(100% / 1 - 1rem - 0.01px); }
  [class*="-small-1"].has-gutter-l > * { width: calc(100% / 1 - 2rem - 0.01px); }
  [class*="-small-1"].has-gutter-xl > * { width: calc(100% / 1 - 4rem - 0.01px); }
  [class*="-small-2"] > * { width: calc(100% / 2 - 0.01px); }
  [class*="-small-2"].has-gutter > * { width: calc(100% / 2 - 1rem - 0.01px); }
  [class*="-small-2"].has-gutter-l > * { width: calc(100% / 2 - 2rem - 0.01px); }
  [class*="-small-2"].has-gutter-xl > * { width: calc(100% / 2 - 4rem - 0.01px); }
  [class*="-small-3"] > * { width: calc(100% / 3 - 0.01px); }
  [class*="-small-3"].has-gutter > * { width: calc(100% / 3 - 1rem - 0.01px); }
  [class*="-small-3"].has-gutter-l > * { width: calc(100% / 3 - 2rem - 0.01px); }
  [class*="-small-3"].has-gutter-xl > * { width: calc(100% / 3 - 4rem - 0.01px); }
  [class*="-small-4"] > * { width: calc(100% / 4 - 0.01px); }
  [class*="-small-4"].has-gutter > * { width: calc(100% / 4 - 1rem - 0.01px); }
  [class*="-small-4"].has-gutter-l > * { width: calc(100% / 4 - 2rem - 0.01px); }
  [class*="-small-4"].has-gutter-xl > * { width: calc(100% / 4 - 4rem - 0.01px); } }
/* ----------------------------- */
/* ==Own stylesheet              */
/* ----------------------------- */
/* Here should go your own CSS styles */
html { height: 100%; margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-variant: common-ligatures; color: #000000; margin: 0; padding: 0; height: 100%; position: relative; background-image: url("../images/flaticon/fond.svg"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; }
body div#container { margin: 85px 0 0; }
body.public span, body.public p, body.public a { hyphens: none; }
body.public div#pageHeader { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 2rem; }
body.public div#container { font-size: 16px; }

div#supportingText { min-height: 90px; min-width: 824px; margin: 0 5%; }

div#intro { margin: 0 5%; }

img { border: none; }

.noscreen { display: none; }

body.index p.pub { margin-bottom: 0.5em; }

/* Définit le curseur de souris pour cliquer (façon lien) */
*.link { cursor: pointer; }

/* Re-définition des actions de type Button */
button.texte { width: auto; border: none; color: #0048a0; text-decoration: underline; background-color: transparent; padding: 0 3px; line-height: inherit; }
button.texte:hover { color: #0048a0; background-color: inherit; }

/* Liens */
a { color: #0048a0; text-decoration: underline; }
a:hover { color: #55A2FF; }
a:visited:hover { color: #0048a0; }
a:active { color: #96001c; }

h2, h3, h4, h5, h6 { margin-top: 0.5em; margin-bottom: 0; font-variant: small-caps; }

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0.5em; }

/* Pour le bon affichage du fil d'Ariane */
ol.filAriane { display: flex; list-style: none; flex-wrap: wrap; }
ol.filAriane li { white-space: normal; }
ol.filAriane li a { white-space: nowrap; color: #000000; text-decoration: underline; }
ol.filAriane li.hide { display: none; }
ol.filAriane li::before { content: ">"; margin: auto 0.7em; white-space: normal; }
ol.filAriane li:first-child::before { content: " "; }

div#ousuisje { font-size: 80%; }
div#ousuisje a { color: #000000; text-decoration: underline; }
div#ousuisje.hide { display: none; }
div#ousuisje div[itemscope] { display: inline-block; }

/* Liens d'évitement */
ul#evitement { list-style: none outside none; position: absolute; top: -275px; left: 0; }

ul#evitement li { display: inline; font-size: 85%; margin: 20px; }

/*
p { margin-top: 0.8em; line-height: 1.2em;
}
*/
/* Lorsqu'il y a une illustration */
div.il, p.il, ul.il, li.il, h2.il, h3.il { width: 510px; }

/* Séparateur */
hr { background: url("../images/flaticon/separateur.svg") no-repeat 0 0; clear: both; border: none; width: 45px; height: 55px; margin: 1em auto; }
hr.nul { background: none; width: auto; height: 0; }

/* Pied de page (icone W3C) */
div#footer { text-align: center; }

/* Pied de page (mention legale) */
div#legal { padding-top: 1em; text-align: center; font-size: 85%; }

div.id, div.ig { display: table; margin: 0 12px; border: 2px solid #9fa0ff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

div.id { float: right; background-color: #ffffff; }

div.ig { float: left; background-color: #ffffff; }

div.id img, div.ig img { margin: 10px; }

div.calendar { z-index: 150; }

@media (max-width: 640px) { /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
  img { height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
  element1, element2 { float: none; width: auto; }
  /* masquer les éléments superflus */
  .hide_mobile { display: none !important; } }
@media (max-device-width: 768px) and (orientation: landscape) { html { -webkit-text-size-adjust: 100%; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: unset; }
  header nav#menu ul.level2 { left: 0; } }
/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2023
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d'enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l'autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 2/10/2023
 */
.iconeBulles, .iconeMenu.company, .iconeMenu.administrative, .iconeMenu.call-center { background-size: 100px; }

.iconeContact, .iconeMenu.map_and_flags { background-position: right; justify-content: left; height: unset; }

.iconeCompte { position: absolute; right: 0; top: 25%; padding: unset; width: 40px; }

.iconeTitrePage { width: unset; padding-left: 50px; }

.iconeMenu { display: inline-flex; height: 40px; background-repeat: no-repeat; background-size: contain; justify-content: center; align-items: center; }
.iconeMenu.emoji { margin: 0; width: 30px; height: 30px; display: inline-block; }
.iconeMenu.iconeSupport { background-position: left; justify-content: right; height: unset; width: max-content; padding-left: 2em; }
.iconeMenu.home { background-image: url("../images/flaticon/home.svg"); }
.iconeMenu.handshake { background-image: url("../images/flaticon/handshake.svg"); }
.iconeMenu.people { background-image: url("../images/flaticon/people.svg"); }
.iconeMenu.call { background-image: url("../images/flaticon/call.svg"); }
.iconeMenu.company { background-image: url("../images/flaticon/company.svg"); }
.iconeMenu.administrative { background-image: url("../images/flaticon/administrative.svg"); }
.iconeMenu.call-center { background-image: url("../images/flaticon/call-center.svg"); }
.iconeMenu.map_and_flags { background-image: url("../images/flaticon/maps-and-flags.svg"); }
.iconeMenu.chevron { background-image: url("../images/flaticon/simpleChevron-down.svg"); width: 20px; height: 20px; }
.iconeMenu.schedule { background-image: url("../images/flaticon/schedule.svg"); }
.iconeMenu.desiderata { background-image: url("../images/flaticon/sun.svg"); }
.iconeMenu.analytics { background-image: url("../images/flaticon/analytics.svg"); }
.iconeMenu.settings { background-image: url("../images/flaticon/settings.svg"); }
.iconeMenu.spanner { background-image: url("../images/flaticon/spanner.svg"); }
.iconeMenu.exchange { background-image: url("../images/flaticon/exchange.svg"); }
.iconeMenu.eye { background-image: url("../images/flaticon/eye.svg"); }
.iconeMenu.management { background-image: url("../images/flaticon/management.svg"); }
.iconeMenu.php { background-image: url("../images/flaticon/php.svg"); }
.iconeMenu.facture { background-image: url("../images/flaticon/facturer.svg"); }
.iconeMenu.help { background-image: url("../images/flaticon/help.svg"); background-size: 1.5em; background-position: top left; }
.iconeMenu.help > span { display: none; }
.iconeMenu.alerte { background-image: url("../images/flaticon/alert.svg"); }
.iconeMenu.annuaire { background-image: url("../images/flaticon/annuaire.svg"); }
.iconeMenu.compte { background-image: url("../images/flaticon/account.svg"); cursor: pointer; }
.iconeMenu.mobile { background-image: url("../images/favicon/pm/apple-touch-icon-152x152.png"); }

div#ousuisje { margin: 0 5%; }

/* Message d’information */
@-webkit-keyframes listeInvisible { 0% { visibility: visible; }
  90% { opacity: 0.95; }
  100% { opacity: 0; visibility: visible; } }
@-moz-keyframes listeInvisible { 0% { visibility: visible; }
  90% { opacity: 0.95; }
  100% { opacity: 0; visibility: visible; } }
@-o-keyframes listeInvisible { 0% { visibility: visible; }
  90% { opacity: 0.95; }
  100% { opacity: 0; visibility: visible; } }
@keyframes listeInvisible { 0% { visibility: visible; }
  90% { opacity: 0.95; }
  100% { opacity: 0; visibility: visible; } }
@media (prefers-reduced-motion: reduce) { ul.notifmsg { visibility: visible !important; }
  ul.notifmsg li.msg { opacity: 1 !important; } }
ul.notifmsg { position: absolute; float: right; visibility: hidden; opacity: 0.95; width: 450px; height: auto; top: 0; right: 0; margin-right: 1em; z-index: 15; list-style-type: none; -webkit-animation-delay: 0s; -webkit-animation-duration: 10s; -webkit-animation-name: listeInvisible; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-delay: 0s; -moz-animation-duration: 10s; -moz-animation-name: listeInvisible; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; animation-delay: 0s; animation-duration: 10s; animation-name: listeInvisible; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
ul.notifmsg li.msg { /* Gère les messages de validation */ display: flex; text-align: left; font-weight: bold; opacity: 0; background-color: #fff9e0; /* jaune pale */ color: #008000; width: auto; padding: 10px; margin-top: 1em; border: solid 1px #ffa81e; /* orange */ -webkit-animation-delay: 0s; -webkit-animation-duration: 8s; -webkit-animation-name: notification; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-delay: 0s; -moz-animation-duration: 8s; -moz-animation-name: notification; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; animation-delay: 0s; animation-duration: 8s; animation-name: notification; animation-timing-function: ease-in-out; animation-iteration-count: 1; -moz-border-radius: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
ul.notifmsg li.msg.erreur { /* Gère les messages d’erreurs */ opacity: 0.95; color: #be0a26; border-color: #be0a26; -webkit-animation-delay: 0s; -webkit-animation-duration: 3s; -webkit-animation-name: fadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-iteration-count: forward; -moz-animation-delay: 0s; -moz-animation-duration: 3s; -moz-animation-name: fadeIn; -moz-animation-timing-function: ease-in; -moz-animation-iteration-count: forward; animation-delay: 0s; animation-duration: 3s; animation-name: fadeIn; animation-timing-function: ease-in; animation-iteration-count: forward; }
ul.notifmsg li.msg.warning { /* Gère les messages de warnings */ color: #ffa81e; -webkit-animation-delay: 0s; -webkit-animation-duration: 8s; -webkit-animation-name: fadeIn-Out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: forward; -moz-animation-delay: 0s; -moz-animation-duration: 8s; -moz-animation-name: fadeIn-Out; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: forward; animation-delay: 0s; animation-duration: 8s; animation-name: fadeIn-Out; animation-timing-function: ease-in-out; animation-iteration-count: forward; }
ul.notifmsg li.msg#msg-loader { color: inherit; -webkit-animation-delay: 0s; -webkit-animation-duration: 3s; -webkit-animation-name: loader; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: forward; -moz-animation-delay: 0s; -moz-animation-duration: 3s; -moz-animation-name: loader; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: forward; animation-delay: 0s; animation-duration: 3s; animation-name: loader; animation-timing-function: ease-in-out; animation-iteration-count: forward; }
ul.notifmsg li.msg em { font-weight: normal; }
ul.notifmsg li.msg p { flex: 9; }
ul.notifmsg li.msg label { flex: 1; right: 10px; display: flex; justify-content: flex-end; margin-top: 0; }
ul.notifmsg li.msg label img { height: 20px; width: 20px; }
ul.notifmsg input:checked + li { display: none; }

div.msg-semaine-type, div.msg-planning-poste { position: sticky; top: 10px; z-index: 5; }

div#notifLoader { position: absolute; float: right; visibility: hidden; opacity: 0.95; width: 300px; height: auto; top: 200px; right: 0; margin-right: 1em; list-style-type: none; -webkit-animation-delay: 0s; -webkit-animation-duration: 10s; -webkit-animation-name: listeInvisible; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-delay: 0s; -moz-animation-duration: 10s; -moz-animation-name: listeInvisible; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: 1; animation-delay: 0s; animation-duration: 10s; animation-name: listeInvisible; animation-timing-function: ease-in-out; animation-iteration-count: 1; }

@-webkit-keyframes notification { 0% { opacity: 0; transform: translateX(0%); }
  20%, 40% { opacity: 0.95; transform: translateX(0%); }
  90%, 100% { opacity: 0; transform: translateX(125%); } }
@-moz-keyframes notification { 0% { opacity: 0; transform: translateX(0%); }
  20%, 40% { opacity: 0.95; transform: translateX(0%); }
  90%, 100% { opacity: 0; transform: translateX(125%); } }
@-o-keyframes notification { 0% { opacity: 0; transform: translateX(0%); }
  20%, 40% { opacity: 0.95; transform: translateX(0%); }
  90%, 100% { opacity: 0; transform: translateX(125%); } }
@keyframes notification { 0% { opacity: 0; transform: translateX(0%); }
  20%, 40% { opacity: 0.95; transform: translateX(0%); }
  90%, 100% { opacity: 0; transform: translateX(125%); } }
@-webkit-keyframes fadeIn-Out { 0% { opacity: 0; }
  10%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@-moz-keyframes fadeIn-Out { 0% { opacity: 0; }
  10%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@-o-keyframes fadeIn-Out { 0% { opacity: 0; }
  10%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@keyframes fadeIn-Out { 0% { opacity: 0; }
  10%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  20%, 100% { opacity: 0.95; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  20%, 100% { opacity: 0.95; } }
@-o-keyframes fadeIn { 0% { opacity: 0; }
  20%, 100% { opacity: 0.95; } }
@keyframes fadeIn { 0% { opacity: 0; }
  20%, 100% { opacity: 0.95; } }
@-webkit-keyframes loader { 0% { opacity: 0; }
  20%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@-moz-keyframes loader { 0% { opacity: 0; }
  20%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@-o-keyframes loader { 0% { opacity: 0; }
  20%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@keyframes loader { 0% { opacity: 0; }
  20%, 90% { opacity: 0.95; }
  100% { opacity: 0; } }
@media (max-width: 1023px) { ul.notifNoMsg, ul#notifmsg, ul#notifLoader { left: 0; top: 5px; margin: 0 1em 0 1em; }
  ul.notif { left: 0; top: 110px; margin: 0 1em 0 1em; }
  @-webkit-keyframes fadeIn { 0% { transform: translateY(-30%); }
    20%, 70% { transform: translateY(0%); }
    100% { transform: translateY(0%); } }
  @-moz-keyframes fadeIn { 0% { transform: translateY(-30%); }
    20%, 70% { transform: translateY(0%); }
    100% { transform: translateY(0%); } }
  @-o-keyframes fadeIn { 0% { transform: translateY(-30%); }
    20%, 70% { transform: translateY(0%); }
    100% { transform: translateY(0%); } }
  @keyframes fadeIn { 0% { transform: translateY(-30%); }
    20%, 70% { transform: translateY(0%); }
    100% { transform: translateY(0%); } }
  @-webkit-keyframes notification { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @-moz-keyframes notification { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @-o-keyframes notification { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @keyframes notification { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @-webkit-keyframes loader { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @-moz-keyframes loader { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @-o-keyframes loader { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } }
  @keyframes loader { 0% { transform: translateY(-20%); }
    20%, 70% { opacity: 0.95; transform: translateY(5%); }
    100% { opacity: 0; transform: translateY(-20%); } } }
span.rouge, strong.rouge { color: #be0a26; word-wrap: break-word; -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; }

span.bleu, strong.bleu { color: #583ec8; word-wrap: break-word; -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; }

span.canard, strong.canard { color: #196165 !important; word-wrap: break-word; display: inline-flex !important; -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; }

span.orange, strong.orange { color: #ffa81e; }

span.vert, strong.vert { color: #1e584d; }

span.mini { font-style: italic; font-size: 70%; }

abbr[title] { text-decoration-line: underline; text-decoration-style: dotted; }

p.boutons { text-align: center; }
p.boutons img { margin: 5px 4%; }

div#fleche { padding-left: 200px; text-align: center; margin-top: 1em; }

*.mobile { display: none; }

/* Page du QR Code */
body.qrcode ol.filAriane { display: none; }
@media screen { body.qrcode div#logo-qrcode { display: none; } }
body.qrcode div#logo-qrcode { width: 33%; }
body.qrcode div.qrcode { width: 50%; margin: 2em auto auto; }
body.qrcode div.qrcode svg { padding: 1em; border: 1px solid #03254e; background-color: white !important; }
body.qrcode div.qrcode svg:not([fill]) { fill: black !important; }

body#recrutement article footer { background-color: transparent; }

div#aide { background-color: #b0d6ff; /* bleu pale */ margin: 40px; max-width: 800px; padding: 1em; -moz-box-shadow: #767676 0px 0px 10px; -webkit-box-shadow: #767676 0px 0px 10px; box-shadow: #767676 0px 0px 10px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
div#aide h3 { padding: 0 25px; background: url("../images/sprite.png?v=4") no-repeat 0 -960px; line-height: 16px; }
div#aide h3:hover { background: url("../images/sprite.png?v=4") no-repeat 0 -928px; }

div#version { display: inline; }

div#contact { z-index: 2; }

@keyframes sliderscroll { 0% { transform: translateX(-1%); }
  100% { transform: translateX(-85%); } }
@media (max-width: 640px) { @keyframes sliderscroll { 0% { transform: translateX(-1%); }
    100% { transform: translateX(-59%); } }
  div.flex { flex-direction: column; align-content: center; }
  div.floatSlider { margin: 1em auto auto; width: 250px; }
  div.slider { margin: 5px !important; } }
@media (min-width: 641px) and (max-width: 1024px) { @keyframes sliderscroll { 0% { transform: translateX(-1%); }
    100% { transform: translateX(-55%); } }
  div.flex { flex-direction: column; align-content: center; }
  div.floatSlider { margin: 1em auto auto; } }
@media (min-width: 641px) and (max-width: 900px) and (orientation: landscape) { @keyframes sliderscroll { 0% { transform: translateX(0%); }
    100% { transform: translateX(-85%); } } }
@media (min-width: 901px) and (max-width: 1024px) and (orientation: landscape) { @keyframes sliderscroll { 0% { transform: translateX(0%); }
    100% { transform: translateX(-85%); } } }
@media (min-width: 1025px) and (max-width: 1920px) { @keyframes sliderscroll { 0% { transform: translateX(0%); }
    100% { transform: translateX(-85%); } } }
@media (min-width: 1025px) and (max-width: 1920px) and (orientation: landscape) { @keyframes sliderscroll { 0% { transform: translateX(0%); }
    100% { transform: translateX(-85%); } } }
h2.titreLogos, h3.titreLogos { text-align: center; }

.flex { display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.flex .logoClient { display: flex; -webkit-box-align: center; align-items: center; padding: 20px; }
.flex .logoClient img { filter: grayscale(100%); }
.flex .logoClient img:hover { filter: none; transition: all 0.2s; }

.mainCard { border-radius: 3px; box-shadow: 0 0 10px 0 #767676; background-color: #ffffff; padding: 1rem 2rem; margin: 2rem 1rem; }
.mainCard.centre { margin: 2rem auto; }
.mainCard.flexCenter { display: flex; margin: auto; flex-direction: column; align-items: center; }
.mainCard.fit { width: fit-content; }

div.citation { float: right; background-color: #ffffff; width: 280px; margin: 0 1em 0 10px; cursor: pointer; padding: 10px; border: solid 2px #be0a26; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
div.citation blockquote { padding-left: 1.5em; }
div.citation blockquote p { display: block; font-style: italic; margin-top: 0; }
div.citation cite { display: block; font-weight: bold; }

blockquote::before { content: none; }

sup a { text-decoration: none; }

div.footnote { font-size: 90%; font-style: italic; }

h2.vert, h3.vert { color: #1e584d; }

div.illustrations-batiment-bois { float: right; border: 2px solid #1e584d; margin: 1em; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }

div.sc { background-color: #fff9e0; /* jaune pale */ margin: 1em auto; width: 700px; border: solid 1px #ffa81e; /* orange */ -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
div.sc p { margin: 0.75em; }

div.organigramme p { text-align: center; }
div.organigramme p span[itemprop="name"], div.organigramme p span[itemprop="givenName"] { font-weight: bold; }

#presentation { display: flex; flex-direction: column; justify-content: center; }
#presentation.centre { align-items: center; }
#presentation .texte { margin: 0 1rem 2rem; }
#presentation .organigramme { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#presentation .organigramme span { max-width: 250px; }
#presentation .organigramme span p { text-align: center; }
#presentation .organigramme span p:first-of-type { font-weight: bold; }
#presentation .organigramme img { max-width: 100%; max-height: 250px; object-fit: cover; object-position: bottom; margin: 1rem; }

#savoirplus { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 2rem 1rem; background-color: #be0a26; color: #ffffff; padding: 2rem; }
#savoirplus p { padding: 0 2rem; text-align: center; margin: 0; }
#savoirplus h2 { font-size: 3.5rem; color: #ffffff; }
#savoirplus a { text-decoration: none; color: #ffffff; margin: 2rem 0; display: flex; align-items: center; padding: 2rem; border: 2px solid #ffffff; border-radius: 3px; }
#savoirplus a:hover { border: 2px solid #96001c; }
#savoirplus a img { filter: invert(1); max-width: 100%; max-height: 40px; }

#nous-contacter { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 2rem 0; }
#nous-contacter #localisation { display: flex; flex-direction: column; flex-wrap: wrap; }
#nous-contacter #localisation #adresse { display: flex; justify-content: space-between; margin-bottom: 2rem; width: 100%; }
#nous-contacter #localisation #adresse img { max-height: 75px; }
#nous-contacter #localisation #adresse p { margin-top: 0; }
#nous-contacter #localisation #map { width: 600px; height: 450px; padding: 0; }
#nous-contacter #contactForm { margin: 0 1rem; }
#nous-contacter #appel { display: flex; justify-content: center; flex-direction: column; margin: 2rem 1rem; }
#nous-contacter #appel .flex-appel { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 50%; margin: 1rem auto; }
#nous-contacter #appel .flex-appel img { max-width: 50px; }
#nous-contacter #appel .flex-appel a { text-decoration: none; padding: 1rem; width: 125px; text-align: center; }
#nous-contacter #appel .flex-appel a#tel { padding: 0; color: inherit; }

.flexContainer { display: flex; flex-wrap: wrap; margin: 4rem; justify-content: center; }
.flexContainer #tarifs { margin: 2rem; width: 600px; padding: 1rem; }
.flexContainer #tarifs #prix { padding: 2rem 2rem 0; text-align: center; }
.flexContainer #tarifs #prix h3 { font-size: 4rem; margin-bottom: 0; }
.flexContainer #tarifs #details-tarifs { display: grid; grid-template-columns: repeat(2, 1fr); }
.flexContainer #prerequis { margin: 2rem; width: 600px; padding: 1rem; }
.flexContainer #prerequis a:not(#trame a) { padding: 2rem; margin: 1rem auto; text-decoration: none; }
.flexContainer #prerequis #demo { margin: 2rem auto; text-align: center; font-size: 150%; }
.flexContainer #prerequis #besoin { margin: auto 0; text-decoration: underline; }
.flexContainer #prerequis #promotion { padding: 2rem 2rem 0; text-align: center; }
.flexContainer #prerequis #promotion h3 { font-size: 4rem; margin-bottom: 0; }
.flexContainer #prerequis #demande { display: flex; flex-direction: column; justify-content: space-around; text-align: center; margin: 2rem; }
.flexContainer #prerequis #demande p { text-align: center; }
.flexContainer #prerequis #trame { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
.flexContainer #prerequis #trame a { margin: auto; text-align: center; color: inherit; text-decoration: none; }
.flexContainer #prerequis #details-besoins { display: grid; grid-template-columns: repeat(3, 1fr); }
.flexContainer .cell { padding: 1rem; margin: 1rem; border-bottom: 3px #be0a26 solid; }
.flexContainer .cell h4 { font-size: 2.5rem; text-align: center; }
.flexContainer .cell p { text-align: center; }
.flexContainer .cell img { width: 100%; height: 100px; }

#identificationGrid { display: grid; margin: auto; max-width: 1200px; grid-template-columns: auto; grid-template-rows: auto; grid-template-areas: "connexion probleme " "demo demo" " cookie cookie "; }
#identificationGrid .cell { padding: 1rem 2rem; }
#identificationGrid #connexion { grid-area: connexion; }
#identificationGrid #connexion form { width: auto; margin: 0; }
#identificationGrid #demo2 { display: flex; flex-wrap: wrap; margin: 2rem 0; grid-area: demo; }
#identificationGrid #demo2 a { padding: 1rem; margin: auto; text-decoration: none; }
#identificationGrid #probleme { grid-area: probleme; }
#identificationGrid #probleme ul { list-style: none; padding: 0; }
#identificationGrid #probleme ul li { position: relative; margin: 1rem auto; border: 2px #f9dc5c solid; border-radius: 3px; color: inherit; background-color: #ffffff; max-width: 400px; text-align: center; cursor: pointer; }
#identificationGrid #probleme ul li label { padding: 1rem 0; margin-top: unset; }
#identificationGrid #probleme ul li .astuce { display: none; border: 2px #f9dc5c solid; background-color: #ffffff; left: 0; padding: 1rem; }
#identificationGrid #probleme ul li .astuce p { margin: 1rem; }
#identificationGrid #probleme ul li > .astuce { position: relative; background-color: #f9dc5c; top: 0; }
#identificationGrid #probleme ul li input:checked { padding-bottom: 0; }
#identificationGrid #probleme ul li input:checked ~ .astuce { display: block; }
#identificationGrid #probleme .padding { padding: 1rem 0 0 0; }
#identificationGrid #cookie { margin: 2rem 0; grid-area: cookie; }

#quickSummary { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; }

#bulles { display: flex; flex-wrap: wrap; justify-content: space-evenly; }
#bulles ul { padding-left: 1rem; }
#bulles .bullePresentation { width: 250px; height: 260px; border-radius: 40px; margin: 2rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 8px #be0a26 solid; }
#bulles .bullePresentation.vert { border-bottom-color: #5A8200; }
#bulles .bullePresentation.bleu { border-bottom-color: #0048a0; }
#bulles .bullePresentation h3 { background-position: top; text-align: center; flex: 1; padding-top: 90px; }

#procedure { display: grid; grid-template-rows: auto auto auto; grid-gap: 3rem; }
#procedure .flexGrid { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin: 0 1rem; background-color: #be0a26; }
#procedure .flexGrid > div { display: flex; align-items: center; justify-content: space-around; flex: 1; }
#procedure .flexGrid > div > p { margin-left: 1rem; color: #ffffff; }
#procedure .flexGrid > div img.max100 { max-width: 100px; }

#outils { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-template-areas: "titre titre" "assistant stat" "export autres"; margin: 3rem 1rem; }
#outils img { width: 100%; height: 150px; }
#outils #titre { grid-area: titre; margin-bottom: 3rem; }
#outils #assistant { grid-area: assistant; }
#outils #stat { grid-area: stat; }
#outils #export { grid-area: export; }
#outils #autres { grid-area: autres; }
#outils div:not(:first-child) { margin: 2rem; text-align: center; }
#outils div:not(:first-child) p { margin-top: 2rem; }

#confianceLogo { max-width: 80%; margin: auto; text-align: left; }

#confiance { max-width: 1310px; margin: 0 auto; }

#temoignages { max-width: 80%; margin: 2rem auto; }
#temoignages .carousel-items { display: flex; overflow-y: scroll; flex-wrap: wrap; padding: 0; list-style: none; height: 690px; justify-content: space-around; }
#temoignages .carousel-items .carousel-item { width: 100%; margin: 1rem 0; }
#temoignages .carousel-items .carousel-item .card { display: grid; grid-template-rows: 100px auto 65px; grid-template-columns: 100%; align-items: center; height: 100%; }
#temoignages .carousel-items .carousel-item .card img { margin: auto; }
#temoignages .carousel-items .carousel-item .card .review { margin: 1rem; padding: 2rem; border-top: 3px #bac6d3 solid; border-bottom: 3px #bac6d3 solid; border-radius: 10px; }
#temoignages .carousel-items .carousel-item .card div:not(.review) { display: none; }
@media screen and (min-width: 576px) { #temoignages .carousel-item { flex-basis: 450px; } }
@media screen and (min-width: 992px) { #temoignages .carousel-item { flex-basis: 450px; } }
@media screen and (min-width: 1280px) { #temoignages .carousel-item { flex-basis: 450px; } }

#demandeAppel { display: flex; flex-direction: column; align-items: center; }
#demandeAppel #infoAppel { margin: 1rem; }
#demandeAppel #formulaireAppel { display: flex; justify-content: center; }

#deroulement { position: relative; display: flex; flex-direction: column; margin: 2rem 1rem 5%; /*grid-template-columns: auto;
grid-template-rows:    auto;
grid-template-areas:   "." "etapes";*/ /*#etapes { margin:    3rem auto; grid-area: etapes;
}*/ }

.frise { position: relative; display: flex; width: 100%; margin: 2rem auto; justify-content: space-around; }
.frise input[type=radio] { display: none; }
.frise .frise_barre_set, .frise .frise_barre { position: absolute; height: 15px; left: 10%; top: 50%; transform: translateY(-50%); background: repeating-linear-gradient(45deg, #be0a26, #be0a26 4px, #96001c 4px, #96001c 10px); transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005); width: 0; z-index: 2; }
.frise .frise_barre_set { width: 80%; background-color: #d5d5d5; z-index: 0; margin: auto; }
.frise #step-5:checked + div { width: 80%; }
.frise #step-5:checked + div + div + div > .tab:nth-of-type(5) { opacity: 1; top: 0; }
.frise #step-5:checked + div + div + div { right: 10%; }
.frise #step-5:checked + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_5_frise.svg"); transition: all 800ms; }
.frise #step-4:checked + input + div { width: 60%; }
.frise #step-4:checked + input + div + div + div > .tab:nth-of-type(4) { opacity: 1; top: 0; }
.frise #step-4:checked + input + div + div + div { right: 30%; }
.frise #step-4:checked + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_4_frise.svg"); transition: all 800ms; }
.frise #step-3:checked + input + input + div { width: 40%; }
.frise #step-3:checked + input + input + div + div + div > .tab:nth-of-type(3) { opacity: 1; top: 0; }
.frise #step-3:checked + input + input + div + div + div { right: 50%; }
.frise #step-3:checked + input + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_3_frise.svg"); transition: all 800ms; }
.frise #step-2:checked + input + input + input + div { width: 20%; }
.frise #step-2:checked + input + input + input + div + div + div > .tab:nth-of-type(2) { opacity: 1; top: 0; }
.frise #step-2:checked + input + input + input + div + div + div { right: 70%; }
.frise #step-2:checked + input + input + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_2_frise.svg"); transition: all 800ms; }
.frise #step-1:checked + input + input + input + input + div { width: 0; }
.frise #step-1:checked + input + input + input + input + div + div + div > .tab:nth-of-type(1) { opacity: 1; top: 0; }
.frise #step-1:checked + input + input + input + input + div + div + div { right: 90%; }
.frise #step-1:checked + input + input + input + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_1_frise.svg"); transition: all 800ms; }
.frise img { margin-right: 1rem; }
.frise label > p { margin: 0; text-align: center; }

.frise_status { top: -105px; width: 100px; transition: right 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005); transform: translateX(50%); position: absolute; }

div#deroulement button.cta { border: none; display: flex; flex-wrap: wrap; justify-content: center; padding: 10px 20px; text-decoration: none; align-items: center; color: #ffffff; background-color: #be0a26; transition: 1s; box-shadow: 0 0 10px 0 #767676; z-index: 3; margin: 0; width: 250px; }
div#deroulement button.cta.bleufonce { background-color: #0048a0; }
div#deroulement button.cta.bleuclair { background-color: #0048a0; }
div#deroulement button.cta.vert { background-color: #5A8200; }
div#deroulement button.cta.jaune { background-color: #1e584d; }
div#deroulement button.cta:focus { outline: none; }
div#deroulement button.cta div { display: contents; }

.etape { display: none; max-width: 500px; width: 100%; height: 320px; margin: 2rem auto; padding: 2rem; border-radius: 3px; box-shadow: 0 0 10px 0 #be0a26; }
.etape .etapeTitle { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.etape.show { display: grid; grid-template-rows: auto; grid-template-columns: auto; }
.etape.bleufonce { box-shadow: 0 0 10px 0 #0048a0; }
.etape.bleuclair { box-shadow: 0 0 10px 0 #0048a0; }
.etape.vert { box-shadow: 0 0 10px 0 #5A8200; }
.etape.jaune { box-shadow: 0 0 10px 0 #1e584d; }
.etape img { width: 100%; max-width: 80px; margin: auto; }

#contactForm, .demoForm, #formulaireAppel { display: flex; flex-direction: column; align-items: center; }
#contactForm .formEnLongueur, .demoForm .formEnLongueur, #formulaireAppel .formEnLongueur { display: grid; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-template-areas: "personnel informations" "date date"; margin: auto; width: 1000px; max-width: 100%; }
#contactForm .formEnLongueur #preferenceDate, .demoForm .formEnLongueur #preferenceDate, #formulaireAppel .formEnLongueur #preferenceDate { grid-area: date; }
#contactForm .formEnLongueur #personnel, .demoForm .formEnLongueur #personnel, #formulaireAppel .formEnLongueur #personnel { grid-area: personnel; padding: 1rem; }
#contactForm .formEnLongueur #informations, .demoForm .formEnLongueur #informations, #formulaireAppel .formEnLongueur #informations { grid-area: informations; padding: 1rem; }

div.btn, a.btn, button { border: 2px solid #be0a26; border-radius: 3px; background-color: #be0a26; color: #ffffff; cursor: pointer; transition: all 0.3s; text-align: center; text-decoration: none; }
div.btn:hover, a.btn:hover, button:hover { background-color: #ffffff; color: #000000; }
div.btn:active, a.btn:active, button:active { border: 2px solid #96001c; border-radius: 3px; background-color: #96001c; color: #ffffff; }

h1 { margin: 0; }

.enPetit { font-size: 80%; }

div#titrePage { height: auto; display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 2rem; }
div#titrePage h2 span { display: none; }

h2 { font-weight: bold; font-size: 3rem; }
h2.underline { background-image: linear-gradient(#be0a26, #be0a26); background-position: bottom center; /*Ajuste la position de la ligne*/ background-size: 50% 5px; /*Permet d'ajuster la longueur et l'épaisseur de la ligne*/ background-repeat: no-repeat; padding-bottom: 10px; }

.invertedEmoji { filter: invert(1); }

/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2025
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d’enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l’autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 23/7/2025
 */
.rotate90 { transform: rotate(90deg); }

.rotate180 { transform: rotate(180deg); }

.rotate270 { transform: rotate(270deg); }

div#cartouche { display: none; position: absolute; background: url("../images/avatar-toubib.svg") no-repeat scroll 12px 12px #ffffff; background-size: auto 80px; font-size: 90%; padding: 12px 12px 12px 70px; margin: 0 1em; border-radius: 3px; box-shadow: 0 0 10px 0 #767676; text-align: right; top: 85px; z-index: 40; right: 0; }
div#cartouche.admin { background-image: url("../images/avatar-admin.svg"); padding-left: 78px; }
div#cartouche span#nomPersonne { padding: 0 2px; vertical-align: middle; font-size: 110%; font-weight: bold; }
div#cartouche.show { display: block; }
div#cartouche div.action a { color: inherit; }
div#cartouche div.action a svg { width: 15px; height: 15px; }

@media (scripting: none) { div#cartouche { display: block; } }
img.iconeDesiderataPeriode { display: inline-block; float: right; margin-top: 4px; }

ul.legende { list-style: none; }
ul.legende span.vi { padding: 2px; }

div.container-icone { display: flex; justify-content: space-between; flex-wrap: wrap; }

/* Multi-colonne */
div.tricolonne { min-width: 188px; float: left; margin: 0 1%; width: 31%; }

div.bicolonne { width: 50%; min-width: 11em; float: left; margin: 0 0; }

ul.tricolonne { -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }

.arret { filter: grayscale(100%); }

ul.desiderata-legende-non-present { border: 0.5px solid #767676; padding: 10px; font-style: italic; }
ul.desiderata-legende-non-present img { filter: grayscale(100%); }

span.desiderata-legende-non-present { font-style: italic; }
span.desiderata-legende-non-present img { filter: grayscale(100%); }

ul.desiderata-legende-present { border: 0.5px solid #767676; padding: 10px; }

/* Les désidérata */
div#tdesid { display: block; width: 63em; margin: auto; }

img.recurrent { background-image: url("../images/flaticon/recurrent.svg"); padding: 2px; }

img#attTous { min-height: 32px !important; padding-left: 5px; }

/* Messages de la page d’accueil personnel */
div.bulle-accueil { padding: 15px 1em; max-width: 65em; margin: 1em 0.5em; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; -moz-box-shadow: #55A2FF 0 0 10px 0; -webkit-box-shadow: #55A2FF 0 0 10px 0; box-shadow: #55A2FF 0 0 10px 0; border: solid 1px #5aa9ff; background-color: #b0d6ff; }
div.bulle-accueil h3:first-child { margin-top: 0; }
div.bulle-accueil.warning { background-color: #ff768c; border: 1px solid #be0a26; -moz-box-shadow: #be0a26 0 0 10px 0; -webkit-box-shadow: #be0a26 0 0 10px 0; box-shadow: #be0a26 0 0 10px 0; }
div.bulle-accueil.aide { background-image: url("../images/flaticon/help.svg"); background-color: #ffffff; background-repeat: no-repeat; background-size: 6rem; background-position: center left 3.5rem; padding-left: 120px; -moz-box-shadow: #f9dc5c 0 0 10px 0; -webkit-box-shadow: #f9dc5c 0 0 10px 0; box-shadow: #f9dc5c 0 0 10px 0; }
div.bulle-accueil.info { background: #fff9e0 url("../images/logo-info-new.png") no-repeat bottom -2rem left 2rem; background-size: 100px; padding-left: 140px; border: 1px solid #b0d6ff; -moz-box-shadow: #b0d6ff 0 0 10px 0; -webkit-box-shadow: #b0d6ff 0 0 10px 0; box-shadow: #b0d6ff 0 0 10px 0; }
div.bulle-accueil.info.message-support-main { background-color: #ffffff; max-width: initial; }
div.bulle-accueil.info-sondage { background: #9eeef3 url("../images/logo-info-new.png") no-repeat bottom -3rem left 1rem; background-size: 120px; padding-left: 140px; border: 1px solid #9eeef3; -moz-box-shadow: #9eeef3 0 0 10px 0; -webkit-box-shadow: #9eeef3 0 0 10px 0; box-shadow: #9eeef3 0 0 10px 0; }

/* Administration */
div.bulle { padding: 0 15px 1em; margin: 15px 10px; /* fallback/image non-cover color */ background-color: #d5d5d5; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d5d5d5), color-stop(100%, #e1e1e1)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* Standard */ background: linear-gradient(to right, #d5d5d5 0%, #e1e1e1 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); --couleur-ombre-boite: #d5d5d5; box-shadow: 0 0 10px 0 var(--couleur-ombre-boite); -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
div.bulle.poste, div.bulle.medecin, div.bulle.semaine { width: 240px; border: solid 1px #e7e7ff; --couleur-ombre-boite: #55A2FF; /* fallback/image non-cover color */ background-color: #b0d6ff; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #b0d6ff 0%, #eff7ff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b0d6ff), color-stop(100%, #eff7ff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #b0d6ff 0%, #eff7ff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #b0d6ff 0%, #eff7ff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #b0d6ff 0%, #eff7ff 100%); /* Standard */ background: linear-gradient(to right, #b0d6ff 0%, #eff7ff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
div.bulle.actif { border: solid 1px #d0ffd1; color: #375000; --couleur-ombre-boite: #008000; /* fallback/image non-cover color */ background-color: #d0ffd1; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d0ffd1), color-stop(100%, #ffffff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* Standard */ background: linear-gradient(to right, #d0ffd1 0%, #ffffff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
div.bulle.actif h3 { color: inherit; }
div.bulle.boursea, div.bulle.chgta { border: solid 1px #f9dc5c; color: #e18b00; --couleur-ombre-boite: #e18b00; /* fallback/image non-cover color */ background-color: #f9dc5c; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9dc5c), color-stop(100%, #ffffff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* Standard */ background: linear-gradient(to right, #f9dc5c 0%, #ffffff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
div.bulle.boursea h3, div.bulle.chgta h3 { color: inherit; }
div.bulle.chgt, div.bulle.bourse { width: 23em; }
div.bulle.neutre { border: solid 1px #d5d5d5; --couleur-ombre-boite: #d5d5d5; /* fallback/image non-cover color */ background-color: #d5d5d5; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d5d5d5 0%, #ffffff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d5d5d5), color-stop(100%, #ffffff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d5d5d5 0%, #ffffff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d5d5d5 0%, #ffffff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d5d5d5 0%, #ffffff 100%); /* Standard */ background: linear-gradient(to right, #d5d5d5 0%, #ffffff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
div.bulle.phase { width: 80%; min-width: 360px; max-width: 500px; min-height: 120px; text-align: left; }
div.bulle p.go { text-align: right; }

p.center { text-align: center; }
p.rouge { color: #be0a26; }

div#bourse { border: 1px solid #e18b00; color: #e18b00; float: left; max-width: 150px; width: 100%; padding-bottom: 0.5rem; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; -moz-box-shadow: #645000 0 0 10px 0; -webkit-box-shadow: #645000 0 0 10px 0; box-shadow: #645000 0 0 10px 0; /* fallback/image non-cover color */ background-color: #f9dc5c; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9dc5c), color-stop(100%, #ffffff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #f9dc5c 0%, #ffffff 100%); /* Standard */ background: linear-gradient(to right, #f9dc5c 0%, #ffffff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
div#bourse h3 { font-size: 100%; color: #e18b00; }
div#bourse p { margin-top: 0; }

span.bloc { white-space: nowrap; display: flex; justify-content: center; align-items: center; }
span.bloc > a { display: flex; justify-content: center; align-items: center; }

table.phase { width: 100%; box-shadow: none; margin: 0; border: none; background-color: transparent; }
table.phase td { border: none; padding: 0; text-align: left; vertical-align: top; }

img.barre { float: left; height: 5px; }

/* Statistiques par poste et par jour */
div.lijour { white-space: nowrap; }
div.lijour span { line-height: 24px; width: 24px; }
div.lijour span.vide { color: #d5d5d5; }
div.lijour span.max { color: #ff2222; text-decoration: underline; }
div.lijour span.somme { color: #0048a0; }
div.lijour span.somme.max { color: #e948d4; text-decoration: underline; }

div#sgen, div#scom, div#scho, div.popup { position: absolute; padding: 0.7em; margin: 1em auto; background-color: #ffffff; font-size: 110%; white-space: nowrap; z-index: 15; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
div#sgen p#psgen, div#scom p#psgen, div#scho p#psgen, div.popup p#psgen { width: 100%; white-space: normal; min-width: 250px; }
div#sgen a#btnclose, div#scom a#btnclose, div#scho a#btnclose, div.popup a#btnclose { float: right; }

div#scho { background-color: #ffffff; border-color: #9999ff; min-width: 15em; font-size: 95%; }

img#attgen { margin-left: 6.5em; }

a#esgen { float: left; }

a#csgen, a#cscom, a#cscho { float: right; }

div.flexEcarte { display: flex; flex-direction: column; margin-top: 1em; }

div#desiderata { margin-top: 1em; }
div#desiderata p { font-weight: bold; color: #be0a26; }
div#desiderata strong { font-size: 110%; }

.sousMenu { justify-content: space-between; }
.sousMenu #quickSummary { flex: 1; }

#loader { text-align: left; margin-bottom: 3em; }
#loader .valider { display: block; background: url("../images/valider.svg") 0 0 no-repeat; width: 500px; height: 60px; position: absolute; left: 40%; right: 60%; bottom: 1px; }
#loader .electrocardiogramme { display: block; background: url("../images/electrocardiogramme.svg") 0 0 no-repeat; width: 130px; height: 40px; position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%); margin-top: 2em; -webkit-animation-delay: 0s; -webkit-animation-duration: 1.5s; -webkit-animation-name: pulse; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-delay: 0s; -moz-animation-duration: 1.5s; -moz-animation-name: pulse; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-delay: 0s; animation-duration: 1.5s; animation-name: pulse; animation-timing-function: linear; animation-iteration-count: infinite; clip: rect(0, 0, 100px, 0); }
@-webkit-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@-moz-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@-o-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
#loader { text-align: left; margin-bottom: 3em; }
#loader .valider { display: block; background: url("../images/valider.svg") 0 0 no-repeat; width: 500px; height: 60px; position: absolute; left: 40%; right: 60%; }
#loader .electrocardiogramme { display: block; background: url("../images/electrocardiogramme.svg") 0 0 no-repeat; width: 130px; height: 40px; position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%); margin-top: 2em; -webkit-animation-delay: 0s; -webkit-animation-duration: 1.5s; -webkit-animation-name: pulse; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-delay: 0s; -moz-animation-duration: 1.5s; -moz-animation-name: pulse; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-delay: 0s; animation-duration: 1.5s; animation-name: pulse; animation-timing-function: linear; animation-iteration-count: infinite; clip: rect(0, 0, 100px, 0); }
@-webkit-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@-moz-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@-o-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
span.vdispo { background-color: #ff768c; /* rouge pale */ padding: 1px 7px; margin: 1px 4px; display: inline-block; border: 1px solid #ff516d; -moz-border-radius: 1em / 1em; -webkit-border-radius: 1em 1em; border-radius: 1em / 1em; }
span.vdispo:after { position: relative; top: 2px; left: 2px; }
span.vdispo img { vertical-align: middle; }
span.vdispo.vdispo7, span.vdispo.vdispo16, span.vdispo.vdispo21 { background-color: #be0a26; /* rouge soutenu */ border-color: #96001c; /* orange plus soutenu */ color: #ffffff; }
span.vdispo.vdispo20 { background-color: #f3d49d; /* orange pale */ border-color: #ffa81e; /* orange soutenu */ }
span.vdispo.vdispo35 { background-color: #9dff9f; /* vert pale */ border-color: #1fff75; /* vert soutenu */ }
span.vdispo.vdispo-99 { background-color: #ffa81e; /* orange soutenu */ border-color: #ff2222; /* orange soutenu */ }
span.vdispo.vdispo-97 { background-color: #000000; /* noir */ border-color: #767676; color: #ffffff; }
span.vdispo.vdispo-97 .min { color: inherit; }
span.vdispo.vdispo-96 { background-color: #55A2FF; /* bleu */ border-color: #55A2FF; /* bleu soutenu */ }
span.vdispo.vdispo-94 { background-color: #d5d5d5; border-color: #767676; }
span.vdispo.vdispo-95 { background-color: #55A2FF; border-color: #55A2FF; color: #ffffff; }

span.apourvoir { background-color: #fffd7c; /* jaune petard */ padding: 2px 7px; margin: 1px 4px; display: inline-block; border: 1px solid #e18b00; /* orange */ -moz-border-radius: 1em / 1em; -webkit-border-radius: 1em 1em; border-radius: 1em / 1em; }
span.apourvoir a { color: #e18b00; }

span.avalider { background-color: #55A2FF; /* bleu clair */ padding: 2px 7px; margin: 1px 4px; display: inline-block; border: 1px solid #55A2FF; /* bleu foncé */ -moz-border-radius: 1em / 1em; -webkit-border-radius: 1em 1em; border-radius: 1em / 1em; }

span.remplace { text-decoration: line-through; }

div.qrcode-webcal svg { max-width: 200px; padding: 0.3em; border: 1px solid #03254e; background-color: white !important; }
div.qrcode-webcal svg:not([fill]) { fill: black !important; }

p.alerte1 { color: #be0a26; font-size: 150%; font-weight: bold; }

p.alerte2, p.alerte3 { background-color: #be0a26; color: #ffa81e; border: 2px solid #ffa81e; padding: 5px 15px; font-size: 200%; display: inline-block; margin-top: 15px; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }

p.alerte3 { border-width: 4px; font-size: 300%; }

span.inactif { font-style: italic; font-size: 75%; }

span.nonactif { font-style: italic; font-size: 75%; text-decoration: line-through; }

form#frecherche a, div#filtresRecherche div#barreRecherche a { height: unset; width: unset; padding: 0.5rem 3rem; }

div#formFiltres label#labelToggleFiltres { background-color: #be0a26; -moz-border-radius: 15px 15px; -webkit-border-radius: 15px; border-radius: 15px 15px; color: #ffffff; padding: 5px 10px 5px 30px; margin-top: unset; display: flex; align-items: center; background-size: 20px; background-position: 5px center; background-repeat: no-repeat; background-image: url("../images/flaticon/dispo65.svg"); }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { div#formFiltres label#labelToggleFiltres { -moz-box-shadow: #85071b 3px 3px 5px 0; -webkit-box-shadow: #85071b 3px 3px 5px 0; box-shadow: #85071b 3px 3px 5px 0; }
  div#formFiltres label#labelToggleFiltres:hover { background-color: #a20920; } }
@media (prefers-color-scheme: dark) { div#formFiltres label#labelToggleFiltres { -moz-box-shadow: #f4314f 3px 3px 5px 0; -webkit-box-shadow: #f4314f 3px 3px 5px 0; box-shadow: #f4314f 3px 3px 5px 0; }
  div#formFiltres label#labelToggleFiltres:hover { background-color: #ea0c2f; } }

div#filtresRecherche div#barreRecherche label#labelToggleFiltres { background-color: #be0a26; -moz-border-radius: 15px 15px; -webkit-border-radius: 15px; border-radius: 15px 15px; color: #ffffff; padding: 5px 10px 5px 30px; margin-top: unset; display: flex; align-items: center; background-size: 20px; background-position: 5px center; background-repeat: no-repeat; background-image: url("../images/flaticon/dispo65.svg"); }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { div#filtresRecherche div#barreRecherche label#labelToggleFiltres { -moz-box-shadow: #85071b 3px 3px 5px 0; -webkit-box-shadow: #85071b 3px 3px 5px 0; box-shadow: #85071b 3px 3px 5px 0; }
  div#filtresRecherche div#barreRecherche label#labelToggleFiltres:hover { background-color: #a20920; } }
@media (prefers-color-scheme: dark) { div#filtresRecherche div#barreRecherche label#labelToggleFiltres { -moz-box-shadow: #f4314f 3px 3px 5px 0; -webkit-box-shadow: #f4314f 3px 3px 5px 0; box-shadow: #f4314f 3px 3px 5px 0; }
  div#filtresRecherche div#barreRecherche label#labelToggleFiltres:hover { background-color: #ea0c2f; } }
div#filtresRecherche div#filtres { display: none; margin-top: 1rem; min-width: 80%; flex: 1; }
div#filtresRecherche div#filtres label { margin-top: unset; }
div#filtresRecherche div#filtres label span { padding-right: unset; }
div#filtresRecherche #toggleFiltres:checked ~ div #labelToggleFiltres { background-image: url("../images/flaticon/fermer.svg"); }
div#filtresRecherche #toggleFiltres:checked ~ div#filtres { display: initial; }

ul.bourse li { margin: 1em; float: left; padding: 10px; width: 500px; min-height: 4.5em; list-style: none outside none; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; /* fallback/image non-cover color */ background-color: #d0ffd1; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d0ffd1), color-stop(100%, #ffffff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d0ffd1 0%, #ffffff 100%); /* Standard */ background: linear-gradient(to right, #d0ffd1 0%, #ffffff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); -moz-box-shadow: #767676 0px 0px 10px; -webkit-box-shadow: #767676 0px 0px 10px; box-shadow: #767676 0px 0px 10px; }
ul.bourse li.postulation-impossible { background-image: none; background-color: #e1e1e1; }
ul.bourse li.ici { background-color: #f3d49d; /* Orange pale */ background-image: none; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
ul.bourse li.suppr { border: solid 1px #000000; /* fallback/image non-cover color */ background-color: #d5d5d5; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d5d5d5), color-stop(100%, #e1e1e1)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d5d5d5 0%, #e1e1e1 100%); /* Standard */ background: linear-gradient(to right, #d5d5d5 0%, #e1e1e1 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
ul.bourse li.nonComp { border: solid 2px #BFDFB9; /* Vert gris */ /* fallback/image non-cover color */ background-color: #BFDFB9; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #BFDFB9 0%, #e1e1e1 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #BFDFB9), color-stop(100%, #e1e1e1)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #BFDFB9 0%, #e1e1e1 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #BFDFB9 0%, #e1e1e1 100%); /* IE10+ */ background: -ms-linear-gradient(left, #BFDFB9 0%, #e1e1e1 100%); /* Standard */ background: linear-gradient(to right, #BFDFB9 0%, #e1e1e1 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
ul.bourse li.postule { border: solid 2px #9eeef3; /* Bleu */ /* fallback/image non-cover color */ background-color: #9eeef3; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #9eeef3 0%, #ffffff 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #9eeef3), color-stop(100%, #ffffff)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #9eeef3 0%, #ffffff 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #9eeef3 0%, #ffffff 100%); /* IE10+ */ background: -ms-linear-gradient(left, #9eeef3 0%, #ffffff 100%); /* Standard */ background: linear-gradient(to right, #9eeef3 0%, #ffffff 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); }
ul.bourse li span.date { font-weight: bold; }
ul.bourse li span.horaire { font-style: italic; font-size: 90%; }

#attentePreGen { z-index: 12; padding: 1em; max-width: 450px; min-width: 350px; margin: 0 auto; border: solid 2px #ffa81e; font-size: 135%; font-weight: bold; position: absolute; left: 25%; right: 25%; top: 20%; background-color: #FFEC97; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
#attentePreGen #first { margin-top: 10px; }
#attentePreGen p:first-child { text-align: center; }
#attentePreGen p, #attentePreGen span { padding: 1em 1em 0 1em; font-size: 70%; }
#attentePreGen .center { text-align: center; }
#attentePreGen #chr { height: 100px; text-align: center; }
#attentePreGen #chr .electrocardiogramme { display: block; background: url("../images/electrocardiogramme.svg") 0 0 no-repeat; width: 200px; height: 100px; position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%); margin-top: 3em; -webkit-animation: 1.5s pulse linear infinite; -moz-animation: 1.5s pulse linear infinite; -o-animation: 1.5s pulse linear infinite; animation: 1.5s pulse linear infinite; clip: rect(0, 0, 100px, 0); }
@-webkit-keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
@keyframes pulse { 0% { clip: rect(0, 0, 100px, 0); opacity: 0; }
  2% { clip: rect(0, 33.33334px, 100px, 0); opacity: 0.4; }
  4% { clip: rect(0, 66.66665px, 100px, 0); opacity: 0.6; }
  15% { clip: rect(0, 133.3333px, 100px, 0); opacity: 0.8; }
  20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  80% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
  90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
  100% { clip: rect(0, 0, 100px, 0); opacity: 0; } }
#attentePreGen #resultat { padding: 1em 1em 0 1em; text-align: justify; }
#attentePreGen progress { vertical-align: revert; }
#attentePreGen #progress { padding: 1em; display: flex; flex-direction: column; text-align: center; }
#attentePreGen #progress #pourcent { padding: 0; }
#attentePreGen strong { font-size: 150%; }
#attentePreGen div#cancelCT { text-align: center; }

div#resultatCache { z-index: 12; padding: 1em; max-width: 650px; min-width: 350px; margin: 1em auto; border: solid 2px #ffa81e; font-weight: bold; position: absolute; left: 25%; right: 25%; top: 25%; opacity: 0.92; text-align: center; background-color: #fff9e0; /* jaune pale */ color: #ffa81e; /* orange */ -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; /*.underlined { text-decoration: underline;
}*/ }
div#resultatCache strong { font-size: 150%; }
div#resultatCache #closeResultat { position: absolute; right: 1%; bottom: 1%; color: #000000; }

div#verification { /*
form { width: 600px;
}
*/ }
div#verification .center { text-align: center; }
div#verification .erreur { color: #be0a26; margin: 1em 0 1em 1em; }
div#verification .erreur li { color: #000000; }
div#verification .alignRight { float: right; padding-right: 1em; }

div#attente { padding: 1em 1em 1em 2em; margin: 0 auto; border: solid 2px #ffa81e; font-size: 135%; font-weight: bold; width: 17em; height: 5em; position: absolute; left: 50%; opacity: 0.92; background: #FFEC97 url("../images/loading.gif") no-repeat scroll 48% 50px; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
div#attente p { padding-left: 2em; vertical-align: middle; }

#overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 10; }

.flex-wrapper { display: flex; flex-flow: row-reverse wrap-reverse; }

/*.single-chart:last-child { //position: absolute; width: 33%;
}*/
.single-chart { width: 33%; flex: 1 1; margin: 1em; justify-content: space-around; }

.single-chart:last-child { width: 33%; flex: 1 1; flex-basis: 100%; }
.single-chart:last-child .circular-chart { display: block; margin: 10px auto; max-width: 60%; max-height: 150px; }

.circular-chart { display: block; margin: 10px auto; max-width: 70%; max-height: 100px; }

.cercle-bg { fill: none; stroke: #eee; stroke-width: 3.8; }

.cercle { fill: none; stroke-width: 2.8; stroke-linecap: round; animation: progress 1s ease-out forwards; }

@keyframes progress { 0% { stroke-dasharray: 0 100; } }
.circular-chart.orange .cercle { stroke: #ffa81e; }

.circular-chart.vert .cercle { stroke: #8CCD00; }

.circular-chart.rouge .cercle { stroke: #be0a26; }

.percentage { fill: #767676; font-family: sans-serif; font-size: 0.5em; text-anchor: middle; }

img#echelle { border: solid 2px #ffa81e; background-color: #ffffff; display: block; padding: 10px; margin: 2em auto; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }

p.commentaire { background-color: #FFEC97; /* jaune pale */ margin: 10px 0; padding: 10px; max-width: 450px; border: solid 1px #ffa81e; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
p.commentaire span.titre { color: #ffa81e; font-weight: bold; }

p.reponse { background-color: #d0ffd1; border-color: #375000; margin: 1em; padding: 10px; }
p.reponse span.titre { color: #375000; /* vert fonce */ }

/* Gardes du calendrier */
table.calendrier, table.planningperso { width: 100rem; }

table.calendrier ul.gardes, table.planningperso ul.gardes { margin: 0; padding: 0; }
table.calendrier ul.gardes li, table.planningperso ul.gardes li { list-style: none; }
table.calendrier ul.gardes li.estRemplace, table.planningperso ul.gardes li.estRemplace { text-decoration: line-through; font-style: italic; }

table.calendrier.desiderata ul.gardes li, table.desiderata.planningperso ul.gardes li { font-size: 80%; font-style: italic; }
table.calendrier.desiderata td.interdit, table.desiderata.planningperso td.interdit { background-color: #e1e1e1; cursor: default; }
table.calendrier.desiderata td.interditWeekend, table.desiderata.planningperso td.interditWeekend { background-color: #d5d5d5; cursor: default; }

/* Desiderata */
img.annexe { width: 14px; height: 14px; }

/* Affichage du logo en haut de page*/
div#logo { display: flex; position: absolute; justify-content: center; top: 30px; width: 100%; }

@media (max-width: 1100px) { div#logo { display: none; } }
/* Sondage */
div#sondage { color: #375000; width: 150px; float: left; left: 12px; background-color: #ffffff; position: absolute; top: 400px; padding-bottom: 1em; text-align: center; }
div#sondage h3 { display: none; }
div#sondage p { border: 1px solid #375000; color: #375000; padding: 0.4em; margin-top: 0; text-align: left; font-size: 96%; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }

/* Affichage de personne d'un autre service */
span.autreserv { font-style: italic; font-size: 70%; white-space: nowrap; word-wrap: normal; }

table.calendrier td.gris, table.planningperso td.gris, table.activites td.gris { background-color: #e1e1e1; color: #767676; }
table.calendrier td.gris.jour6, table.planningperso td.gris.jour6, table.calendrier td.gris.jour0, table.planningperso td.gris.jour0, table.calendrier td.gris.ferie, table.planningperso td.gris.ferie, table.activites td.gris.jour6, table.activites td.gris.jour0, table.activites td.gris.ferie { background-color: #d5d5d5; color: #222222; }

table.listConfigService td.toleft { text-align: left !important; }
table.listConfigService td.toRight { text-align: right !important; }

table.activites th.textTop { vertical-align: text-top; }
table.activites span.vacancesScolaire { background-color: #FFEC97 !important; border: 2px solid #ffa81e !important; border-radius: 2px / 2px; }

span.valeurCourante { border: solid #ffa81e 2px; background-color: #f3d49d; font-weight: bold; border-radius: 3px; }

img.valid, img.malad, img.form { cursor: pointer; }

body.prive #container footer { border-top: none; }
body.prive #container footer #legal { background-color: transparent; }

p.vacances { background-color: #f3d49d; border: 2px solid #ffa81e; padding: 0 4px; margin-bottom: 6px; width: fit-content; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

div#filtres a { padding: 0.5rem 1rem; margin: 1rem; }
div#filtres.center { text-align: center; }
div#filtres span { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: right; padding-right: 2em; }
div#filtres span.chevron { background-image: url("../images/flaticon/simpleChevron-down-b.svg"); }
div#filtres span.croix { background-image: url("../images/flaticon/supprimerb.svg"); }
div#filtres a:hover span { color: #000000; }
div#filtres a:hover span.croix { background-image: url("../images/flaticon/supprimer.svg"); }
div#filtres a:hover span.chevron { background-image: url("../images/flaticon/simpleChevron-down.svg"); }

div#filtre { display: none; }

#toggle-filtre:checked + div#filtre { display: block; }

input#toggle-bulle-info:checked + div#bulle-1 { display: none; }

#label-toggle-bulle { display: flex; justify-content: flex-end; }
#label-toggle-bulle img { width: 20px; }

div[id^="chgt_"] { -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; -moz-box-shadow: #767676 0px 0px 10px; -webkit-box-shadow: #767676 0px 0px 10px; box-shadow: #767676 0px 0px 10px; margin-top: 2rem; min-height: 6rem; background-color: #ffffff; }
div[id^="chgt_"]#chgt_section_a_traiter.surbrillance { border: 3px solid #be0a26; }
div[id^="chgt_"]#chgt_section_a_traiter .nbDemande { background-color: #be0a26; color: #ffffff; width: 4rem; text-align: center; border-radius: 50%; }
div[id^="chgt_"]#chgt_section_a_traiter div.listeLigne { display: flex; margin: 2rem 4rem; padding: 1%; overflow-x: auto; }
div[id^="chgt_"]#chgt_section_a_traiter div.card label.toggle-options { min-height: 30rem; }
div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie .optionsAffichees { height: 30rem; }
div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div.planningpersoDiv { max-width: 60%; }
div[id^="chgt_"]#chgt_section_a_traiter div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees { height: unset; }
div[id^="chgt_"]#chgt_section_suivi h4 { background-repeat: no-repeat; background-size: 3rem; padding-left: 3.5rem; }
div[id^="chgt_"]#chgt_section_suivi h4#requetesEnCours { background-image: url("../images/flaticon/question.svg"); }
div[id^="chgt_"]#chgt_section_suivi h4#requetesEnAttente { background-image: url("../images/flaticon/hourglassTime.svg"); }
div[id^="chgt_"]#chgt_section_suivi #chgtEnCours, div[id^="chgt_"]#chgt_section_suivi #chgtEnAttente { flex: 1; padding-left: 2rem; padding-right: 2rem; }
div[id^="chgt_"]#chgt_section_suivi #chgtEnCours { width: 100%; border-right: 3px solid #767676; }
div[id^="chgt_"] div.card { min-width: fit-content; position: relative; }
div[id^="chgt_"] div.card.demandeEnCoursCard { position: relative; margin: 1rem 0.5rem; align-items: flex-end; flex-grow: 1; }
div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options div.demandeEnCours, div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv { background-color: #ffffff; }
div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options, div[id^="chgt_"] div.card.demandeEnCoursCard div.cardDeplie { width: 100%; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv { display: flex; flex-direction: row; align-items: center; z-index: 1; padding: 0 1rem; background-color: #ffffff; -moz-border-radius: 2rem 2rem 0 0; -webkit-border-radius: 2rem; border-radius: 2rem 2rem 0 0; -moz-box-shadow: #000000 0 -5px 1rem; -webkit-box-shadow: #000000 0 -5px 1rem; box-shadow: #000000 0 -5px 1rem; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv.indicateurVert { background-color: #5A8200; color: #ffffff; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv.indicateurVert img.imageDemande { filter: invert(100%); }
div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv img.imageDemande, div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv p.nbDemande { margin: 0.5rem 1rem; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv img.imageDemande { display: none; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.cardDeplie { display: none; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.cardDeplie div.detailsDemande { flex-direction: column; min-height: fit-content; margin-bottom: 0; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.cardDeplie div.detailsDemande table.planningperso { width: 90%; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne { border: 3px solid #000000; border-radius: 10px; min-width: 30%; max-width: 80%; width: fit-content; height: fit-content; padding: 1rem 2rem; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne.accepte { border-color: #5A8200; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne.accepte span { color: #5A8200; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne.refuse div > p { text-decoration: line-through; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne.refuse div span { color: #be0a26; font-style: italic; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.button { color: #ffffff; height: unset; width: unset; padding: 0.5rem 2rem; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonConfirmer { background-color: #5A8200; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonConfirmer { -moz-box-shadow: #3f5b00 3px 3px 5px 0; -webkit-box-shadow: #3f5b00 3px 3px 5px 0; box-shadow: #3f5b00 3px 3px 5px 0; }
  div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonConfirmer:hover { background-color: #4d6f00; } }
@media (prefers-color-scheme: dark) { div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonConfirmer { -moz-box-shadow: #a9f400 3px 3px 5px 0; -webkit-box-shadow: #a9f400 3px 3px 5px 0; box-shadow: #a9f400 3px 3px 5px 0; }
  div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonConfirmer:hover { background-color: #81bb00; } }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonAnnulerUnePersonne { background-color: unset; padding: unset; margin-left: 2rem; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonAnnulerUnePersonne img { width: 2rem; }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne button.buttonAnnulerUnePersonne:hover img { filter: invert(100%); }
div[id^="chgt_"] div.card.demandeEnCoursCard div.infosPersonne span.souligne { color: inherit; text-decoration: underline; }
div[id^="chgt_"] div.card label.toggle-options { cursor: default; display: flex; justify-content: center; }
div[id^="chgt_"] div.card label.toggle-options div.changementATraiterCard, div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours { -moz-box-shadow: #000000 0 0 1rem; -webkit-box-shadow: #000000 0 0 1rem; box-shadow: #000000 0 0 1rem; -moz-border-radius: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; }
div[id^="chgt_"] div.card label.toggle-options div div.date { display: flex; flex-direction: column; flex: 1; border-right: 3px solid #767676; justify-content: center; }
div[id^="chgt_"] div.card label.toggle-options div div.date p { font-weight: bold; font-size: 2rem; }
div[id^="chgt_"] div.card label.toggle-options div.changementATraiterCard { margin: 0 0 0 2rem; width: 35rem; padding: 2rem; }
div[id^="chgt_"] div.card label.toggle-options div.changementATraiterCard div.date { display: none; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours { align-items: stretch; padding: 2rem 0; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours div.infosDemande { flex: 4; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours p.poste { color: #be0a26; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours p.choixDemande { display: none; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours button { height: 5rem; width: 90%; margin: 2%; border: 0; border-radius: 10px; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours button img { width: 4rem; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours button.btnDelete { background-color: unset; width: 6rem; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours button.btnDelete :hover { filter: unset; }
div[id^="chgt_"] div.card label.toggle-options div.demandeEnCours div p { margin-top: 0; text-align: center; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande { display: grid; row-gap: 2rem; margin: 0 1rem; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande p { display: flex; flex-direction: column; align-items: center; justify-content: center; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande p.texteDemande { display: block; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande img { width: 5rem; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="initiateur"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="destinataire"] { grid-row: 2 / 4; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="initiateur"] { grid-column-start: 1; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="destinataire"] { grid-column-start: 4; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande img[id*="iconeType"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="posteChange"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="texte."] { grid-column: 2 / 4; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="texteLong"] { grid-row-start: 1; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande img[id*="iconeType"] { grid-row-start: 2; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="posteChange"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="texte."] { grid-row-start: 3; }
div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="commentaire"] { grid-row-start: 4; }
div[id^="chgt_"] div.card div.cardDeplie { padding: 0px 5px; border-radius: 5px; border: 1px solid #be0a26; background-color: #d5d5d5; position: relative; }
div[id^="chgt_"] div.card div.cardDeplie .optionsAffichees { display: flex; flex-direction: column; justify-content: space-evenly; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande { display: none; margin-bottom: 10rem; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.planningpersoDiv { flex: 2; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.planningpersoDiv a img { width: 4rem; background-color: transparent; filter: invert(100%); margin: 0 2rem; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.planningpersoDiv table.planningperso { width: 90%; margin-bottom: 5%; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] { display: none; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] table tbody td { text-align: center; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] table tbody td ul { text-align: left; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv { margin-top: 2rem; margin-right: 2rem; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv div.infoSup { margin-bottom: 2rem; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv div.infoSup h3 { padding-right: 10rem; }
div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv div.actionsDemande textarea { background-color: #ffffff; width: 100%; flex: 1; }
div[id^="chgt_"] div.card button, div[id^="chgt_"] div.card label.btnInfos { width: 10rem; height: 5rem; border: none; border-radius: 10px; margin: 0; display: flex; justify-content: center; align-items: center; box-shadow: none !important; }
div[id^="chgt_"] div.card button span, div[id^="chgt_"] div.card label.btnInfos span { display: none; }
div[id^="chgt_"] div.card button.btnValider { background-color: #5A8200; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { div[id^="chgt_"] div.card button.btnValider { -moz-box-shadow: #3f5b00 3px 3px 5px 0; -webkit-box-shadow: #3f5b00 3px 3px 5px 0; box-shadow: #3f5b00 3px 3px 5px 0; }
  div[id^="chgt_"] div.card button.btnValider:hover { background-color: #4d6f00; } }
@media (prefers-color-scheme: dark) { div[id^="chgt_"] div.card button.btnValider { -moz-box-shadow: #a9f400 3px 3px 5px 0; -webkit-box-shadow: #a9f400 3px 3px 5px 0; box-shadow: #a9f400 3px 3px 5px 0; }
  div[id^="chgt_"] div.card button.btnValider:hover { background-color: #81bb00; } }
div[id^="chgt_"] div.card button.btnAnnuler { background-color: #be0a26; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { div[id^="chgt_"] div.card button.btnAnnuler { -moz-box-shadow: #85071b 3px 3px 5px 0; -webkit-box-shadow: #85071b 3px 3px 5px 0; box-shadow: #85071b 3px 3px 5px 0; }
  div[id^="chgt_"] div.card button.btnAnnuler:hover { background-color: #a20920; } }
@media (prefers-color-scheme: dark) { div[id^="chgt_"] div.card button.btnAnnuler { -moz-box-shadow: #f4314f 3px 3px 5px 0; -webkit-box-shadow: #f4314f 3px 3px 5px 0; box-shadow: #f4314f 3px 3px 5px 0; }
  div[id^="chgt_"] div.card button.btnAnnuler:hover { background-color: #ea0c2f; } }
div[id^="chgt_"] div.card label.btnInfos { background-color: #645000; color: #ffffff; }
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { div[id^="chgt_"] div.card label.btnInfos { -moz-box-shadow: #463800 3px 3px 5px 0; -webkit-box-shadow: #463800 3px 3px 5px 0; box-shadow: #463800 3px 3px 5px 0; }
  div[id^="chgt_"] div.card label.btnInfos:hover { background-color: #554400; } }
@media (prefers-color-scheme: dark) { div[id^="chgt_"] div.card label.btnInfos { -moz-box-shadow: #dfb200 3px 3px 5px 0; -webkit-box-shadow: #dfb200 3px 3px 5px 0; box-shadow: #dfb200 3px 3px 5px 0; }
  div[id^="chgt_"] div.card label.btnInfos:hover { background-color: #a28100; } }
div[id^="chgt_"] div.card label.btnInfos img { filter: invert(100%); }
div[id^="chgt_"] div.card img { width: 4rem; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie label.btnInfos img, div[id^="chgt_"] div.card .toggle-details:checked ~ label.toggle-options label.btnInfos img { content: url("../images/flaticon/oeil_barre.svg"); background-size: contain; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie label.btnInfos span, div[id^="chgt_"] div.card .toggle-details:checked ~ label.toggle-options label.btnInfos span { display: none; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie button span, div[id^="chgt_"] div.card .toggle-details:checked ~ label.toggle-options button span { display: initial; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie { display: initial; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees button { width: 20rem; position: absolute; bottom: 3rem; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees button.btnValider { right: 3rem; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees button.btnAnnuler { right: 25rem; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees label.btnInfos { position: absolute; right: 1rem; top: 1rem; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie div.detailsDemande { display: flex; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie label div.demandeEnCours label.btnInfos img { content: url("../images/flaticon/oeil_barre.svg"); background-size: contain; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie label div.demandeEnCours label.btnInfos span { visibility: hidden; position: relative; }
div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie label div.demandeEnCours label.btnInfos span:after { visibility: visible; position: absolute; top: 0; left: 0; content: "Masquer"; }

.bordureRouge, div#contenuDmdChangement .posteSelectionne, div#contenuDmdChangement .posteSelectionne.destinataireSelectionne, div#contenuDmdChangement .postesACeder { border-color: #be0a26 !important; }

.bordureEpaisse, div#contenuDmdChangement .posteSelectionne, div#contenuDmdChangement .postesSelectionnes, div#contenuDmdChangement div.dateSelectionnee, div#contenuDmdChangement .posteSelectionne.destinataireSelectionne, div#contenuDmdChangement .postesACeder { border-width: 5px !important; }

a#ndmd_btn_retour { width: fit-content; }
a#ndmd_btn_retour img { width: 25px; }

div#contenuDmdChangement { gap: 5%; }
div#contenuDmdChangement #ndmdForm { flex: unset; margin-bottom: auto; min-width: Min(600px, 100%); }
div#contenuDmdChangement #ndmdForm label, div#contenuDmdChangement #ndmdForm select { margin-top: 0; width: unset; flex: unset; }
div#contenuDmdChangement #ndmdForm span.libelle { margin-right: 0.5rem; }
div#contenuDmdChangement #ndmdForm ul { list-style: none; padding-left: 1rem; margin-top: 0; }
div#contenuDmdChangement #ndmdForm input[readonly] { font-style: unset; color: inherit; }
div#contenuDmdChangement #ndmdForm #ndmdForm_eraseForm { width: 20px; align-self: flex-end; position: absolute; z-index: 2; }
div#contenuDmdChangement #ndmdForm #selectService { margin-right: 50px; }
div#contenuDmdChangement #ndmdForm div#ndmdForm_divType { display: inline-flex; align-items: center; }
div#contenuDmdChangement #ndmdForm input[type='text']#ndmdForm_selectDateChangement { background-image: url("../images/flaticon/calendar.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: right center; }
div#contenuDmdChangement #ndmdForm div[id^='form'] { display: none; }
div#contenuDmdChangement #ndmdForm div[id^='form'] > div { margin-top: 1.5rem; }
div#contenuDmdChangement #ndmdForm input:checked#ceder ~ div#ndmdForm_divType label[for='ceder'], div#contenuDmdChangement #ndmdForm input:checked#prendre ~ div#ndmdForm_divType label[for='prendre'] { -moz-border-radius: 15px 15px; -webkit-border-radius: 15px; border-radius: 15px 15px; border: 3px solid #be0a26; }
div#contenuDmdChangement #ndmdForm input:checked#ceder ~ div#donneesARemplir div#formCeder, div#contenuDmdChangement #ndmdForm input:checked#prendre ~ div#donneesARemplir div#formPrendre { display: block; }
div#contenuDmdChangement #ndmdForm div#sectionDestinatairesForces { display: none; }
div#contenuDmdChangement #ndmdForm div#sectionDestinatairesForces #destinatairesForcesDiv { display: none; }
div#contenuDmdChangement #ndmdForm div#sectionDestinatairesForces #destinatairesForcesDiv #toggle-listePersonnesForcees:checked ~ div ul { display: block; }
div#contenuDmdChangement #ndmdForm div#sectionDestinatairesForces label#btnToggleDQA { background-image: url("../images/flaticon/ajouter-gris.svg"); background-repeat: no-repeat; background-position: left; padding-left: 3rem; margin-top: 2rem; color: #767676; }
div#contenuDmdChangement #ndmdForm div#sectionDestinatairesForces input#toggleDQA:checked ~ label#btnToggleDQA { display: none; }
div#contenuDmdChangement #ndmdForm div#sectionDestinatairesForces input#toggleDQA:checked ~ #destinatairesForcesDiv { display: block; }
div#contenuDmdChangement #ndmdForm #ndmdForm_submit img { filter: invert(1); width: 20px; }
div#contenuDmdChangement #ndmdForm .vignette { display: flex; width: fit-content; min-width: 30rem; justify-content: space-between; align-items: center; border-radius: 15px; border: 2px solid #767676; padding: 0.3rem 1rem; margin: 1rem; }
div#contenuDmdChangement #ndmdForm .vignette p { margin-top: unset; }
div#contenuDmdChangement #ndmdForm .vignette div.alerte span { font-size: 1rem; font-style: italic; }
div#contenuDmdChangement #ndmdForm .vignette .buttonAnnulerPersonne { background-color: initial; border: none; width: 2rem; padding: 0; }
div#contenuDmdChangement #ndmdForm div.customSelect, div#contenuDmdChangement #ndmdForm p.customSelect { position: relative; }
div#contenuDmdChangement #ndmdForm div.customSelect ul, div#contenuDmdChangement #ndmdForm p.customSelect ul { display: none; z-index: 15; position: absolute; background-color: #ffffff; border: 1px solid #767676; top: 35px; }
div#contenuDmdChangement #ndmdForm div.customSelect > label, div#contenuDmdChangement #ndmdForm div.customSelect > select, div#contenuDmdChangement #ndmdForm p.customSelect > label, div#contenuDmdChangement #ndmdForm p.customSelect > select { appearance: none; border: 1px solid #d5d5d5; border-radius: unset; background-position: right 5px center; background-repeat: no-repeat; background-image: url("../images/flaticon/bullet_arrow_down.svg"); background-size: 10px; padding: 5px 25px; }
div#contenuDmdChangement #ndmdForm #destinatairesMultiplesDiv #toggle-listePersonnes:checked ~ div ul, div#contenuDmdChangement #ndmdForm #destinatairesMultiplesDivSansJs #toggle-listePersonnes-sansjs:checked ~ div ul { display: block; width: 100%; }
div#contenuDmdChangement #planningGeneral table { border-collapse: collapse; }
div#contenuDmdChangement #planningGeneral table tr.hier, div#contenuDmdChangement #planningGeneral table tr.hier td { background-color: #d5d5d5; font-style: italic; text-decoration: line-through; }
div#contenuDmdChangement #planningGeneral table td[class*='poste'][class*='pers'].survolable.cliquable:hover { background-color: #55A2FF; border: 2px solid #9eeef3; cursor: pointer; }
div#contenuDmdChangement #planningGeneral table td[class*='poste'][class*='pers']:not(.cliquable):not(.survolable) { background-color: #d5d5d5; font-style: italic; }
div#contenuDmdChangement .bordurePointilles, div#contenuDmdChangement .postesSelectionnes, div#contenuDmdChangement .postesACeder { border-style: dashed; }
div#contenuDmdChangement .bordureVerte { border-color: #5A8200 !important; }
div#contenuDmdChangement .bordureBleue { border-color: #0048a0 !important; }
div#contenuDmdChangement .bordureNoire, div#contenuDmdChangement .postesSelectionnes, div#contenuDmdChangement div.dateSelectionnee { border-color: #000000 !important; }
div#contenuDmdChangement .backgroundGris { background-color: #767676 !important; color: #ffffff; }
div#contenuDmdChangement .backgroundVert, div#contenuDmdChangement .destinataireSelectionne { background-color: #1fff75 !important; }
div#contenuDmdChangement .posteSelectionne { border-style: solid; }
div#contenuDmdChangement tr.dateSelectionnee { border-bottom: 5px solid #000000; border-top: 5px solid #000000; border-right: 5px solid #000000; border-left: 5px solid #000000; }
div#contenuDmdChangement tr.dateSelectionnee.premier { border-top: 5px solid #000000; border-bottom: inherit; }
div#contenuDmdChangement tr.dateSelectionnee.dernier { border-bottom: 5px solid #000000; border-top: inherit; }
div#contenuDmdChangement div.dateSelectionnee { border-style: solid; }
div#contenuDmdChangement .posteSelectionne.destinataireSelectionne { border-style: solid; }
div#contenuDmdChangement div#divLegendes { display: none; flex-direction: column; }
div#contenuDmdChangement div#divLegendes #legende { display: flex; flex-direction: column; gap: 1rem; }
div#contenuDmdChangement div#divLegendes #legende .legendeChangement { display: flex; margin: 0 1rem; align-items: center; }
div#contenuDmdChangement div#divLegendes #legende .legendeChangement > div { width: 6rem; height: 3rem; }
div#contenuDmdChangement div#divLegendes #legende .legendeChangement > div.legendePostesUtilisateur { background-color: #ffa81e; }

div#fenetreExportExcel { display: none; position: fixed; z-index: 10; top: 0; background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; padding: 3rem 5rem; max-height: 100vh; overflow-y: auto; }
div#fenetreExportExcel label#btnFermerFenetreExportExcel { position: absolute; right: 5rem; top: 10rem; }
div#fenetreExportExcel label img { width: 30px; height: 30px; }

input#toggleFenetreExportExcel:checked ~ div#fenetreExportExcel { display: block; }

/* Rapport d’import de données CSV */
pre.import { background-color: #fbf2e2; color: #505050; padding: 0.5em; }

/* Barre de progression d'entropie du mot de passe */
div.progressBar { width: 100%; height: 8px; background-color: #d5d5d5; margin-top: 1rem; }
div.progressBar div.indicator { height: 8px; background-image: url("../images/progress-bar.png"); background-repeat: repeat-y; background-position: left; background-size: cover; }

.filtre-avance { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 15px; }

.filtre-checkbox-list { display: flex; flex-flow: row wrap; gap: 10px; justify-content: left; }
.filtre-checkbox-list div { cursor: pointer; user-select: none; display: flex; align-items: center; gap: 5px; padding: 5px; border-radius: 5px; }
.filtre-checkbox-list div label { margin: 0 !important; user-select: none; pointer-events: none; }
.filtre-checkbox-list div input[type=checkbox] { pointer-events: none; }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
/* Logo Planning-Medical.com */
div#pageHeader h1 { position: absolute; top: 25px; left: 70px; margin: 5px 5px; /* Non affichage du titre de la page (remplacé par le logo) */ }
div#pageHeader h1 span { display: none; }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d’enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l’autorisation écrite de Planning-Medical.com. */
header { position: fixed; display: flex; -webkit-box-align: center; align-items: center; justify-content: space-between; width: 100%; max-height: 80px; top: 0; left: 0; padding: 0 10px 0; z-index: 50; border-bottom: 2px gray solid; background-color: #ffffff; }
header label, header #toggle { display: none; }
header nav#menu { display: flex; flex: 1; justify-content: center; align-items: center; }
header nav#menu .chevronSVG { display: flex; width: 20px; margin-left: 0.5em; }
header nav#menu .showMobile { display: none; }
header nav#menu ul { display: flex; list-style: none; }
header nav#menu ul .active { background-image: linear-gradient(#be0a26, #be0a26); background-position: bottom center; /*Ajuste la position de la ligne*/ background-size: 70% 5px; /*Permet d'ajuster la longueur et l'épaisseur de la ligne*/ background-repeat: no-repeat; }
header nav#menu ul > li { color: inherit; display: flex; align-items: center; justify-content: center; text-decoration: none; transition-duration: 0.5s; margin: 0 0.8em; position: relative; height: 80px; }
header nav#menu ul > li:before { content: ""; position: absolute; width: 100%; height: 5px; bottom: 0; left: 0; background-color: #be0a26; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .5s; transition: all .5s; }
header nav#menu ul > li:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
header nav#menu ul > li a { display: flex; justify-content: center; color: inherit; text-align: center; text-decoration: none; align-items: center; opacity: 1; visibility: visible; }
header nav#menu ul > li span { font-size: 18px; align-items: center; justify-content: center; overflow-wrap: normal; }
header nav#menu ul > li span.iconeSVG { margin-right: 1em; }
header nav#menu ul > li label { display: flex; margin-top: unset; align-items: center; }
header nav#menu ul.level2 { position: absolute; list-style: none; display: none; top: 100%; background-color: transparent; visibility: hidden; opacity: 0; padding-left: 0; flex-direction: column; }
header nav#menu ul.level2.show { visibility: visible; opacity: 1; display: flex; }
header nav#menu ul.level2.admin li, header nav#menu ul.level2.admin li:hover { width: 31rem; }
header nav#menu ul.level2 li, header nav#menu ul.level2 li:hover { background-color: #ffffff; text-decoration: none; text-align: center; font-size: 20px; border: 2px solid #be0a26; clear: both; margin: -2px; width: 23rem; height: fit-content; }
header nav#menu ul.level2 li:before, header nav#menu ul.level2 li:hover:before { all: unset; }
header nav#menu ul.level2 li a, header nav#menu ul.level2 li a:hover, header nav#menu ul.level2 li:hover a, header nav#menu ul.level2 li:hover a:hover { color: inherit; display: block; text-decoration: none; font-size: 20px; padding: 0.7rem; width: 100%; }
header nav#menu ul.level2 li:hover { background-color: #ff768c; }
header nav#menu ul li:hover > ul, header nav#menu ul li ul:hover { visibility: visible; opacity: 1; display: flex; }
header nav#menu #toggle-offre:checked + li .chevronSVG, header nav#menu #toggle-planning:checked + li .chevronSVG, header nav#menu #toggle-stats:checked + li .chevronSVG, header nav#menu #toggle-admin:checked + li .chevronSVG, header nav#menu #toggle-pref:checked + li .chevronSVG, header nav#menu #toggle-param:checked + li .chevronSVG, header nav#menu #toggle-imp:checked + li .chevronSVG, header nav#menu #toggle-gest:checked + li .chevronSVG, header nav#menu #toggle-rep:checked + li .chevronSVG, header nav#menu #toggle-visu:checked + li .chevronSVG { transform: rotate(180deg); }
header nav#menu #toggle-offre:checked + li ul.level2, header nav#menu #toggle-planning:checked + li ul.level2, header nav#menu #toggle-stats:checked + li ul.level2, header nav#menu #toggle-admin:checked + li ul.level2, header nav#menu #toggle-pref:checked + li ul.level2, header nav#menu #toggle-param:checked + li ul.level2, header nav#menu #toggle-imp:checked + li ul.level2, header nav#menu #toggle-gest:checked + li ul.level2, header nav#menu #toggle-rep:checked + li ul.level2, header nav#menu #toggle-visu:checked + li ul.level2 { visibility: visible; opacity: 1; display: flex; }
header nav#menu #div-cartouche label { display: flex; justify-content: center; align-items: center; }
header nav#menu #div-cartouche label span span { display: none; }
header nav#menu #toggle-cartouche:checked + div#cartouche { display: block; }
header nav#menu div#cartouche label { display: block; }
header nav#menu div#cartouche label .a-like { color: #0048a0; text-decoration: underline; }
header nav#menu div#cartouche ul#listeServices { display: none; }
header nav#menu div#cartouche #toggle-services:checked + ul#listeServices { display: block; position: absolute; width: max-content; height: calc(100vh - 250px); max-height: 600px; overflow: auto; right: 0; text-align: left; flex-direction: column; }
header nav#menu div#cartouche #toggle-services:checked + ul#listeServices li { all: unset; display: block; list-style: none; font-size: 95%; }
header nav#menu div#cartouche #toggle-services:checked + ul#listeServices li:before { all: unset; }
header nav#menu div#cartouche #toggle-services:checked + ul#listeServices li ul { flex-direction: column; }
header nav#menu div#cartouche #toggle-services:checked + ul#listeServices li ul a { justify-content: unset; font-size: inherit; text-align: left; color: #0048a0; text-decoration: underline; margin-left: 1rem; width: fit-content; }
header a.connect { display: flex; align-items: center; justify-content: space-evenly; padding: 10px 0; text-decoration: none; font-size: 20px; max-height: 60px; width: 200px; z-index: 50; border-radius: 15px; text-align: left; }
header a.connect:hover svg .b-outline { fill: #000000; }
header h1.logo { max-height: 80px; max-width: 250px; }
header h1.logo a { max-height: inherit; text-decoration: none; }
header h1.logo a svg { max-height: inherit; }
header h1.logo a span { display: none; }
header.slideMenuON { background-color: transparent; border-bottom: none; transition: all .5s ease-in-out 0s; }
header.slideMenuON nav#menu { display: none; transition: transform .5s ease-in-out 0s; }
header.slideMenuON nav#menu.hide { display: none; }
header.slideMenuON nav#menu:not(#menu) { transform: translateY(-150%); }
header.slideMenuON .logo { display: none; }
header.slideMenuON div#cartouche { display: none; }
header.slideMenuOFF { transition: background-color .5s ease-in-out 0s; }
header.slideMenuOFF nav { transform: translateY(0); transition: transform .5s ease-in-out 0s; }
header.privee.slideMenuON { width: auto; }

/* Footer de la page */
footer { display: grid; grid-auto-columns: auto; grid-auto-rows: auto auto; width: 100%; border-top: 2px gray solid; margin-top: 2em; background-color: #ffffff; }
footer #footerInfos { display: flex; justify-content: center; flex-wrap: wrap-reverse; gap: 10%; }
footer .plan ul { list-style: none; }
footer .plan > ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem; }
footer .plan > ul .grida { grid-column: 1; grid-row: 1; }
footer .plan > ul .gridb { grid-column: 1; grid-row: 2; }
footer .plan > ul .gridc { grid-column: 1; grid-row: 3; }
footer .plan > ul .gridd { grid-column: 2; grid-row: 1; }
footer .plan > ul .gride { grid-column: 2; grid-row: 2; }
footer .plan a { color: inherit; }
footer div#demo { display: flex; flex-direction: column; margin: 0 1em; width: 100%; max-width: 500px; max-height: 100%; }
footer div#demo a { display: flex; flex-direction: column; align-items: center; font-weight: bold; color: inherit; text-align: center; }

#goTop { position: fixed; bottom: -80px; right: 40px; width: 60px; height: 60px; background: url("../images/flaticon/goTop.svg") center center no-repeat; border: none; outline: none; cursor: pointer; opacity: 0; z-index: 50; transition: all 0.2s ease-in-out 0s; }
#goTop.show { z-index: 50; transition: all 0.2s ease-in-out 0s; display: block; bottom: 40px; opacity: 1; }

/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2023
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d'enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l'autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 3/9/2023
 */
.flex1 { display: flex; }
.flex1.t1 { flex: 1; }
.flex1.t2 { flex: 2; }
.flex1.t3 { flex: 3; }
.flex1.t4 { flex: 4; }

.smallCaps { font-variant: small-caps; }

ul.support li { display: block; height: auto; flex: 1; background-color: #ffffff; }
ul.support li.fiche a { margin: 0.2em 0.5em; }
ul.support li a { color: inherit; }
ul.support li a:link { text-decoration: none; }
ul.support li a:hover { color: inherit; }
ul.support li a span.lib { text-decoration: underline; color: #0048a0; font-weight: bold; }
ul.support li a img.type { width: 2rem; }
ul.support li.card2 { -moz-border-radius: 1em / 1em; -webkit-border-radius: 1em 1em; border-radius: 1em / 1em; border: 1px solid #d5d5d5; }
ul.support li.card2 img { width: 5rem; margin-top: 0.625rem; }
ul.support li img.icone { width: 20px; height: auto; }
ul.support li.fiche { border: 1px solid #d5d5d5; }
ul.support li:hover { background-color: #d0ffd1; }
ul.support .ici { border: 3px solid #ffa81e; background-color: #FFEC97; }
ul.support li.card { border: none; border-radius: 3px; box-shadow: 0 0 10px 0 #767676; background-color: #ffffff; height: fit-content; }
ul.support li.card div.titre { flex: 1; }
ul.support li.card .bordg-0 { border-left: 3px solid #be0a26; }
ul.support li.card .bordg-1 { border-left: 3px solid #0048a0; }
ul.support li.card .bordg-2 { border-left: 3px solid #1e584d; }
ul.support li.card ul { width: 100%; display: block; }
ul.support li.card ul.hidden { display: none; }
ul.support li.card ul.show { display: block; }
ul.support li.card ul li:hover { background-color: #ffa81e55; cursor: pointer; }
ul.support li.card .fleche { max-width: 3em; min-width: 1em; width: 100%; }
ul.support li.card .fleche.rotate180 { transform: rotate(180deg); }
ul.support li.card .deplier:active + .hidden, ul.support li.card .deplier:focus + .hidden { display: block; transition: display 0.5s; }
ul.support li.card .deplier:hover { background-color: #d0ffd1; cursor: pointer; }

ul.motsclefs li { display: inline-block; list-style-image: none; list-style-type: none; margin: 2px 0.5em; padding: 2px 0.5em; background-color: #ffa81e; color: #ffffff; min-width: 5em; -moz-border-radius: 12px / 12px; -webkit-border-radius: 12px 12px; border-radius: 12px / 12px; text-align: center; }
ul.motsclefs li.nonvisible { background-color: #645000; }
ul.motsclefs li a { color: #ffffff; color: inherit; text-decoration: inherit; cursor: inherit; }
ul.motsclefs li a:active, ul.motsclefs li a:focus { outline: none; }

span.motsclefs { display: inline-block; list-style-image: none; list-style-type: none; font-max-size: 2.0rem; font-variant: common-ligatures !important; margin: 0 0.5em; padding: 0 0.5em; background-color: #ffa81e; color: #ffffff; min-width: 5em; -moz-border-radius: 18px / 18px; -webkit-border-radius: 18px 18px; border-radius: 18px / 18px; text-align: center; }
span.motsclefs.nonvisible { background-color: #645000; }

div.support span.todo { background-color: #f9dc5c; padding: 0.5em 0.2em 0.1em; }
div.support img { vertical-align: middle; max-width: 66%; display: block; margin: 1em auto; border: 1px solid #be0a26; border-radius: 3px; box-shadow: 0 0 10px 0 #767676; width: auto; height: auto; }
div.support img.inline { display: inline; }
div.support img.left { float: left; }
div.support img.right { float: right; }
div.support img.left6 { float: left; max-width: 6rem; height: auto; margin-right: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }
div.support img.border-none { border: none; box-shadow: none; }
div.support img.taille-0 { max-width: 0; }
div.support img.taille-1 { max-width: 1rem; }
div.support img.taille-2 { max-width: 5rem; }
div.support img.taille-3 { max-width: 10rem; }
div.support img.taille-4 { max-width: 15rem; }
div.support img.taille-5 { max-width: 20rem; }
div.support img.zoomh-0 { max-width: 0; max-height: inherit; }
div.support img.zoomv-0 { max-height: 0; max-width: inherit; }
div.support img.zoomh-15 { max-width: 15%; max-height: inherit; }
div.support img.zoomv-15 { max-height: 15%; max-width: inherit; }
div.support img.zoomh-25 { max-width: 25%; max-height: inherit; }
div.support img.zoomv-25 { max-height: 25%; max-width: inherit; }
div.support img.zoomh-33 { max-width: 33%; max-height: inherit; }
div.support img.zoomv-33 { max-height: 33%; max-width: inherit; }
div.support img.zoomh-50 { max-width: 50%; max-height: inherit; }
div.support img.zoomv-50 { max-height: 50%; max-width: inherit; }
div.support img.zoomh-66 { max-width: 66%; max-height: inherit; }
div.support img.zoomv-66 { max-height: 66%; max-width: inherit; }
div.support img.zoomh-75 { max-width: 75%; max-height: inherit; }
div.support img.zoomv-75 { max-height: 75%; max-width: inherit; }
div.support img.zoomh-100 { max-width: 100%; max-height: inherit; }
div.support img.zoomv-100 { max-height: 100%; max-width: inherit; }
div.support img.icone { max-width: 2rem; margin: 2px 0; border: none; box-shadow: none; display: inline; }
div.support img.rotate90 { transform: rotate(90deg); }
div.support img.rotate180 { transform: rotate(180deg); }
div.support img.rotate270 { transform: rotate(270deg); }
div.support h2, div.support h3, div.support h4, div.support h5 { clear: both; }
div.support div.inline { text-align: center; }
div.support div.inline img { display: inline; }
div.support blockquote, div.support pre { padding: 0.3em; margin-right: 3em; margin-left: 3em; -moz-box-shadow: #767676 0px 0px 10px; -webkit-box-shadow: #767676 0px 0px 10px; box-shadow: #767676 0px 0px 10px; }
div.support blockquote { border-left: 2px solid #be0a26; background: whitesmoke url("../images/flaticon/citation-filigrane.svg") no-repeat scroll right bottom; }
div.support pre { border-left: 2px solid #0048a0; background-color: #fffbea; }
div.support.solution dl dt { font-weight: bold; }
div.support.solution dl dd { font-style: italic; font-weight: normal; margin-bottom: 0.4em; }
div.support.chapeau { font-style: italic; margin-top: 2rem; }
div.support h6 { font-size: 1.8rem; }

body.typeACT div.support, body.typeFOR div.support, body.typeFAQ div.support { counter-reset: h4 h5 h6; }
body.typeACT div.support h3, body.typeFOR div.support h3, body.typeFAQ div.support h3 { counter-reset: h4 h5 h6; }
body.typeACT div.support h4, body.typeFOR div.support h4, body.typeFAQ div.support h4 { counter-reset: h5 h6; }
body.typeACT div.support h4:before, body.typeFOR div.support h4:before, body.typeFAQ div.support h4:before { content: counter(h4) " - "; counter-increment: h4; }
body.typeACT div.support h5, body.typeFOR div.support h5, body.typeFAQ div.support h5 { counter-reset: h6; margin-left: 2rem; }
body.typeACT div.support h5:before, body.typeFOR div.support h5:before, body.typeFAQ div.support h5:before { content: counter(h4) ". " counter(h5) " - "; counter-increment: h5; }
body.typeACT div.support h6, body.typeFOR div.support h6, body.typeFAQ div.support h6 { margin-left: 4rem; }
body.typeACT div.support h6:before, body.typeFOR div.support h6:before, body.typeFAQ div.support h6:before { content: counter(h4) ". " counter(h5) ". " counter(h6,lower-roman) " - "; counter-increment: h6; }

div#video { text-align: center; margin: auto; }
div#video iframe { border: 2px solid #be0a26; background-color: #ffffff; padding: 5px 4px; border-radius: 12px; box-shadow: 0 0 10px 0 #767676; width: 680px; height: 400px; }

p.proprietes img.icone { width: 2.5rem; height: auto; }

form input[readonly] { color: #d5d5d5; font-style: italic; }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
/* Navigation du calendrier */
div.navCalendrier { text-align: center; font-size: 90%; margin-top: 1em; }
div.navCalendrier ul { padding: 0; min-width: 80em; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
div.navCalendrier ul li { list-style-image: none; list-style-type: none; margin-left: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; white-space: nowrap; border: 1px solid #ccc; width: 5.7em; background-color: #ffffff; }
div.navCalendrier ul li a { text-decoration: none; display: block; width: auto; }
div.navCalendrier ul li:hover { background-color: #e7e7ff; }
div.navCalendrier ul li.aujourdhui { background-color: #fffd7c; }
div.navCalendrier ul li.f { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto 0 auto 1rem; }
div.navCalendrier.mini li { width: 1.5em; }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2023
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d'enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l'autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 9/11/2023
 */
@-moz-keyframes survol { 0% { color: #be0a26; }
  100% { @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { color: #000000; }
    @media (prefers-color-scheme: dark) { color: #ffffff; } } }
@-webkit-keyframes survol { 0% { color: #be0a26; }
  100% { @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { color: #000000; }
    @media (prefers-color-scheme: dark) { color: #ffffff; } } }
@keyframes survol { 0% { color: #be0a26; }
  100% { @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { color: #000000; }
    @media (prefers-color-scheme: dark) { color: #ffffff; } } }
@-moz-keyframes survol-ligne { 0% { background-color: #e7e7ff !important; }
  100% { background-color: inherit; } }
@-webkit-keyframes survol-ligne { 0% { background-color: #e7e7ff !important; }
  100% { background-color: inherit; } }
@keyframes survol-ligne { 0% { background-color: #e7e7ff !important; }
  100% { background-color: inherit; } }
body#main table tr.hier td, body#main table tr.hier th { color: #767676 !important; font-size: 90% !important; }

table { empty-cells: show; margin: 1em auto auto; border-collapse: collapse; border: 0.5px solid #000000; max-width: 100%; width: auto; background-color: #ffffff; line-height: 1; table-layout: fixed; hyphens: none; word-wrap: break-word; -moz-box-shadow: #767676 0px 0px 10px; -webkit-box-shadow: #767676 0px 0px 10px; box-shadow: #767676 0px 0px 10px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
table tbody, table tr, table th { background-color: inherit; }
table th, table td { padding: 2px; line-height: 1.5em; vertical-align: middle; text-align: center; }
table thead th, table tfoot th { background-color: #ffffff; font-weight: bold; font-size: 110%; }
table tbody tr.rappel th, table tbody tr.rappel td { background-color: #ffffff; font-weight: bold; }
table tbody tr th { text-align: left; font-weight: normal; }
table tr.pair { background-color: #fff9e0; }
table tr.impair { background-color: #ffffff; }
table tr.mvt th span.nom, table tr.mvt td span.nom { background-color: #FFEC97; border: 2px solid #be0a26; padding: 0 3px 2px 0; -moz-border-radius: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; }
table td.jour6.interdit, table td.jour7.interdit, table td.ferie.interdit td.jour0.interdit { background-color: #d5d5d5; }
table tr.jour0, table th.jour0, table td.jour0, table tr.jour6, table th.jour6, table td.jour6, table tr.jour7, table th.jour7, table td.jour7, table tr.ferie, table th.ferie, table td.ferie { background-color: #9999ff; }
table td.jour, table td.separateur, table td.vide { background-color: transparent; }
table caption { display: none; }
table td.modifie { border: 3px solid #be0a26; background-color: #9eeef3; }

table.planning { font-size: 90%; border-width: 1px; table-layout: fixed !important; /* Pour les archives, les week-end sont en gris */ /* Ses propres gardes */ }
table.planning tr th.jour { border-style: solid; border-color: #000000; }
table.planning tr td { border-style: solid; border-color: #c1c1c1; }
table.planning tr.premier, table.planning tr.premier td { border-top-style: solid; border-top-color: #000000; }
table.planning tr.dernier, table.planning tr.dernier td { border-bottom-style: solid; border-bottom-color: #000000; }
table.planning tr.jour1.premier, table.planning tr.jour1.ligne1 { border-top: 2px solid #000000; }
table.planning tr.premier.dernier td { border: 1px solid #000000; }
table.planning tr.aujourdhui, table.planning tr.aujourdhui td.titre { background-color: #fffd7c; font-size: 110%; }
table.planning tbody tr:hover *, table.planning tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.planning tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.planning { border-collapse: separate; border-spacing: 0; }
table.planning thead { position: sticky; top: 0; z-index: 5; }
table.planning tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.planning tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.planning tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.planning tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.planning tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.planning tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.planning tr { height: 2.8em; }
table.planning td { padding-top: 0; padding-bottom: 0; }
table.planning td span.min { font-size: 75%; font-style: italic; }
table.planning td.titre { font-weight: bold; text-align: right; border: 1px solid #000000; }
table.planning td.nonvalide { background: url("../images/fond-barre.png") repeat scroll 0 0 #ffffff; }
body#planningarchive table.planning tr.jour6, body#planningarchive table.planning td.jour6, body#planningarchive table.planning th.jour6, body#planningarchive table.planning tr.jour7, body#planningarchive table.planning td.jour7, body#planningarchive table.planning th.jour7, body#planningarchive table.planning tr.ferie, body#planningarchive table.planning td.ferie, body#planningarchive table.planning th.ferie, body#planningarchive table.planning td.jour0 { background-color: #e1e1e1; }
table.planning tbody td.moi, table.planning li.moi { font-weight: bold; background-color: #ffa81e; color: initial; }

table.generation, table.nouvplan { font-size: 90%; border-width: 1px; }
table.generation tr th.jour, table.nouvplan tr th.jour { border-style: solid; border-color: #000000; }
table.generation tr td, table.nouvplan tr td { border-style: solid; border-color: #c1c1c1; }
table.generation tr.premier, table.nouvplan tr.premier, table.generation tr.premier td, table.nouvplan tr.premier td { border-top-style: solid; border-top-color: #000000; }
table.generation tr.dernier, table.nouvplan tr.dernier, table.generation tr.dernier td, table.nouvplan tr.dernier td { border-bottom-style: solid; border-bottom-color: #000000; }
table.generation tr.jour1.premier, table.nouvplan tr.jour1.premier, table.generation tr.jour1.ligne1, table.nouvplan tr.jour1.ligne1 { border-top: 2px solid #000000; }
table.generation tr.premier.dernier td, table.nouvplan tr.premier.dernier td { border: 1px solid #000000; }
table.generation tbody tr:hover *, table.nouvplan tbody tr:hover *, table.generation tbody tr:hover * *, table.nouvplan tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.generation tbody tr:hover th.statut, table.nouvplan tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.generation tbody td.tag0, table.nouvplan tbody td.tag0 { background-color: #ffa81e !important; }
table.generation tbody td.tag10, table.nouvplan tbody td.tag10 { background-color: #1e75ff !important; }
table.generation tbody td.tag1, table.nouvplan tbody td.tag1 { background-color: #ff768c !important; }
table.generation tbody td.tag11, table.nouvplan tbody td.tag11 { background-color: #76ffe9 !important; }
table.generation tbody td.tag2, table.nouvplan tbody td.tag2 { background-color: #583ec8 !important; }
table.generation tbody td.tag12, table.nouvplan tbody td.tag12 { background-color: #aec83e !important; }
table.generation tbody td.tag3, table.nouvplan tbody td.tag3 { background-color: #008000 !important; }
table.generation tbody td.tag13, table.nouvplan tbody td.tag13 { background-color: purple !important; }
table.generation tbody td.tag4, table.nouvplan tbody td.tag4 { background-color: #be0a26 !important; }
table.generation tbody td.tag14, table.nouvplan tbody td.tag14 { background-color: #0abea2 !important; }
table.generation tbody td.tag5, table.nouvplan tbody td.tag5 { background-color: #e948d4 !important; }
table.generation tbody td.tag15, table.nouvplan tbody td.tag15 { background-color: #48e95d !important; }
table.generation tbody td.tag6, table.nouvplan tbody td.tag6 { background-color: #fffd7c !important; }
table.generation tbody td.tag16, table.nouvplan tbody td.tag16 { background-color: #7c7eff !important; }
table.generation tbody td.tag7, table.nouvplan tbody td.tag7 { background-color: #852053 !important; }
table.generation tbody td.tag17, table.nouvplan tbody td.tag17 { background-color: #208552 !important; }
table.generation tbody td.tag8, table.nouvplan tbody td.tag8 { background-color: #1effff !important; }
table.generation tbody td.tag18, table.nouvplan tbody td.tag18 { background-color: #ff1e1e !important; }
table.generation tbody td.tag9, table.nouvplan tbody td.tag9 { background-color: #BFDFB9 !important; }
table.generation tbody td.tag19, table.nouvplan tbody td.tag19 { background-color: #d9b9df !important; }
table.generation, table.nouvplan { border-collapse: separate; border-spacing: 0; }
table.generation thead, table.nouvplan thead { position: sticky; top: 0; z-index: 5; }
table.generation tr.headPlanning, table.nouvplan tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.generation tbody th:first-child, table.nouvplan tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.generation tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.nouvplan tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.generation tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]), table.nouvplan tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.generation tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.nouvplan tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.generation tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]), table.nouvplan tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.generation tr.headPlanning th, table.nouvplan tr.headPlanning th { text-align: center; }
table.generation td, table.nouvplan td { padding: 0.3em; white-space: nowrap; }
table.generation td img, table.nouvplan td img { max-width: none; }
table.generation td.non, table.nouvplan td.non { background-color: #d5d5d5 !important; color: #000000; }
table.generation td.genere, table.nouvplan td.genere { border: 4px solid red; }
table.generation td span.min, table.nouvplan td span.min { font-size: 75%; font-style: italic; }
table.generation td.nonvalide, table.nouvplan td.nonvalide { background-size: 10px 10px; background: linear-gradient(135deg, #d5d5d5 3.75%, #ffffff 3.75%, #ffffff 46.25%, #d5d5d5 46.25%, #d5d5d5 53.75%, #ffffff 53.75%, #ffffff 96.25%, #d5d5d5 96.25%) 10px 10px; color: #000000; }
table.generation td.encadree, table.nouvplan td.encadree { border-color: #ff768c; border-width: 4px !important; }
table.generation th, table.nouvplan th { font-weight: bold; }

table.maj tr.aujourdhui, table.maj tr.aujourdhui td.titre { background-color: #fffd7c; font-size: 110%; }
table.maj td.nonvalide { background: url("../images/fond-barre.png") repeat scroll 0 0 #ffffff; }
table.maj.generation td, table.maj.nouvplan td { font-size: 100%; }
table.maj.generation td a, table.maj.nouvplan td a { font-size: 90%; }

table.semaine tr th.jour { border-style: solid; border-color: #000000; }
table.semaine tr td { border-style: solid; border-color: #c1c1c1; }
table.semaine tr.premier, table.semaine tr.premier td { border-top-style: solid; border-top-color: #000000; }
table.semaine tr.dernier, table.semaine tr.dernier td { border-bottom-style: solid; border-bottom-color: #000000; }
table.semaine tr.jour1.premier, table.semaine tr.jour1.ligne1 { border-top: 2px solid #000000; }
table.semaine tr.premier.dernier td { border: 1px solid #000000; }
table.semaine { border-collapse: separate; border-spacing: 0; }
table.semaine thead { position: sticky; top: 0; z-index: 5; }
table.semaine tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.semaine tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.semaine tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.semaine tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.semaine tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.semaine tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.semaine tr.headPlanning th { text-align: center; }
table.semaine td span.hor { font-style: italic; font-size: 90%; }
table.semaine td span.actions { opacity: 0.2; transition: all 1s ease 0.5s; }
table.semaine td:hover span.actions { opacity: 1; transition: all 0.3s ease 0.2s; }
table.semaine td.inactif { background-color: #ffffff; color: rgba(0, 0, 0, 0.5); font-size: 90%; font-style: italic; transition: all 3s ease 0s; }
table.semaine th { font-weight: bold; }

table.liste tr:hover td, table.liste tr:hover td.pair { background-color: #e7e7ff; }

table.calendrier, table.planningperso { /* Exceptions pour l'ombre des tableaux */ -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; border: 0.5px solid #000000; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
table.calendrier tr.aujourdhui, table.planningperso tr.aujourdhui, table.calendrier tr.aujourdhui td.titre, table.planningperso tr.aujourdhui td.titre { background-color: #fffd7c; font-size: 110%; }
table.calendrier td:hover, table.planningperso td:hover { background-color: #e7e7ff; }
table.calendrier, table.planningperso { border-collapse: separate; border-spacing: 0; }
table.calendrier thead, table.planningperso thead { position: sticky; top: 0; z-index: 5; }
table.calendrier tr.headPlanning, table.planningperso tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.calendrier thead th, table.planningperso thead th { border-style: solid; border-color: #000000; }
table.calendrier tbody, table.planningperso tbody { background-color: #ffffff; }
table.calendrier tbody td, table.planningperso tbody td { border: 0.5px solid #aaaaaa; height: 4.8em; min-width: 8.5em; text-align: left; vertical-align: top; /* Evenements du calendrier */ /* Postes dans un autre service du calendrier */ }
table.calendrier tbody td.jour0, table.planningperso tbody td.jour0, table.calendrier tbody td.jour6, table.planningperso tbody td.jour6, table.calendrier tbody td.ferie, table.planningperso tbody td.ferie { border-color: gray; }
table.calendrier tbody td.blanc, table.planningperso tbody td.blanc { border-color: #dddddd; }
table.calendrier tbody td img.creat3, table.planningperso tbody td img.creat3 { background-color: #f9dc5c; }
table.calendrier tbody td img.jour0.creat3, table.planningperso tbody td img.jour0.creat3, table.calendrier tbody td img.jour6.creat3, table.planningperso tbody td img.jour6.creat3, table.calendrier tbody td img.jour7.creat3, table.planningperso tbody td img.jour7.creat3 { background-color: #d4bb4e; }
table.calendrier tbody td img.creat2, table.planningperso tbody td img.creat2 { background-color: #fdf1be; }
table.calendrier tbody td img.jour0.creat2, table.planningperso tbody td img.jour0.creat2, table.calendrier tbody td img.jour6.creat2, table.planningperso tbody td img.jour6.creat2, table.calendrier tbody td img.jour7.creat2, table.planningperso tbody td img.jour7.creat2 { background-color: #e4d9ab; }
table.calendrier tbody td img.creat1, table.planningperso tbody td img.creat1 { background-color: #fefae7; }
table.calendrier tbody td img.jour0.creat1, table.planningperso tbody td img.jour0.creat1, table.calendrier tbody td img.jour6.creat1, table.planningperso tbody td img.jour6.creat1, table.calendrier tbody td img.jour7.creat1, table.planningperso tbody td img.jour7.creat1 { background-color: #d8d5c4; }
table.calendrier tbody td span.jour, table.planningperso tbody td span.jour { box-sizing: border-box; display: block; width: 100%; padding: 0 0 0 4px; margin-bottom: 6px; border-width: 2px; border-style: solid; border-color: transparent; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
table.calendrier tbody td.avant, table.planningperso tbody td.avant, table.calendrier tbody td.apres, table.planningperso tbody td.apres { background-color: #e1e1e1; }
table.calendrier tbody td.avant.jour6, table.planningperso tbody td.avant.jour6, table.calendrier tbody td.avant.ferie, table.planningperso tbody td.avant.ferie, table.calendrier tbody td.avant.jour0, table.planningperso tbody td.avant.jour0, table.calendrier tbody td.apres.jour6, table.planningperso tbody td.apres.jour6, table.calendrier tbody td.apres.ferie, table.planningperso tbody td.apres.ferie, table.calendrier tbody td.apres.jour0, table.planningperso tbody td.apres.jour0 { background-color: #d5d5d5; }
table.calendrier tbody td.vide, table.planningperso tbody td.vide { border: none; background-color: transparent; }
table.calendrier tbody td.vide:hover, table.planningperso tbody td.vide:hover { background-color: inherit; }
table.calendrier tbody td.garde, table.planningperso tbody td.garde { background-color: #FFEC97; }
table.calendrier tbody td.aujourdhui, table.planningperso tbody td.aujourdhui { background-color: #fffd7c; }
table.calendrier tbody td span.vacances, table.planningperso tbody td span.vacances { background-color: #f3d49d; border-color: #ffa81e; }
table.calendrier tbody td span.apresmois, table.planningperso tbody td span.apresmois, table.calendrier tbody td span.avantmois, table.planningperso tbody td span.avantmois { color: #767676; }
table.calendrier tbody td.examine, table.planningperso tbody td.examine { border: 5px solid #ff768c; }
table.calendrier tbody td div.desiderata, table.planningperso tbody td div.desiderata { display: flex; text-align: center; justify-content: center; }
table.calendrier tbody td div.desiderata div.alternanceImposee, table.planningperso tbody td div.desiderata div.alternanceImposee { border-color: #be0a26; border-width: 2px; border-style: solid; background-color: #FFF5FF; }
table.calendrier tbody td div.desiderata div.alternanceImposee, table.planningperso tbody td div.desiderata div.alternanceImposee { background-image: url("../images/flaticon/dispo-19.svg"); background-repeat: no-repeat; background-position: 5px center; background-size: 16px; }
table.calendrier tbody td span.aidememoire, table.planningperso tbody td span.aidememoire { font-size: 90%; color: #0048a0; font-style: italic; }
table.calendrier tbody td span.ferie, table.planningperso tbody td span.ferie { font-size: 90%; color: #0048a0; }
table.calendrier tbody td ul.evenements, table.planningperso tbody td ul.evenements { margin: 0; padding: 0; }
table.calendrier tbody td ul.evenements li, table.planningperso tbody td ul.evenements li { list-style: none; font-size: 90%; font-style: italic; text-align: center; }
table.calendrier tbody td span.posteAilleurs, table.planningperso tbody td span.posteAilleurs { display: block; font-size: 70%; font-style: italic; font-weight: bold; text-align: left; }
table.calendrier tbody td ul.posteAilleurs, table.planningperso tbody td ul.posteAilleurs { margin: 0; padding: 0; }

table.planningperso tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.planningperso tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.planningperso tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.planningperso tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.planningperso tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.planningperso td { height: 7em; }
table.planningperso span.horaires { font-size: 80%; }

table.statistiques, table.annuaire, table.planrouge { /* Verrou de génération */ }
table.statistiques tbody tr:hover *, table.annuaire tbody tr:hover *, table.planrouge tbody tr:hover *, table.statistiques tbody tr:hover * *, table.annuaire tbody tr:hover * *, table.planrouge tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.statistiques tbody tr:hover th.statut, table.annuaire tbody tr:hover th.statut, table.planrouge tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.statistiques, table.annuaire, table.planrouge { border-collapse: separate; border-spacing: 0; }
table.statistiques thead, table.annuaire thead, table.planrouge thead { position: sticky; top: 0; z-index: 5; }
table.statistiques tr.headPlanning, table.annuaire tr.headPlanning, table.planrouge tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.statistiques tbody th:first-child, table.annuaire tbody th:first-child, table.planrouge tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.statistiques tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.annuaire tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.planrouge tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.statistiques tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]), table.annuaire tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]), table.planrouge tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.statistiques tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.annuaire tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.planrouge tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.statistiques tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]), table.annuaire tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]), table.planrouge tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.statistiques th.triage, table.annuaire th.triage, table.planrouge th.triage { background-color: #e7e7ff; border: 3px solid; color: #000000; }
table.statistiques, table.annuaire, table.planrouge, table.statistiques thead tr th, table.annuaire thead tr th, table.planrouge thead tr th, table.statistiques tbody tr th, table.annuaire tbody tr th, table.planrouge tbody tr th, table.statistiques tbody tr td, table.annuaire tbody tr td, table.planrouge tbody tr td { border-style: solid; border-color: #000000; }
table.statistiques thead, table.annuaire thead, table.planrouge thead { background-color: #e7e7ff; }
table.statistiques tbody th, table.annuaire tbody th, table.planrouge tbody th { font-size: 110%; vertical-align: middle; border: 0.5px solid #aaaaaa; }
table.statistiques tbody th.cumul, table.annuaire tbody th.cumul, table.planrouge tbody th.cumul { background-color: #F4FFFD; font-style: italic; }
table.statistiques tbody th.statut, table.annuaire tbody th.statut, table.planrouge tbody th.statut { font-weight: bold; text-align: center; background-color: #ffffff; }
table.statistiques tbody td, table.annuaire tbody td, table.planrouge tbody td { border: 0.5px solid #aaaaaa; }
table.statistiques tbody td div.barres, table.annuaire tbody td div.barres, table.planrouge tbody td div.barres { line-height: 8px; }
table.statistiques tbody td.jour, table.annuaire tbody td.jour, table.planrouge tbody td.jour { background-color: #f3d49d; }
table.statistiques tbody td.cp, table.annuaire tbody td.cp, table.planrouge tbody td.cp { background-color: #9eeef3; }
table.statistiques tbody td.plus, table.annuaire tbody td.plus, table.planrouge tbody td.plus { background-color: #ff768c; }
table.statistiques tbody td.trop, table.annuaire tbody td.trop, table.planrouge tbody td.trop { color: #be0a26; font-weight: bolder; font-size: 110%; }
table.statistiques tbody td.trop:after, table.annuaire tbody td.trop:after, table.planrouge tbody td.trop:after { content: " !!!"; }
table.statistiques tbody td.cumul, table.annuaire tbody td.cumul, table.planrouge tbody td.cumul { background-color: #F4FFFD; font-style: italic; font-size: 90%; }
table.statistiques tbody td.lvl1, table.annuaire tbody td.lvl1, table.planrouge tbody td.lvl1 { background-color: #f9dc5c; }
table.statistiques tbody td.lvl2, table.annuaire tbody td.lvl2, table.planrouge tbody td.lvl2 { background-color: #ffa81e; }
table.statistiques tbody td.lvl3, table.annuaire tbody td.lvl3, table.planrouge tbody td.lvl3 { background-color: #ff6947; }
table.statistiques tbody td.lvl4, table.annuaire tbody td.lvl4, table.planrouge tbody td.lvl4 { background-color: #ff2222; }
table.statistiques tbody tr.pair td.jour, table.annuaire tbody tr.pair td.jour, table.planrouge tbody tr.pair td.jour { background-color: #dbbf8d; }
table.statistiques tbody tr.pair td.cumul, table.annuaire tbody tr.pair td.cumul, table.planrouge tbody tr.pair td.cumul { background-color: #dbfff8; }
table.statistiques tbody tr.pair td.cp, table.annuaire tbody tr.pair td.cp, table.planrouge tbody tr.pair td.cp { background-color: #8ed6db; }
table.statistiques tbody tr.pair td.pair, table.annuaire tbody tr.pair td.pair, table.planrouge tbody tr.pair td.pair { background-color: #f7e1ba; }
table.statistiques tbody tr.impair td.impair, table.annuaire tbody tr.impair td.impair, table.planrouge tbody tr.impair td.impair { background-color: #faecd3; }
table.statistiques tbody tr.voir, table.annuaire tbody tr.voir, table.planrouge tbody tr.voir { background-color: #9999ff; }
table.statistiques tbody tr.voir th, table.annuaire tbody tr.voir th, table.planrouge tbody tr.voir th, table.statistiques tbody tr.voir td, table.annuaire tbody tr.voir td, table.planrouge tbody tr.voir td { background-color: #9999ff; }
table.statistiques thead th, table.annuaire thead th, table.planrouge thead th, table.statistiques tbody tr.rappel, table.annuaire tbody tr.rappel, table.planrouge tbody tr.rappel { text-align: center; padding: 3px; }
table.statistiques tbody .verrou, table.annuaire tbody .verrou, table.planrouge tbody .verrou { background-color: #e1e1e1; font-size: 80%; }
table.statistiques tbody .verrou th, table.annuaire tbody .verrou th, table.planrouge tbody .verrou th { font-style: italic; text-decoration: line-through; }
table.statistiques tbody .verrou:hover td, table.annuaire tbody .verrou:hover td, table.planrouge tbody .verrou:hover td, table.statistiques tbody .verrou:hover th, table.annuaire tbody .verrou:hover th, table.planrouge tbody .verrou:hover th { background-color: #e7e7ff; }
table.statistiques.annuelles thead tr th, table.annuelles.annuaire thead tr th, table.annuelles.planrouge thead tr th { min-width: 90px; }

ul.legende li { text-align: left; }
ul.legende li svg.barreb rect { fill: #55A2FF; }
ul.legende li svg.barrev rect { fill: #00e000; }
ul.legende li svg.barreo rect { fill: #ffa81e; }
ul.legende li svg.barrer rect { fill: #f32243; }

table.vacances, table.annuaire, table.planrouge { max-width: 700px; width: 60%; }
table.vacances thead, table.annuaire thead, table.planrouge thead { background-color: #e7e7ff; }

table.planrouge { width: 90%; max-width: 900px; }
table.planrouge span.min { font-size: 75%; font-style: italic; }

table.liste tbody tr:hover *, table.liste tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.liste tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.liste { border-collapse: separate; border-spacing: 0; }
table.liste thead { position: sticky; top: 0; z-index: 5; }
table.liste tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.liste tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.liste tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.liste tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.liste tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.liste tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.liste th#nom { min-width: 10em; }
table.liste th.statut { text-align: center; font-weight: bold; }
table.liste thead { background-color: #e7e7ff; }
table.liste thead th, table.liste thead td { border: 1px solid #000000; }
table.liste tbody tr th span.participe { font-size: 75%; }
table.liste tbody tr th:first-child { min-width: 18em; }
table.liste tbody tr th:last-child { min-width: 18em; }
table.liste tbody tr.nonactif th span.nom { text-decoration: line-through; }
table.liste tbody tr.accesSupprime.pair { background-color: #ccc7b3; }
table.liste tbody tr.accesSupprime.impair { background-color: #cccccc; }
table.liste tbody tr.statut200.pair, table.liste tbody tr.statut205.pair, table.liste tbody tr.statut210.pair { background-color: #b0d6ff; }
table.liste tbody tr.statut200.impair, table.liste tbody tr.statut205.impair, table.liste tbody tr.statut210.impair { background-color: #d8ebff; }
table.liste tbody tr td { border: 0.5px solid #aaaaaa; }
table.liste tbody tr td a.groupeposte { display: block; }
table.liste tbody tr td span { font-size: 12px; }

table.activites tr:hover td.jour6, table.activites tr:hover td.jour7, table.activites tr:hover td.jour0, table.activites tr:hover td.ferie { background-color: #a8a8ff !important; }
table.activites tr:hover td, table.activites tr:hover td.pair { background-color: #e7e7ff; }
table.activites tbody tr:hover th { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.activites tbody tr:hover th.statut { -moz-animation: survol-ligne 0s; -webkit-animation: survol-ligne 0s; animation: survol-ligne 0s; }
table.activites { border-collapse: separate; border-spacing: 0; }
table.activites thead { position: sticky; top: 0; z-index: 5; }
table.activites tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.activites tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.activites tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.activites tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.activites tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.activites tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.activites th.triage { background-color: #e7e7ff; border: 3px solid; color: #000000; }
table.activites thead, table.activites tfoot { background-color: #e7e7ff; }
table.activites thead th.jour1.ferie, table.activites thead th.jour2.ferie, table.activites thead th.jour3.ferie, table.activites thead th.jour4.ferie, table.activites thead th.jour5.ferie, table.activites tfoot th.jour1.ferie, table.activites tfoot th.jour2.ferie, table.activites tfoot th.jour3.ferie, table.activites tfoot th.jour4.ferie, table.activites tfoot th.jour5.ferie { background-color: #9999ff; }
table.activites td, table.activites th { border-style: solid; white-space: nowrap; min-width: 75px; }
table.activites td.statut, table.activites th.statut { font-weight: bold; text-align: center; }
table.activites tr td.desclin, table.activites tr:hover td.desclin { background-color: #ff768c; }
table.activites td { line-height: 1.4em; }
table.activites td p { display: inline-block; margin: 2px; line-height: 0; }
table.activites td.statut { font-weight: bold; text-align: center; background-color: #ffffff; }
table.activites td.interdit { background-color: #e1e1e1; }
table.activites td.interdit.ferie, table.activites td.interdit.jour0, table.activites td.interdit.jour6, table.activites td.interdit.jour7 { background-color: #767676; }
table.activites td div.grillePostes { display: grid; align-items: center; justify-items: flex-end; padding: 3px 1px; }
table.activites td div.grillePostes span.vi { width: 100%; }
table.activites td div.grillePostes div.actiAilleurs { border: 1px solid #000000; height: 16px; width: 100%; -moz-border-radius: 5px 5x; -webkit-border-radius: 5px; border-radius: 5px 5x; }
table.activites td div.grillePostes div.actiAilleurs.autreServiceJL, table.activites td div.grillePostes div.actiAilleurs.autreServiceJ { background-color: #767676; }
table.activites td div.grillePostes div.actiAilleurs.autreServiceN { background-color: #ff768c; }
table.activites td div.grilleDesiderata { display: grid; justify-items: center; padding: 3px 1px; }
table.activites img.des { transition: all 2s ease 0s; }
table.activites img.des.estompe { opacity: 0.20; }
table.activites tbody tr:hover td.avalid.jour6, table.activites tbody tr:hover td.avalid.jour7, table.activites tbody tr:hover td.avalid.jour0, table.activites tbody tr:hover td.avalid.ferie { background-color: #1fff75 !important; }
table.activites div.alternanceImposee { border-color: #be0a26; border-width: 2px; border-style: solid; background-color: #FFF5FF; }
table.activites.transpose thead th { font-size: unset; padding: 0 5px; white-space: normal; }
table.activites.transpose td.pair, table.activites.transpose thead th.pair { background-color: #fff9e0; }
table.activites.transpose td.pair.ferie, table.activites.transpose td.pair.jour0, table.activites.transpose td.pair.jour6, table.activites.transpose td.pair.jour7, table.activites.transpose thead th.pair.ferie, table.activites.transpose thead th.pair.jour0, table.activites.transpose thead th.pair.jour6, table.activites.transpose thead th.pair.jour7 { background-color: #a3a3ff; }

table.activites td span.vi, ul.legende span.vi, table.liste td[headers="icone"] span.vi { font-size: 12px; font-weight: 700; }

table#connexions { float: left; margin: 2em; min-width: 200px; }
table#connexions tbody tr:hover *, table#connexions tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table#connexions tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table#connexions th { vertical-align: top; }

table.rdes { box-shadow: none; float: left; margin-right: 5px; border-collapse: separate; border-spacing: 0; border: none; background-color: transparent; }
table.rdes tr { -moz-border-radius: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; }
table.rdes tr:hover { background-color: #FFEC97; }
table.rdes th { font-weight: normal; }
table.rdes th.alternanceImposeeIcone { background-image: url("../images/flaticon/dispo-19.svg"); background-repeat: no-repeat; background-position: right 5px center; background-size: 16px; padding-right: 25px; }
table.rdes th, table.rdes td { border: none; }
table.rdes td.creat3 { background-color: #f9dc5c; }
table.rdes td.jour0.creat3, table.rdes td.jour6.creat3, table.rdes td.jour7.creat3 { background-color: #d4bb4e; }
table.rdes td.creat2 { background-color: #fdf1be; }
table.rdes td.jour0.creat2, table.rdes td.jour6.creat2, table.rdes td.jour7.creat2 { background-color: #e4d9ab; }
table.rdes td.creat1 { background-color: #fefae7; }
table.rdes td.jour0.creat1, table.rdes td.jour6.creat1, table.rdes td.jour7.creat1 { background-color: #d8d5c4; }
table.rdes td.alternanceImposee { border-color: #be0a26; border-width: 2px; border-style: solid; background-color: #FFF5FF; }

table.sup { border-left: 1px solid #000000; padding-left: 5px; }

table.asso, table.historique { font-size: 90%; line-height: 1em; }
table.asso tbody tr:hover *, table.asso tbody tr:hover * *, table.historique tbody tr:hover *, table.historique tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.asso tbody tr:hover th.statut, table.historique tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.asso thead, table.historique thead { background-color: #e7e7ff; }

table.historique { border-collapse: separate; border-spacing: 0; }
table.historique thead { position: sticky; top: 0; z-index: 5; }
table.historique tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.historique tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.historique tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.historique tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.historique tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.historique tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.historique td { padding: 0 5px; }
table.historique th.jour { font-size: 120%; text-align: center; background-color: #b0d6ff; /* bleu pale */ }
table.historique span.admin { font-size: 90%; font-style: italic; }

table.absences tbody tr:hover *, table.absences tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.absences tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.absences tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.absences tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.absences tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.absences tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.absences tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.absences { border-collapse: separate; border-spacing: 0; }
table.absences thead { position: sticky; top: 0; z-index: 5; }
table.absences tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.absences thead { background-color: #e7e7ff; }
table.absences th.statut { font-weight: bold; text-align: center; }
table.absences td { min-width: 80px; cursor: pointer; }
table.absences td:hover span.noabs { opacity: 0.6; }

table.cra { width: auto; }
table.cra tbody tr:hover *, table.cra tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.cra tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.cra { border-collapse: separate; border-spacing: 0; }
table.cra thead { position: sticky; top: 0; z-index: 5; }
table.cra tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.cra tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.cra tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.cra tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.cra tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.cra tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.cra thead, table.cra tfoot { background-color: #e7e7ff; }
table.cra thead th, table.cra tfoot th { border: 0.5px solid #000000; }
table.cra thead th.fonce, table.cra tfoot th.fonce { background-color: #f3d49d; }
table.cra thead th.fonce2, table.cra tfoot th.fonce2 { background-color: #f3a8df; }
table.cra thead th.fonce3, table.cra tfoot th.fonce3 { background-color: #a8f3d8; }
table.cra thead th.fonce4, table.cra tfoot th.fonce4 { background-color: #b0d6ff; }
table.cra thead th.cumul, table.cra tfoot th.cumul { background-color: #d9b0ff; }
table.cra tbody td, table.cra tbody th { border: 0.5px solid #aaaaaa; min-width: 5em; }
table.cra tbody td.fonce, table.cra tbody th.fonce { background-color: #f3d49d; }
table.cra tbody td.fonce2, table.cra tbody th.fonce2 { background-color: #f3a8df; }
table.cra tbody td.fonce3, table.cra tbody th.fonce3 { background-color: #a8f3d8; }
table.cra tbody td.fonce4, table.cra tbody th.fonce4 { background-color: #b0d6ff; }
table.cra tbody td.cumul, table.cra tbody th.cumul { background-color: #d9b0ff; }
table.cra tbody th.statut { font-weight: bold; text-align: center; background-color: #ffffff; }
table.cra thead th, table.cra tfoot th, table.cra tbody tr.rappel th { max-width: 10rem; }
table.cra th span.warn { font-size: 70%; font-style: italic; color: #ffa81e; }

table#ajaxcra { box-shadow: none; width: auto; background-color: transparent; border: none; }
table#ajaxcra td { border: none; text-align: left; min-width: 6em; padding-left: 0.5em; padding-right: 0.5em; }

table.prevision tbody tr:hover *, table.prevision tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.prevision tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.prevision { border-collapse: separate; border-spacing: 0; }
table.prevision thead { position: sticky; top: 0; z-index: 5; }
table.prevision tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.prevision tbody th:first-child { position: sticky; left: 0; z-index: 2; }
table.prevision tbody tr.pair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.prevision tbody tr.pair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.prevision tbody tr.impair td:first-child:not([class*="poste"]):not([class*="inactif"]), table.prevision tbody tr.impair th:first-child:not([class*="poste"]):not([class*="inactif"]) { background-color: inherit; }
table.prevision th.triage { background-color: #e7e7ff; border: 3px solid; color: #000000; }
table.prevision thead { background-color: #e7e7ff; /* Sous effectif dans les prévisions de congés */ /* Risque de sous effectif dans les prévisions de congés */ }
table.prevision thead th, table.prevision thead td { border-style: solid; border-color: #000000; }
table.prevision thead th.souseffectif { background-color: #be0a26; color: #ffffff; }
table.prevision thead th.souseffectif.affecte { background-color: #e59da8; }
table.prevision thead th.souseffectif.jour7, table.prevision thead th.souseffectif.jour6, table.prevision thead th.souseffectif.ferie { background-color: #ab0922; }
table.prevision thead th.souseffectif.jour7.affecte, table.prevision thead th.souseffectif.jour6.affecte, table.prevision thead th.souseffectif.ferie.affecte { background-color: #da9da6; }
table.prevision thead th.souseffectif2 { background-color: #ffa81e; /* Risque de sous effectif dans les prévisions de congés - Journée générée */ }
table.prevision thead th.souseffectif2.affecte { background-color: #ffdca5; }
table.prevision tbody tr th.statut { font-weight: bold; text-align: center; }
table.prevision tbody tr th, table.prevision tbody tr td { border-style: solid; border-color: #000000; }
table.prevision tbody tr td svg { display: none; }
table.prevision tbody tr td svg *[id*="int"] { display: none; }
table.prevision tbody tr td svg[class*="am"], table.prevision tbody tr td svg[class*="pm"], table.prevision tbody tr td svg[class*="nu"] { display: inline; }
table.prevision tbody tr td svg[class*="am"] [id*="am"] { display: inline; }
table.prevision tbody tr td svg[class*="pm"] [id*="pm"] { display: inline; }
table.prevision tbody tr td svg[class*="nu"] [id*="nu"] { display: inline; }
table.prevision td.absent { background-color: #d5d5d5; }
table.prevision td.creat3 { background-color: #f9dc5c; }
table.prevision td.jour0.creat3, table.prevision td.jour6.creat3, table.prevision td.jour7.creat3 { background-color: #d4bb4e; }
table.prevision td.creat2 { background-color: #fdf1be; }
table.prevision td.jour0.creat2, table.prevision td.jour6.creat2, table.prevision td.jour7.creat2 { background-color: #e4d9ab; }
table.prevision td.creat1 { background-color: #fefae7; }
table.prevision td.jour0.creat1, table.prevision td.jour6.creat1, table.prevision td.jour7.creat1 { background-color: #d8d5c4; }
table.prevision th.vacances span { color: #000000; display: inline-block; width: 100%; background-color: #f3d49d; border: 2px solid #ffa81e; -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; }

table.altern tbody tr:hover *, table.altern tbody tr:hover * * { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.altern tbody tr:hover th.statut { -moz-animation: survol 0s; -webkit-animation: survol 0s; animation: survol 0s; }
table.altern tr:hover td.jour6, table.altern tr:hover td.jour7, table.altern tr:hover td.jour0, table.altern tr:hover td.ferie { background-color: #a8a8ff !important; }
table.altern tr:hover td, table.altern tr:hover td.pair { background-color: #e7e7ff; }
table.altern tbody tr:hover th { -moz-animation: survol 2s ease; -webkit-animation: survol 2s ease; animation: survol 2s ease; }
table.altern tbody tr:hover th.statut { -moz-animation: survol-ligne 0s; -webkit-animation: survol-ligne 0s; animation: survol-ligne 0s; }
table.altern { border-collapse: separate; border-spacing: 0; }
table.altern thead { position: sticky; top: 0; z-index: 5; }
table.altern tr.headPlanning { position: sticky; top: 0; z-index: 5; }
table.altern thead em.dates { font-size: 70%; font-style: italic; font-weight: 100; }
table.altern tbody th { font-size: 90%; padding-left: 0.5em; }
table.altern tbody th.titre { font-size: 100%; background-image: linear-gradient(to right, #f3d49d, #ffffff); padding-left: 2px; border-top-width: 2px; }
table.altern tbody tr.no { background-color: #e1e1e1; font-size: 80%; }
table.altern tbody tr.no th { padding-left: 0.7em; font-style: italic; }
table.altern tbody td.jour6, table.altern tbody td.jour7, table.altern tbody td.ferie { background-color: #1fff75; }
table.altern tbody td.nonalt { background-color: #767676; }
table.altern tbody tr.nuit:hover td.avalid:not(.nonalt) { background-color: #e7e7ff; }
table.altern tbody tr.nuit td.avalid { background-color: #9dff9f; }
table.altern tbody tr.nuit td.nonalt { background-color: #767676; }

form table.large { width: 96%; font-size: 90%; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }

div.barres { text-align: left; }

svg.barreb, svg.barrev, svg.barreo, svg.barrer { line-height: 8px; }
svg.barreb rect { fill: #55A2FF; }
svg.barrev rect { fill: #00e000; }
svg.barreo rect { fill: #ffa81e; }
svg.barrer rect { fill: #f32243; }

table.multi tr { border: 2px solid #000000; }

table.groupes th { min-width: 12em; }

th.jour { font-weight: bold; font-size: 90%; }

th.inactif { font-style: italic; text-decoration: line-through; }

tr th.inactif { font-style: normal; text-decoration: none; }

tr.ligne1 td.vide { border-top: 1px solid #e1e1e1; }

td.aec { background-color: transparent; border: 1px solid #d5d5d5; }

/* Personnes recherchées dans le planning */
@keyframes fade { 30%, 90% { background-color: #ff768c; }
  0%, 60%, 100% { background-color: #ffc3cc; } }
table.planning tbody td.recherche, table.generation tbody td.recherche, table.nouvplan tbody td.recherche { border-width: 5px; border-color: #ff768c; background-color: #ffc3cc; animation: fade 3s linear; }
table.planning tbody td.secondaire, table.generation tbody td.secondaire, table.nouvplan tbody td.secondaire { background-color: #ffa81e !important; }
table.planning tbody td.jourj, table.generation tbody td.jourj, table.nouvplan tbody td.jourj { background-color: #1fff75 !important; }

table.annuelles td, table.annuelles th { min-width: 5em; }

table.sondage { margin: 1em 0 2em 0; min-width: 450px; }

table.sondage td, table.agenda td { text-align: left; }

table.agenda tbody th { text-align: center; }

table.planning td.nonvalide, table.maj td.nonvalide { background: url("../images/fond-barre.png") repeat scroll 0 0 #ffffff; }

table.generation td.inactif, table.nouvplan td.inactif, table.planning td.inactif { background-color: #ffffff; color: rgba(255, 105, 71, 0.2); font-size: 90%; font-style: italic; transition: all 3s ease 0s; }

table.generation td.inactif:hover, table.nouvplan td.inactif:hover, table.planning td.inactif:hover { color: #ff6947; }

table.nouveau.planning tbody tr:hover td { background: inherit !important; }

tbody tr.rappel th { text-align: center; }

table.semaine th.titre, table.generation th.titre, table.nouvplan th.titre, table.planning th.titre { font-weight: bold; text-align: center; font-size: 110%; }

tfoot td[headers="nom"], tfoot td[headers="nom2"] { text-align: left; }

/* Mini calendrier (utilisé lors de l'initiation d'un planning et lors de l'ajout de plusieurs occurrences d'un poste dans le planning) */
table#calapp { /* Initialisation du planning : mise en évidence des mois */ }
table#calapp td.n { background-color: #e1e1e1; }
table#calapp td.j { background-color: #ffa81e; }
table#calapp td.n.j { background-color: #e18b00; }
table#calapp td.mois1 { background-color: #d9b0ff; }
table#calapp td.mois2 { background-color: #ffb0d6; }
table#calapp td.mois3 { background-color: #ffd9b0; }
table#calapp td.mois4 { background-color: #d6ffb0; }
table#calapp td.mois5 { background-color: #b0ffd9; }
table#calapp td.mois6 { background-color: #b0d6ff; }
table#calapp td.mois7 { background-color: #d9b0ff; }
table#calapp td.mois8 { background-color: #ffb0d6; }
table#calapp td.mois9 { background-color: #ffd9b0; }
table#calapp td.mois10 { background-color: #d6ffb0; }
table#calapp td.mois11 { background-color: #b0ffd9; }
table#calapp td.mois12 { background-color: #b0d6ff; }

td.avalid { background: #d0ffd1; /* Vert pale */ cursor: pointer; }

td.manque { color: #be0a26; font-weight: bold; }

td.estompe { opacity: 0.10; }

/* Icônes d'actions dans les tableaux de données */
span.actions { float: right; padding: 2px 0; text-align: right; }

/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2023
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d'enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l'autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 20/11/2023
 */
/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
input[type="date"].dateSafari::-webkit-datetime-edit-day-field, input[type="date"].dateSafari::-webkit-datetime-edit-month-field, input[type="date"].dateSafari::-webkit-datetime-edit-year-field, input[type="date"].dateSafari::-webkit-datetime-edit-hour-field, input[type="date"].dateSafari::-webkit-datetime-edit-minute-field, input[type="time"].dateSafari::-webkit-datetime-edit-day-field, input[type="time"].dateSafari::-webkit-datetime-edit-month-field, input[type="time"].dateSafari::-webkit-datetime-edit-year-field, input[type="time"].dateSafari::-webkit-datetime-edit-hour-field, input[type="time"].dateSafari::-webkit-datetime-edit-minute-field { opacity: 0; }

/* Formulaire *************************************** Formalisme général des formulaires : * *************************************** <form> <fieldset>  // titre du formulaire : peut être caché avec la class "hidden" <legend></legend>   // contenu du formulaire <div>  // pour du texte uniquement <p></p>   // pour des inputs "simples" <p> <label> <input/> </label> </p>   // pour des textarea <p> <label> <textarea>...</textarea> </label> </p>   // pour des radio boutons <div class="masterRadio"> <p class="radio"></p> <div class="radio"> <input type="radio" /> <input type="radio" /> </div> </div> </div>   // bouton d'envoi du formulaire <div class="submitform"> <button type="submit" ...></button> </div>   //éventuellement, pour de l'affichage texte uniquement (astérisque...) <p></p>  </fieldset> </form> */
form { position: relative; flex: 1; max-width: 60vw; border-radius: 3px; box-shadow: 0 0 10px 0 #767676; background-color: #ffffff; padding: 1rem 2rem; margin: 2rem auto; font-size: 1.1em; /*************************************************************
* Les différents input qu'on peut trouver dans un formulaire *
*************************************************************/ }
form.taillePetit { max-width: 400px; }
form.tailleMoyen { max-width: 600px; }
form.tailleGrand { max-width: 800px; }
form .checkDemission { display: none; }
form fieldset { display: flex; flex-direction: column; background-color: inherit; }
form legend { position: absolute; top: -12px; left: 12px; background-color: inherit; border: 1px solid #be0a26; padding: 0 0.5em; font-weight: bold; font-style: italic; border-radius: 3px; }
form > div { margin-top: 1em; }
form p label { display: inline-flex; align-items: center; flex-wrap: wrap; width: 100%; justify-content: space-between; }
form p label ::placeholder { font-style: italic; }
form p label span.indicatif { font-size: 0.9em; font-style: italic; }
form #dact-clear-icon, form #dctr-clear-icon { display: inline-block; width: 16px; height: 16px; background-image: url("../images/flaticon/supprimer.svg"); background-size: cover; cursor: pointer; }
form .info-bulle { visibility: hidden; width: 90px; font-size: 10px; background-color: #555; color: #fff; text-align: center; padding: 5px; position: absolute; left: 58rem; z-index: 1; border: grey solid 0.5px; border-radius: 2px; }
form .date-clear-icon:hover + .info-bulle { visibility: visible; }
form li label { margin: 0; }
form .oubli { color: inherit; }
form input, form select { padding: 0.5em; box-sizing: border-box; background: none; outline: none; resize: none; border: 0; transition: all 0.3s; border-bottom: 1px solid #e1e1e1; flex: 1; }
form input::placeholder, form select::placeholder { font-style: italic; }
form input#f1_coul, form select#f1_coul { height: 75px; }
form input:not([type="radio"]):not([type="checkbox"]), form select:not([type="radio"]):not([type="checkbox"]) { border-bottom: 1px solid #e1e1e1; }
form input:not([type="radio"]):not([type="checkbox"]):focus, form select:not([type="radio"]):not([type="checkbox"]):focus { border-bottom-color: #d5d5d5; }
form input:not([type="radio"]):not([type="checkbox"]).validation-failed, form select:not([type="radio"]):not([type="checkbox"]).validation-failed { border-bottom-color: #be0a26; }
form input:not([type="radio"]):not([type="checkbox"]).validation-failed ~ .validation-advice, form select:not([type="radio"]):not([type="checkbox"]).validation-failed ~ .validation-advice { color: #be0a26; min-width: 100%; text-align: end; }
form input:not([type="radio"]):not([type="checkbox"]).validation-passed, form select:not([type="radio"]):not([type="checkbox"]).validation-passed { border-bottom-color: #8CCD00; }
form input[type="radio"], form input[type="checkbox"], form select[type="radio"], form select[type="checkbox"] { min-width: unset; }
form input[type="number"], form input::-webkit-outer-spin-button, form input::-webkit-inner-spin-button, form select[type="number"], form select::-webkit-outer-spin-button, form select::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: textfield; }
form input[type="date"]::-webkit-calendar-picker-indicator, form select[type="date"]::-webkit-calendar-picker-indicator { background: url("../images/flaticon/calendar.svg") no-repeat; background-size: 20px 20px; }
form input ~ .error { display: none; color: #be0a26; min-width: 100%; text-align: end; }
form input:not([type="date"]):invalid:not(:placeholder-shown) { border-bottom-color: #be0a26 !important; }
form input:not([type="date"]):invalid:not(:placeholder-shown) ~ .error { display: block; }
form input[type="date"]:invalid { border-bottom-color: #be0a26 !important; }
form input[type="date"]:invalid ~ .error::after { display: block; }
form input:not([type="radio"]):not([type="checkbox"]):valid { border-bottom-color: #8CCD00; }
form div.masterRadio { flex-direction: row; display: flex; margin-top: 0.75em; justify-content: space-between; }
form div.masterRadio.column { flex-direction: column; }
form div.masterRadio p.radio { flex: initial; max-width: 50%; }
form div.masterRadio div.radio { margin: 0; }
form div.masterRadio div.radio label { flex: 1; min-width: fit-content; margin: 0.5em 0.5em; }
form div.masterRadio div.radio.my-grid { display: grid; grid-auto-rows: fit-content(40%); grid-template-columns: 1fr 1fr; }
form select { border: 1px solid #d5d5d5 !important; text-overflow: ellipsis; margin-left: 0.5em; flex: 1; }
form textarea { background: none; border: none; border-bottom: 2px solid #e1e1e1; transition: all 0.3s; width: 100%; }
form textarea:focus { outline: none; border-bottom: 2px solid #d5d5d5; }
form input#datepicker { width: 95%; }
form button { width: 100%; padding: 8px 12px; border-radius: 3px; color: inherit; cursor: pointer; transition: all 0.3s; border: 2px solid #be0a26; background-color: #ffffff; }
form button:hover { background-color: #be0a26; color: #ffffff; }
form button:active { background-color: #96001c; color: #ffffff; }
form .submitform { margin: 2rem auto; width: 100%; }
form .submitform button { background-color: #be0a26; color: #ffffff; }
form .submitform button:hover { background-color: #96001c; }
form .submitform button.vert { background-color: #5A8200; border-color: #5A8200; }
form .submitform button.vert:hover { background-color: #375000; }
form label.infocon { display: flex; font-size: 16px; }
form label.infocon input { margin-left: 1em; width: auto; }
form#fsgen textarea { width: 100%; }
form#fsgen button { display: block; margin-top: 5px; }
form#fsgen select { width: auto; }
form.chgt .h4 { font-size: 20px; }
form.chgt label { display: inline-block; width: 100%; font-size: 16px; }
form.chgt label .cbx { float: right; }
form.modele { min-width: 60%; padding: 0.5em; }
form.modele textarea { height: 25rem; background-color: #F4FFFD; }
form.fusion ul { padding: 0; }
form.fusion ul li { list-style: none outside none; }
form.fusion ul li span.etab { font-size: 110%; font-weight: bold; }
form#frecherche { -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; -moz-border-radius: 15px / 15px; -webkit-border-radius: 15px 15px; border-radius: 15px / 15px; background-color: #ffffff; padding: 0.5rem 10rem; }
form#frecherche fieldset { flex-direction: row; align-items: center; padding-bottom: 0.35em; }
form#frecherche fieldset .submitform { all: unset; margin-left: 1rem; }
form#frecherche fieldset .submitform button { padding: unset; height: 40px; width: 40px; }
form#frecherche fieldset p, form#frecherche fieldset label { margin-top: unset; }
form#frecherche fieldset p input, form#frecherche fieldset label input { width: 30rem; }
form#frecherche fieldset button { width: unset; }
form#frecherche fieldset img { filter: invert(1); height: 20px; }
form#ffiltres { max-width: 90%; }
form#ffiltres ul { list-style: none; margin-top: unset; padding-inline-start: 10px; height: 100px; overflow: auto; }
form#ffiltres ul input[type="checkbox"] { margin-right: 5px; }
form .pwd-o, form .pwd-o-b { width: 20px; height: 20px; padding-bottom: 5%; margin-left: 2%; }

div.custom-advice { font-weight: bold; color: #be0a26; margin: 0 20px; }

/**************************************************************************************
*              Apparition / Masquage des formulaires de calcul avec dates             *
***************************************************************************************/
#btnDate ~ #formDate { display: none; }

#btnDate:checked ~ #formDate { display: block; position: absolute; top: 12rem; z-index: 15; width: 500px; }
#btnDate:checked ~ #formDate form { margin: unset; }
#btnDate:checked ~ #formDate form fieldset legend { display: none; }

/*********************************************************
*              Formulaire de demande de démo             *
**********************************************************/
form#contactFooter div:first-of-type, form#formulaireContact div:first-of-type { margin-top: 1em; }
form#contactFooter label, form#formulaireContact label { display: inline; }
form#contactFooter input, form#formulaireContact input { width: -webkit-fill-available; width: -moz-available; }
form#contactFooter .checkbox, form#formulaireContact .checkbox { display: flex; align-items: center; justify-content: space-evenly; padding-bottom: 15px; text-align: center; }
form#contactFooter .checkbox p, form#formulaireContact .checkbox p { flex: 1; margin: 0 1em; }
form#contactFooter .checkbox p label, form#formulaireContact .checkbox p label { margin-left: 0.5em; }

/*********************************************************
*        Formulaire de compte-rendu d’activité           *
**********************************************************/
form.cra { width: auto; border-radius: 0; box-shadow: none; margin: 0; max-width: unset; }
form.cra label { width: auto; display: block; margin: 0; line-height: 1.5; }
form.cra input { width: auto; margin: 0 10px; }

/*********************************************
*        Formulaire des règles moteur        *
*********************************************/
form.moteur label, div#formaff form#f2 label, div#formafs form#f3 label { justify-content: unset; }
form.moteur label input[type="checkbox"], div#formaff form#f2 label input[type="checkbox"], div#formafs form#f3 label input[type="checkbox"] { flex: unset; margin-right: 1em; }

/*************************************
*        Formulaire de support       *
**************************************/
form.support input { width: 100%; }

/*********************************************************
*   Formulaire de recherche de la barre de navigation    *
**********************************************************/
form#fbarre { padding: 0 0 0 10px; margin: 0; border-radius: 0; }
form#fbarre label { display: inline; }
form#fbarre input { padding: 0 5px; border: none; width: 125px; }
form#fbarre button[type="submit"] { width: 4em; padding: 0; }

div.mini ul li { width: 1.5em; }
div.mini ul li.mois { width: 5.7em; }
div.mini ul li.moislarge { width: 10em; }

/*****************************************
*        Formulaire de sondage           *
******************************************/
.centrer { text-align: center; align-items: center; justify-content: center; }

.aligner-gauche { text-align: left; }

.italique { font-style: italic; }

.gras { font-weight: bold; }

form.sondage { flex: 1; width: 80%; max-width: 900px; }
form.sondage fieldset { flex: 1; flex-direction: column; width: 100%; display: flex; }
form.sondage fieldset:first-child { margin-top: 15px; }
form.sondage fieldset legend, form.sondage fieldset p { flex: 1; }
form.sondage fieldset p { flex: 1; }
form.sondage fieldset textarea { flex: 2; }
form.sondage fieldset img { max-width: 600px; flex: 1; width: 100%; align-self: center; margin-bottom: 10px; }
form.sondage fieldset div { margin-bottom: 10px; }
form.sondage fieldset div .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }
form.sondage fieldset hr { flex: 1; }
form.sondage fieldset .partieImg { flex: 1; display: flex; flex-direction: column; flex-wrap: wrap; margin: 10px 5px 0 5px; min-width: 500px; }
form.sondage fieldset div.radio { flex-direction: row; width: fit-content; display: flex; margin: 10px 0 0 0; flex: 1; justify-content: flex-start; }
form.sondage fieldset div.radio input.cbx { width: 2rem; height: 2rem; }
form.sondage fieldset div.radio label.radio { flex: 1; font-size: 16px; margin: 0 2rem 0 0.5rem; max-width: unset; }
form.sondage fieldset div.wrapper { display: grid; grid-template-columns: 2rem 100%; grid-column-gap: 10px; align-items: center; justify-content: center; }
form.sondage fieldset div.wrapper input.cbx { width: 2rem; height: 2rem; }
form.sondage fieldset div.wrapper label { width: fit-content; flex: 1; }
form.sondage fieldset div.wrapper .custom-advice { width: max-content; }
form.sondage fieldset div.paire { display: grid; grid-column-gap: 10px; grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 4fr; }
form.sondage fieldset div.paire label:first-of-type { text-align: right; }
form.sondage fieldset div.paire label:last-of-type { text-align: left; }
form.sondage fieldset div.likert { display: grid; justify-items: center; justify-content: center; grid-auto-columns: 20%; }

@media screen and (max-width: 900px) { form.sondage { flex: 1; width: fit-content; max-width: fit-content; } }
/**************************************************************************************
*        Formulaire de modification du nom de la variante de la semaine-type          *
*                                    creer-semaine.tpl                                *
**************************************************************************************/
form#formModifierNomVariante { background-color: unset; box-shadow: unset; padding: unset; margin: unset; max-width: unset; display: inline-flex; }
form#formModifierNomVariante fieldset { padding: unset; margin: unset; flex-direction: row; align-items: center; }
form#formModifierNomVariante fieldset input { font-size: 80%; }
form#formModifierNomVariante fieldset .submitform { margin: unset; width: fit-content; padding: 0.5rem 1rem; font-size: initial; }

/**************************************************************************************
*           Formulaire de demande de changement (popup du planning général)           *
**************************************************************************************/
form#fChangement { all: unset; }
form#fChangement legend { all: unset; position: absolute; top: 10px; font-weight: bold; }
form#fChangement div.submitform { display: flex; justify-content: space-between; align-items: center; }
form#fChangement div.submitform button { width: unset; }
form#fChangement div.submitform button img { width: 20px; }
form#fChangement div.submitform button img#iconeEnvoyer { filter: invert(1); }

/**************************************************************************************
*         Formulaire d'export du planning général au format MS Excel 2007             *
*                                    planning-gene.tpl                                *
**************************************************************************************/
form#fExportExcel { top: 10rem; }
form#fExportExcel legend { all: unset; }
form#fExportExcel legend img { height: 30px; width: 30px; }
form#fExportExcel p.sous-titre { text-align: center; color: #767676; font-weight: bold; }
form#fExportExcel label { margin-top: 0; justify-content: flex-start; flex-wrap: nowrap; }
form#fExportExcel label#btnFinFermerFenetreExportExcel { background-color: #be0a26; border: 2px solid #be0a26; color: #ffffff; padding: 8px 12px; -moz-border-radius: 3px 3px; -webkit-border-radius: 3px; border-radius: 3px 3px; }
form#fExportExcel label#btnFinFermerFenetreExportExcel:hover { background-color: #96001c; }
form#fExportExcel input[type="checkbox"], form#fExportExcel input[type='date'] { flex: unset; }
form#fExportExcel .submitform { margin-bottom: unset; }
form#fExportExcel .submitform button.submit { width: unset; }
form#fExportExcel button.submit, form#fExportExcel label#btnFinFermerFenetreExportExcel { padding-left: 30px; background-image: url("../images/flaticon/telecharger-b.svg"); background-size: 20px; background-position: 5px; background-repeat: no-repeat; }
form#fExportExcel label#btnFinFermerFenetreExportExcel { background-image: url("../images/flaticon/fermer.svg"); }
form#fExportExcel div#personnalisation { display: grid; grid-gap: 2rem; }

.supprimer { position: relative; display: inline-block; }

.info-bulle { visibility: hidden; width: 90px; font-size: 10px; background-color: #555; color: #fff; text-align: center; padding: 3px; position: absolute; left: 5rem; bottom: 0; z-index: 1; border: grey solid 0.5px; border-radius: 2px; opacity: 0; transition: opacity 0.3s; }

.supprimer:hover .info-bulle { visibility: visible; opacity: 1; }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d'enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l'autorisation écrite de Planning-Medical.com. */
body.minus ul#evitement, body.minus div#logo, body.minus div#quickSummary, body.minus div#bourse, body.minus div.illustr, body.minus div#contact, body.minus div#guide, body.minus div.legende, body.minus div.nominus { display: none; }
body.minus div#pageHeader h1 { top: 0; left: 0; background: url("../images/logo-minus.png") no-repeat top left !important; width: 155px; height: 50px; }
body.minus div#pageHeader h1 img { display: none; }
body.minus div#pageHeader h2 { margin-top: 0.15em; }
body.minus div#linkList { top: 14px; left: 167px; margin: 0; }
body.minus div#linkList ul.level1 { width: 100%; height: 29px; }
body.minus div#linkList ul.level1 li { float: left; }
body.minus div#linkList li { border: 1px solid #CCC; }
body.minus div#linkList li.lock a { margin-right: 20px; }
body.minus div#linkList li a { padding: 0.15em 0.25em; }
body.minus div#linkList ul ul { top: 25px; left: -2px; }
body.minus div#linkList ul ul li { width: 100%; }
body.minus div#supportingText { margin-left: 5px; margin-right: 5px; }
body.minus div#container { margin-left: 7px; margin-top: 60px; }
body.minus table { font-size: 85%; }
body.minus table td { line-height: 1.1em; }
body.minus table.generation th div.ferie, body.minus table.nouvplan th div.ferie { display: none; }
body.minus table.generation td, body.minus table.nouvplan td { font-size: 100%; }
body.minus table.generation td.inactif span, body.minus table.nouvplan td.inactif span { display: none; }
body.minus table.generation td.separateur, body.minus table.nouvplan td.separateur { min-width: 1px !important; }
body.minus table.generation span.indiceBlocage, body.minus table.nouvplan span.indiceBlocage { display: none; }
body.minus table.generation td span.actions, body.minus table.nouvplan td span.actions { display: none; }
body.minus table.generation img.icon-mini-ok, body.minus table.nouvplan img.icon-mini-ok, body.minus table.generation img.icon-mini-attente, body.minus table.nouvplan img.icon-mini-attente, body.minus table.generation img.icon-main, body.minus table.nouvplan img.icon-main { display: none; }
body.minus p.msg { margin: 5px auto; padding: 0 3px; }
body.minus div#fleche { padding-left: auto; }
body.minus img.icone { margin-left: 1px; margin-right: 1px; }

/* Planning-Medical.com  Il est interdit de reproduire, représenter, transférer, distribuer, ou d‘enregistrer tout ou partie du site Planning-Medical.com, sous quelque forme que ce soit sans avoir l‘autorisation écrite de Planning-Medical.com. */
@media (min-width: 1024px) and (max-width: 1920px) { ul.notifmsg { width: 350px; }
  li.msg { font-size: 12px; } }
@media (max-width: 1023px) { li.msg { left: 0; } }
@media (max-width: 640px) { div#intro { margin-left: 5px; }
  ol.filAriane { padding-left: 0rem; }
  ol.filAriane li::before { margin: auto 0.3em; }
  ul.notifmsg li.msg { left: 0; }
  ul.notifmsg li.msg label { position: unset; } }
@media (max-device-width: 768px) and (orientation: landscape) { html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
/** Petit écran : On supprime le menu (façon icone en haut à gauche), le logo du client, le cartouche, etc... */
@media screen and (max-width: 800px) { html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  div.illustr { display: none !important; }
    /*body.prive { padding: 0 0 130px 0; }
 body.public { padding: 0 0 450px 0; }*/
  div#container, body.prive div#container { margin: 85px 2px 2px 2px !important; }
  div#container .plan h2 > a, div#container .plan h2, body.prive div#container .plan h2 > a, body.prive div#container .plan h2 { font-size: 20px; }
  div#container div#quickSummary, body.prive div#container div#quickSummary { width: 100%; } }
@media screen and (max-width: 800px) and (max-width: 640px) { div#container div#quickSummary, body.prive div#container div#quickSummary { padding: 1em 0; } }
@media screen and (max-width: 800px) and (min-width: 640px) and (max-width: 800px) { div#container div#quickSummary, body.prive div#container div#quickSummary { margin: 2rem auto; } }
@media screen and (max-width: 800px) { div#container #confiance ul li:nth-of-type(-n+5), body.prive div#container #confiance ul li:nth-of-type(-n+5) { display: none; }
  div#container div#deroulement, body.prive div#container div#deroulement { max-width: 100%; }
  div#container div#deroulement .frise, body.prive div#container div#deroulement .frise { align-items: center; width: 100%; }
  div#container div#deroulement .frise .cta, body.prive div#container div#deroulement .frise .cta { margin: 5px 0; width: auto; padding: 10px; }
  div#container div#deroulement .frise .frise_barre_set, body.prive div#container div#deroulement .frise .frise_barre_set { width: 100%; }
  div#container div#deroulement .frise .frise_barre, div#container div#deroulement .frise .frise_barre_set, body.prive div#container div#deroulement .frise .frise_barre, body.prive div#container div#deroulement .frise .frise_barre_set { left: 0; top: unset; bottom: -27px; height: 10px; }
  div#container div#deroulement .frise #step-5:checked + div, body.prive div#container div#deroulement .frise #step-5:checked + div { width: 100%; }
  div#container div#deroulement .frise #step-5:checked + div + div + div > .tab:nth-of-type(5), body.prive div#container div#deroulement .frise #step-5:checked + div + div + div > .tab:nth-of-type(5) { opacity: 1; top: 0; }
  div#container div#deroulement .frise #step-5:checked + div + div + div, body.prive div#container div#deroulement .frise #step-5:checked + div + div + div { right: 10%; }
  div#container div#deroulement .frise #step-5:checked + div + div + div:before, body.prive div#container div#deroulement .frise #step-5:checked + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_5_frise.svg"); transition: all 800ms; }
  div#container div#deroulement .frise #step-4:checked + input + div, body.prive div#container div#deroulement .frise #step-4:checked + input + div { width: 70%; }
  div#container div#deroulement .frise #step-4:checked + input + div + div + div > .tab:nth-of-type(4), body.prive div#container div#deroulement .frise #step-4:checked + input + div + div + div > .tab:nth-of-type(4) { opacity: 1; top: 0; }
  div#container div#deroulement .frise #step-4:checked + input + div + div + div, body.prive div#container div#deroulement .frise #step-4:checked + input + div + div + div { right: 30%; }
  div#container div#deroulement .frise #step-4:checked + input + div + div + div:before, body.prive div#container div#deroulement .frise #step-4:checked + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_4_frise.svg"); transition: all 800ms; }
  div#container div#deroulement .frise #step-3:checked + input + input + div, body.prive div#container div#deroulement .frise #step-3:checked + input + input + div { width: 50%; }
  div#container div#deroulement .frise #step-3:checked + input + input + div + div + div > .tab:nth-of-type(3), body.prive div#container div#deroulement .frise #step-3:checked + input + input + div + div + div > .tab:nth-of-type(3) { opacity: 1; top: 0; }
  div#container div#deroulement .frise #step-3:checked + input + input + div + div + div, body.prive div#container div#deroulement .frise #step-3:checked + input + input + div + div + div { right: 50%; }
  div#container div#deroulement .frise #step-3:checked + input + input + div + div + div:before, body.prive div#container div#deroulement .frise #step-3:checked + input + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_3_frise.svg"); transition: all 800ms; }
  div#container div#deroulement .frise #step-2:checked + input + input + input + div, body.prive div#container div#deroulement .frise #step-2:checked + input + input + input + div { width: 30%; }
  div#container div#deroulement .frise #step-2:checked + input + input + input + div + div + div > .tab:nth-of-type(2), body.prive div#container div#deroulement .frise #step-2:checked + input + input + input + div + div + div > .tab:nth-of-type(2) { opacity: 1; top: 0; }
  div#container div#deroulement .frise #step-2:checked + input + input + input + div + div + div, body.prive div#container div#deroulement .frise #step-2:checked + input + input + input + div + div + div { right: 70%; }
  div#container div#deroulement .frise #step-2:checked + input + input + input + div + div + div:before, body.prive div#container div#deroulement .frise #step-2:checked + input + input + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_2_frise.svg"); transition: all 800ms; }
  div#container div#deroulement .frise #step-1:checked + input + input + input + input + div, body.prive div#container div#deroulement .frise #step-1:checked + input + input + input + input + div { width: 10%; }
  div#container div#deroulement .frise #step-1:checked + input + input + input + input + div + div + div > .tab:nth-of-type(1), body.prive div#container div#deroulement .frise #step-1:checked + input + input + input + input + div + div + div > .tab:nth-of-type(1) { opacity: 1; top: 0; }
  div#container div#deroulement .frise #step-1:checked + input + input + input + input + div + div + div, body.prive div#container div#deroulement .frise #step-1:checked + input + input + input + input + div + div + div { right: 90%; }
  div#container div#deroulement .frise #step-1:checked + input + input + input + input + div + div + div:before, body.prive div#container div#deroulement .frise #step-1:checked + input + input + input + input + div + div + div:before { content: url("../images/logo_sans_ombre/bonhomme_1_frise.svg"); transition: all 800ms; }
  div#container div#deroulement .frise label > p, body.prive div#container div#deroulement .frise label > p { display: none; }
  div#container div#deroulement .frise label > img, body.prive div#container div#deroulement .frise label > img { width: 30px; margin: 0; }
  div#container div#deroulement #etapes, body.prive div#container div#deroulement #etapes { margin: auto; }
  div#container div#deroulement .etape, body.prive div#container div#deroulement .etape { height: auto; }
  div#container div#deroulement .etape > img, body.prive div#container div#deroulement .etape > img { display: none; }
  div#container div#deroulement .mainCard, body.prive div#container div#deroulement .mainCard { padding: 0; }
  div#container div#demoForm, body.prive div#container div#demoForm { margin: 0 1rem; }
  div#container .flexContainer #tarifs, div#container .flexContainer #prerequis, body.prive div#container .flexContainer #tarifs, body.prive div#container .flexContainer #prerequis { margin: 2rem 1rem; }
  div#container div#temoignages, body.prive div#container div#temoignages { max-width: 100%; }
  div#container div#localisation, body.prive div#container div#localisation { align-items: center; }
  div#container div#localisation iframe#map, body.prive div#container div#localisation iframe#map { width: 500px; }
  div#container .flexContainer, body.prive div#container .flexContainer { margin: 0; }
  div#container .flexContainer #tarifs #details-tarifs, div#container .flexContainer #prerequis #details-besoins, body.prive div#container .flexContainer #tarifs #details-tarifs, body.prive div#container .flexContainer #prerequis #details-besoins { display: flex; flex-direction: column; }
  div#container #identificationGrid, body.prive div#container #identificationGrid { grid-template-areas: "connexion connexion " "probleme probleme" "demo demo" "cookie cookie "; }
  div#container #identificationGrid #demo a, body.prive div#container #identificationGrid #demo a { margin: 2rem auto; }
  div#container #identificationGrid #f1, body.prive div#container #identificationGrid #f1 { margin: auto; }
  div#container #outils, body.prive div#container #outils { grid-template-areas: "titre titre" "assistant assistant" "stat stat" "export export" "autres autres"; }
  div#container #outils img, body.prive div#container #outils img { height: 100%; max-height: 100px; }
  div#container .flex-appel, body.prive div#container .flex-appel { width: 99% !important; }
  /* Logo Planning-Medical.com */
  div#pageHeader h1 { top: 0.7em; left: 0; /* height:115px; */ /* width:309px; */ margin: 1px 31px; text-align: center; }
  div#pageHeader h1 img { margin: 0 0 0 31px; }
  div#cartouche { display: none; }
  .privee { top: 0 !important; }
  div#ousuisje { margin-left: 10px; }
  div#quickSummary { margin: 0; }
  ul#evitement { top: -275px; left: 2px; padding: 0; }
  ul#evitement li { margin: 0; }
  div#contact { clear: both; }
  div#contact form#fc { position: static; margin: auto; }
  /* Formulaires */
  form { width: 100%; margin: 2rem auto; max-width: 500px; }
  form#fc { width: 60%; }
  form.ident input[type="text"], form.ident input[type="password"], form.ident input[type="file"], form.ident select { position: static; left: auto; }
  div#fenetreExportExcel label#btnFermerFenetreExportExcel { right: 1rem; }
  div#fenetreExportExcel form#fExportExcel { top: 5rem; height: 90%; overflow-y: scroll; max-width: unset; }
  div#fenetreExportExcel form#fExportExcel div#divDates { flex-direction: column; align-items: center; }
  div#fenetreExportExcel form#fExportExcel div#personnalisation { display: flex; flex-direction: column; }
  div#fenetreExportExcel form#fExportExcel div.submitform span { display: none; }
  div#fenetreExportExcel form#fExportExcel div.submitform label#btnFinFermerFenetreExportExcel, div#fenetreExportExcel form#fExportExcel div.submitform button.submit { background-position: center; padding: 16px; }
  /* Tableaux */
  table.annuaire, table.planrouge { width: 96%; }
  /* Pas de logo de service */
  div#extraDiv1 { display: none; }
  div#guide { display: none; }
  div.photo, div#tarif { display: none; }
  table.phase tbody td { display: inline-block; width: 100%; }
  div.bicolonne, div.tricolonne { width: 100%; min-width: initial; margin: 0; }
  div.bulle { min-width: initial !important; max-width: initial !important; width: auto !important; }
  div#novi_annuaire { margin: unset; }
  div.sc, div.temoin { width: 96%; }
  div.sc blockquote, div.temoin blockquote { padding-left: 0; }
  div.sc.illusdroite, div.temoin.illusdroite { margin-left: 0; } }
/** Encore plus petit écran, on adapte l‘affichage des contenus (largeurs) */
@media (max-width: 640px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  /* passer body (et tous les éléments de largeur fixe) en largeur automatique */
  body { width: auto; margin: 0; padding: 0; }
  /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; }
  /* conserver le ratio des images */
  img { height: auto; }
  /* gestion des mots longs */
  code, pre, samp { white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */ }
  /* masquer les éléments superflus */
  /* Éléments à supprimer de l‘affichage */
  *.nomobile, div.illustr, div#cartouche, div#aide, hr.long, div#extraDiv1, div#guide, div#tempsTrajet { display: none !important; }
  *.mobile { display: inherit; }
  div#container { /* Support client */ }
  div#container ul.support { padding-left: 1em; padding-right: 1em; }
  div#container ul.support li { min-width: auto; width: auto; }
  ul.notifmsg { width: 300px; top: -20px; } }
@media screen and (max-width: 361px) { h2, .h2-like { font-size: 2.0rem; }
  h3, .h3-like { font-size: 1.8rem; }
  h4, .h4-like { font-size: 1.6rem; } }
/** Apparition du burger menu */
@media (max-width: 1000px) { header { width: 100vw; background-color: #ffffff; }
  header.slideMenuON #toggle:checked ~ nav#menu { background-color: #ffffff; }
  header label { order: 0; z-index: 100; margin: 0; display: flex !important; flex-direction: column; align-items: center; justify-content: center; }
  header nav#menu { display: none; background-color: inherit; }
  header #toggle:checked + label #svg-burger g path.ligne1 { transform: translate(30%, 0%) rotate(45deg); }
  header #toggle:checked + label #svg-burger g path.ligne2 { display: none; }
  header #toggle:checked + label #svg-burger g path.ligne3 { transform: translate(-40%, 35%) rotate(-45deg); }
  header #toggle:checked ~ nav#menu { position: fixed; display: flex; opacity: 1; top: 0; left: 0; height: 100%; order: 0; flex-direction: column; overflow: auto; justify-content: unset; align-items: unset; }
  header #toggle:checked ~ nav#menu > ul { padding-top: 80px; }
  header #toggle:checked ~ nav#menu .menu { display: flex; flex-direction: column; align-items: center; width: 100vw; background-color: inherit; background-image: url("../images/flaticon/fond.svg"); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center; flex: 1; }
  header #toggle:checked ~ nav#menu .menu .level2 { display: none; width: 100%; }
  header #toggle:checked ~ nav#menu .menu .level2 li a span { margin-left: unset; }
  header #toggle:checked ~ nav#menu .menu .level2 li:hover { background-color: #ff768c; color: #000000; }
  header #toggle:checked ~ nav#menu .menu .level2 li:hover a { color: inherit; }
  header #toggle:checked ~ nav#menu .menu #toggle-offre:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-planning:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-stats:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-admin:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-pref:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-param:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-imp:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-gest:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-rep:checked + li, header #toggle:checked ~ nav#menu .menu #toggle-visu:checked + li { flex-direction: column; }
  header #toggle:checked ~ nav#menu .menu #toggle-offre:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-planning:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-stats:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-admin:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-pref:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-param:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-imp:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-gest:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-rep:checked + li ul.level2, header #toggle:checked ~ nav#menu .menu #toggle-visu:checked + li ul.level2 { display: flex; position: initial; align-items: center; justify-content: center; opacity: 1; visibility: visible; }
  header #toggle:checked ~ nav#menu .menu label { flex: 1; width: 100%; flex-direction: row; padding: 2rem 1rem; }
  header #toggle:checked ~ nav#menu .menu li, header #toggle:checked ~ nav#menu .menu div.showMobile ul li { cursor: pointer; display: flex; justify-content: center; align-items: center; margin: 0.5rem 0; border: 3px #000000 solid; border-radius: 20px; width: 80%; height: auto; text-align: center; background-color: inherit; }
  header #toggle:checked ~ nav#menu .menu li:before, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:before { all: unset; }
  header #toggle:checked ~ nav#menu .menu li svg, header #toggle:checked ~ nav#menu .menu div.showMobile ul li svg { height: 100%; }
  header #toggle:checked ~ nav#menu .menu li a, header #toggle:checked ~ nav#menu .menu li label, header #toggle:checked ~ nav#menu .menu div.showMobile ul li a, header #toggle:checked ~ nav#menu .menu div.showMobile ul li label { flex: 1; justify-content: flex-start; padding: 2rem 1rem; }
  header #toggle:checked ~ nav#menu .menu li a span, header #toggle:checked ~ nav#menu .menu li label span, header #toggle:checked ~ nav#menu .menu div.showMobile ul li a span, header #toggle:checked ~ nav#menu .menu div.showMobile ul li label span { display: inline-flex; margin-left: 2rem; }
  header #toggle:checked ~ nav#menu .menu li a span.iconeSVG, header #toggle:checked ~ nav#menu .menu li a span.chevronSVG, header #toggle:checked ~ nav#menu .menu li label span.iconeSVG, header #toggle:checked ~ nav#menu .menu li label span.chevronSVG, header #toggle:checked ~ nav#menu .menu div.showMobile ul li a span.iconeSVG, header #toggle:checked ~ nav#menu .menu div.showMobile ul li a span.chevronSVG, header #toggle:checked ~ nav#menu .menu div.showMobile ul li label span.iconeSVG, header #toggle:checked ~ nav#menu .menu div.showMobile ul li label span.chevronSVG { margin-left: 5rem; }
  header #toggle:checked ~ nav#menu .menu li a span .chevronSVG, header #toggle:checked ~ nav#menu .menu li label span .chevronSVG, header #toggle:checked ~ nav#menu .menu div.showMobile ul li a span .chevronSVG, header #toggle:checked ~ nav#menu .menu div.showMobile ul li label span .chevronSVG { height: unset; width: 20px; position: unset; }
  header #toggle:checked ~ nav#menu .menu li a span span, header #toggle:checked ~ nav#menu .menu li label span span, header #toggle:checked ~ nav#menu .menu div.showMobile ul li a span span, header #toggle:checked ~ nav#menu .menu div.showMobile ul li label span span { margin-left: unset; }
  header #toggle:checked ~ nav#menu .menu li:hover, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover { background-color: #be0a26; color: #ffffff; }
  header #toggle:checked ~ nav#menu .menu li:hover svg path:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg circle:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg polygon:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg text:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg rect:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg g path:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg g circle:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg g polygon:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg g text:not(.outline), header #toggle:checked ~ nav#menu .menu li:hover svg g rect:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg path:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg circle:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg polygon:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg text:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg rect:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g path:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g circle:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g polygon:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g text:not(.outline), header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g rect:not(.outline) { display: none; }
  header #toggle:checked ~ nav#menu .menu li:hover svg path.outline, header #toggle:checked ~ nav#menu .menu li:hover svg circle.outline, header #toggle:checked ~ nav#menu .menu li:hover svg polygon.outline, header #toggle:checked ~ nav#menu .menu li:hover svg text.outline, header #toggle:checked ~ nav#menu .menu li:hover svg rect.outline, header #toggle:checked ~ nav#menu .menu li:hover svg g path.outline, header #toggle:checked ~ nav#menu .menu li:hover svg g circle.outline, header #toggle:checked ~ nav#menu .menu li:hover svg g polygon.outline, header #toggle:checked ~ nav#menu .menu li:hover svg g text.outline, header #toggle:checked ~ nav#menu .menu li:hover svg g rect.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg path.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg circle.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg polygon.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg text.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg rect.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g path.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g circle.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g polygon.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g text.outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g rect.outline { fill: #ffffff; }
  header #toggle:checked ~ nav#menu .menu li:hover svg path.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg circle.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg polygon.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg text.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg rect.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg g path.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg g circle.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg g polygon.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg g text.b-outline, header #toggle:checked ~ nav#menu .menu li:hover svg g rect.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg path.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg circle.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg polygon.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg text.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg rect.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g path.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g circle.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g polygon.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g text.b-outline, header #toggle:checked ~ nav#menu .menu div.showMobile ul li:hover svg g rect.b-outline { fill: #000000; }
  header #toggle:checked ~ nav#menu .menu h2, header #toggle:checked ~ nav#menu .menu h3 { margin: 0; }
  header #toggle:checked ~ nav#menu .menu .show { transition: display 0.5s; }
  header #toggle:checked ~ nav#menu .menu .active { background-color: #be0a26; color: #ffffff; }
  header #toggle:checked ~ nav#menu .showMobile { display: flex; }
  header #toggle:checked ~ nav#menu .hideMobile { display: none; }
  header .logo { order: 1; }
  header a.connect { order: 2; width: 80px; }
  header a.connect span:not(.iconeSVG) { display: none; }
  nav.public, #cartouche, #div-cartouche { display: none !important; }
  footer #footerInfos div.plan > ul { display: block; }
  .imageDecoLarge { width: 100px; height: 100px; background-repeat: no-repeat; background-size: contain; margin: 0 10px; }
  .imageDecoLarge.time-management { background-image: url("../images/flaticon/time-management.svg"); }
  .imageDecoLarge.medical-symbol { background-image: url("../images/flaticon/medical-symbol.svg"); }
  #procedure .flexGrid > span img { max-width: 50px; }
  div#divExportExcel p { display: none; } }
/* Menu entre-deux privé (entre l'étendu et le burger menu) */
@media screen and (max-width: 1600px) { header.privee > nav#menu ul.menu > li > a > span:not(.iconeSVG), header.privee > nav#menu ul.menu > li > label > span span:not(.chevronSVG) { display: none; }
  header.privee > nav#menu label { flex-direction: column; }
  header.privee > nav#menu .chevronSVG { margin-left: unset; position: absolute; bottom: 5px; width: 15px; height: 10px; }
  header.privee > nav#menu ul.menu > li span.iconeSVG { margin: 0; } }
/* Menu entre-deux public (on a plus de place donc autant afficher le texte plus longtemps) (et privé implicitement mais déjà traité au-dessus) */
@media screen and (max-width: 1250px) { header > nav#menu ul.menu > li > a > span:not(.iconeSVG), header > nav#menu ul.menu > li > label > span span:not(.chevronSVG) { display: none; }
  header > nav#menu label { flex-direction: column; }
  header > nav#menu .chevronSVG { margin-left: unset; position: absolute; bottom: 5px; width: 15px; height: 10px; }
  header > nav#menu ul.menu > li span.iconeSVG { margin: 0; }
  div#supportingText { min-height: 0; min-width: 0; margin: 0 1rem; }
  #intro, div#quickSummary { margin: 0; } }
@media screen and (min-width: 850px) { .imageDeco { width: 100px; height: 100px; background-repeat: no-repeat; background-size: contain; margin: 0 10px; }
  .imageDeco.legal-paper { background-image: url("../images/flaticon/legal-paper.svg"); }
  .imageDeco.schedule { background-image: url("../images/flaticon/schedule.svg"); }
  .imageDeco.user { background-image: url("../images/flaticon/user.svg"); }
  .imageDeco.stethoscope { background-image: url("../images/flaticon/stethoscope.svg"); }
  .imageDeco.nurse { background-image: url("../images/flaticon/nurse.svg"); }
  .imageDeco.customer-service { background-image: url("../images/flaticon/customer-service.svg"); }
  .imageDecoLarge { width: 200px; height: 200px; background-repeat: no-repeat; background-size: contain; margin: 0 10px; }
  .imageDecoLarge.time-management { background-image: url("../images/flaticon/time-management.svg"); }
  .imageDecoLarge.medical-symbol { background-image: url("../images/flaticon/medical-symbol.svg"); } }
@media (max-width: 500px) { div#localisation iframe#map { width: auto !important; } }
@media (max-width: 320px) { .iconeMenu { background: unset !important; } }
@media (min-width: 1000px) { header.slideMenuON svg#logo .text { opacity: 0; display: none; transition: all .5s ease-in-out 0s; }
  header.slideMenuON svg#logo #Toubib-adhésif { transform: matrix(0.17107, 0, 0, 0.17107, -50, 0); transition: all .5s ease-in-out 0s !important; }
  header.slideMenuON svg#logo #Toubib-adhésif g#Corps { fill: #ffffff; }
  header.slideMenuON svg#logo #Toubib-adhésif g#Tête { stroke-width: 5px; fill: #ffffff; }
  header.slideMenuON .logo { display: block; }
  header.slideMenuOFF svg#logo .text { opacity: 1; display: block; transition: all .5s ease-in-out 0s; }
  header.slideMenuOFF svg#logo #Toubib-adhésif { transform: matrix(0.11404, 0, 0, 0.11404, 213.246, 3.51459); transition: transform .5s ease-in-out 0s !important; } }
@media (max-width: 1600px) { div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande { flex-direction: column; }
  div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.planningpersoDiv { max-width: unset; margin-top: 6rem; }
  div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div.planningpersoDiv { max-width: unset; }
  div[id^="chgt_"]#chgt_section_a_traiter .toggle-details:checked ~ div.cardDeplie .optionsAffichees { height: unset; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] { display: initial; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPerso."] { display: none; } }
@media (max-width: 1330px) { div[id^="chgt_"]#chgt_section_a_traiter div.listeLigne { margin: 2rem 1rem; flex-direction: column; align-items: center; }
  div[id^="chgt_"]#chgt_section_a_traiter div.listeLigne div.cardDeplie .optionsAffichees { height: unset; }
  div[id^="chgt_"]#chgt_section_a_traiter div.card label.toggle-options { width: 80%; height: unset; min-height: unset; }
  div[id^="chgt_"]#chgt_section_suivi h4.texteInfos { display: none; }
  div[id^="chgt_"]#chgt_section_suivi #chgtEnCours, div[id^="chgt_"]#chgt_section_suivi #chgtEnAttente { border-right: unset; padding-left: 0; padding-right: 0; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie { width: 100%; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.planningpersoDiv { margin-top: 2rem; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."], div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] { display: none; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPerso."], div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div[id^="planningPerso."] { display: initial; }
  div[id^="chgt_"] div.card { flex-direction: column; align-items: center; margin-bottom: 2rem; width: 80%; }
  div[id^="chgt_"] div.card label.toggle-options { cursor: pointer; flex: 1; justify-content: center; }
  div[id^="chgt_"] div.card label.toggle-options div.changementATraiterCard { flex-direction: row; margin: 0; width: 100%; }
  div[id^="chgt_"] div.card label.toggle-options div.changementATraiterCard div.infosDemande { flex: 5; row-gap: unset; width: min-content; }
  div[id^="chgt_"] div.card label.toggle-options div.changementATraiterCard div.date { display: flex; }
  div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="texteLong"] { display: none; }
  div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="initiateur"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="destinataire"] { grid-row: 1 / 3; }
  div[id^="chgt_"] div.card label.toggle-options div.infosDemande img[id*="iconeType"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="posteChange"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="texte."] { grid-column: 2 / 4; }
  div[id^="chgt_"] div.card label.toggle-options div.infosDemande img[id*="iconeType"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="posteChange"], div[id^="chgt_"] div.card label.toggle-options div.infosDemande [id*="texte."] { grid-row-start: unset; }
  div[id^="chgt_"] div.card button, div[id^="chgt_"] div.card label.btnInfos { height: 4rem; margin: 1rem; }
  div[id^="chgt_"] div.card button img, div[id^="chgt_"] div.card label.btnInfos img { width: 3rem; }
  div[id^="chgt_"] div.card button.buttonAnnulerUnePersonne, div[id^="chgt_"] div.card label.btnInfos.buttonAnnulerUnePersonne { margin-bottom: 0; margin-top: 0; }
  div[id^="chgt_"] div.card div.cardDeplie { display: none; width: 80%; flex-direction: row; }
  div[id^="chgt_"] div.card div.cardDeplie .optionsAffichees { flex: 1; flex-direction: row-reverse; }
  div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande { position: relative; align-items: center; justify-content: flex-start; margin-bottom: 7rem; }
  div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv { margin-right: 1rem; margin-left: 1rem; }
  div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv div.infoSup { margin: 0; }
  div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv div.actionsDemande { margin-top: 1rem; }
  div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.planningpersoDiv { margin-top: 5rem; max-width: unset; }
  div[id^="chgt_"] div.card.demandeEnCoursCard { align-items: flex-end; flex: unset; flex-grow: 1; width: 100%; }
  div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv img.imageDemande { display: initial; height: 3rem; }
  div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options { cursor: default; width: 100%; }
  div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options div.demandeEnCours { flex: 1; }
  div[id^="chgt_"] div.card.demandeEnCoursCard div.cardDeplie { flex-direction: column; }
  div[id^="chgt_"] div.card .toggle-options:checked ~ div.cardDeplie { display: initial; border: unset; }
  div[id^="chgt_"] div.card .toggle-options:checked ~ div.cardDeplie p.choixDemande { display: initial; }
  div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie { border: 1px solid #be0a26; }
  div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees button { bottom: 0rem; }
  div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees button.btnValider { right: 0rem; }
  div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees button.btnAnnuler { left: 0rem; }
  div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees label.btnInfos { position: absolute; right: 1rem; top: 1rem; }
  div[id^="chgt_"] div.card .toggle-details:checked ~ div.cardDeplie .optionsAffichees label.btnInfos img { content: url("../images/flaticon/oeil_barre.svg"); background-size: contain; } }
@media (max-width: 1000px) { div[id^="chgt_"]#chgt_section_suivi div.listeLigne, div[id^="chgt_"]#chgt_section_a_traiter div.listeLigne { overflow-x: unset; }
  div[id^="chgt_"]#chgt_section_suivi div.card, div[id^="chgt_"]#chgt_section_a_traiter div.card { width: 100%; }
  div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options, div[id^="chgt_"]#chgt_section_a_traiter div.card label.toggle-options { width: 100%; }
  div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.demandeEnCours .optionsAffichees, div[id^="chgt_"]#chgt_section_a_traiter div.card label.toggle-options div.demandeEnCours .optionsAffichees { display: none; }
  div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.changementATraiterCard div.infosDemande, div[id^="chgt_"]#chgt_section_a_traiter div.card label.toggle-options div.changementATraiterCard div.infosDemande { flex: 3; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie, div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie { width: 100%; height: 6rem; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande, div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande { width: 100%; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."], div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] { display: initial; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] table.planningperso, div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div[id^="planningPersoMobile."] table.planningperso { max-width: 90%; }
  div[id^="chgt_"]#chgt_section_suivi div.card div.cardDeplie div.detailsDemande div[id^="planningPerso."], div[id^="chgt_"]#chgt_section_a_traiter div.card div.cardDeplie div.detailsDemande div[id^="planningPerso."] { display: none; }
  div[id^="chgt_"]#chgt_section_suivi div.card .toggle-options:checked ~ label.toggle-options div.demandeEnCours .optionsAffichees, div[id^="chgt_"]#chgt_section_a_traiter div.card .toggle-options:checked ~ label.toggle-options div.demandeEnCours .optionsAffichees { display: flex; flex-direction: row-reverse; align-items: center; height: 4rem; width: 100%; z-index: 1; position: absolute; bottom: 1rem; }
  div[id^="chgt_"]#chgt_section_suivi div.card .toggle-options:checked ~ label.toggle-options div.demandeEnCours .optionsAffichees p.choixDemande, div[id^="chgt_"]#chgt_section_a_traiter div.card .toggle-options:checked ~ label.toggle-options div.demandeEnCours .optionsAffichees p.choixDemande { display: initial; }
  div[id^="chgt_"]#chgt_section_suivi div.card .toggle-options:checked ~ div.cardDeplie, div[id^="chgt_"]#chgt_section_a_traiter div.card .toggle-options:checked ~ div.cardDeplie { border: 1px solid #be0a26; }
  div[id^="chgt_"]#chgt_section_suivi div.card .toggle-details:checked ~ div.cardDeplie, div[id^="chgt_"]#chgt_section_a_traiter div.card .toggle-details:checked ~ div.cardDeplie { height: unset; padding-bottom: 6rem; } }
@media (max-width: 500px) { div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.demandeEnCours div.infosDemande { align-items: center; }
  div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.demandeEnCours div.infosDemande [id*="texte."] { display: none; }
  div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.demandeEnCours div.infosDemande [id*="initiateur"], div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.demandeEnCours div.infosDemande [id*="destinataire"], div[id^="chgt_"]#chgt_section_suivi div.card label.toggle-options div.demandeEnCours div.infosDemande [id*="commentaire"] { grid-row: unset; } }
.tutoriel-installation { display: flex; flex-direction: column; align-items: center; gap: 10px; }

.tutoriel-etapes { margin-bottom: 5px; font-size: medium; }

/*!
 * Planning-Medical.com
 *
 * Copyright (c) 2008-2023
 *
 * Il est interdit de reproduire, représenter, transférer, distribuer ou d'enregistrer
 * tout ou partie du site ou de l’application, sous quelque forme que ce soit
 * sans avoir l'autorisation écrite et préalable de Planning-Medical.com.
 *
 * Dernière modification : 13/10/2023
 */
/* Mode sombre Si on détecte une préférence utilisateur sur le mode sombre */
/*********************************************************** Palette de couleurs en mode sombre
***********************************************************/
/* Utilisation : Ces couleurs peuvent être utilisées telles quelles, avec éventuellement du texte blanc/gris par dessus (sauf si fond blanc).  Les survols (hover) doivent être définis plus clairs (avec la fonction scale-color de SASS, voir https://sass-lang.com/documentation/modules/color#scale), avec le texte noir par dessus.  Les "active" doivent être définis plus sombres (avec la fonction scale-color de SASS), avec du texte blanc par dessus.  Pour vérifier les contrastes : https://contrastchecker.com/ (le but est d'avoir le plus de pastilles vertes, au minimum les AA) */
/* Couleurs spécifiques et nuances */
/***********************************************************
Surcharge des mixins
***********************************************************/
/***********************************************************
Surcharge des pages
***********************************************************/
@media (prefers-color-scheme: dark) { body { background-color: rgba(0, 0, 0, 0.8); color: #e1e1e1; }
  body h1 { color: #ededed; }
  body h2, body h3, body h4, body h5 { color: #e6e6e6; }
  body a { color: #b3ceff; }
  body a:hover, body a:hover:visited, body a:link:hover { color: #317aff; }
  body ol.filAriane li a { color: #e1e1e1; }
  body ol.filAriane li a :hover { color: #ededed; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) { background-color: #2b2b2b; color: #000000; border-color: #e1e1e1; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) thead th, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tfoot th, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tbody tr.rappel th { background-color: #272727; color: #e1e1e1; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) thead th[style*="background-color"], body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tfoot th[style*="background-color"], body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tbody tr.rappel th[style*="background-color"] { color: #000000; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tbody tr.rappel td { background-color: inherit; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.titre { background-color: #563500; background-image: unset; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.pair { background-color: #272727; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.impair { background-color: #3f3402; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.aujourdhui { background-color: #5a5a00 !important; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr [class^="poste"] { color: #e1e1e1; background-color: inherit; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.no { background-color: #2b2b2b; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.mvt th span.nom, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.mvt td span.nom { background-color: #ffaa1e; color: #000000; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair { background-color: rgba(0, 0, 0, 0.25); }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.avalid, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair.avalid { background-color: #3ba037; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.avalid.jour6, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.avalid.jour7, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.avalid.jour0, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.avalid.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair.avalid.jour6, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair.avalid.jour7, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair.avalid.jour0, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair.avalid.ferie { background-color: #4844c3 !important; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.avalid.nonalt, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr:hover td.pair.avalid.nonalt { background-color: #6b6b6b !important; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.jour0, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour0, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour0, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.jour6, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour6, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour6, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.jour7, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour7, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour7, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.ferie { background-color: #343198; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.jour0 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour0 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour0 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.jour6 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour6 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour6 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.jour7 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour7 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour7 span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) tr.ferie span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.ferie span.ferie, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.ferie span.ferie { color: #ededed; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.jour { color: #e1e1e1; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.modifie { background-color: #176952; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td:not([headers]) { color: #e1e1e1; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.avalid { background-color: #276924; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.avalid.jour6, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.avalid.jour7, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.avalid.jour0, body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.avalid.ferie { background-color: #1b4a19; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) td.nonalt { background-color: #404040 !important; }
  body table:not(.planning):not(.generation):not(.semaine):not(.nouvplan) th.jour { color: #e1e1e1; }
  body table.scinder, body table.large, body table.absences, body table.historique, body table.vacances, body table.annuaire, body table.planrouge, body table.evenement, body table.phase, body table.asso, body table#ajaxcra, body table.liste, body table.calendrier, body table.planningperso, body table.calendrier.desiderata, body table.desiderata.planningperso, body table.planningperso, body table.statistiques, body table.annuaire, body table.planrouge, body table.cra, body table.activites, body table.prevision, body table.altern, body table#calapp, body table.sysop { color: #e1e1e1 !important; }
  body table.planning, body table.generation, body table.nouvplan, body table.semaine, body table.nouvplan { color: initial; }
  body table.generation a, body table.nouvplan a { color: #0048a0; }
  body table.phase { background-color: unset !important; }
  body table.liste tr.accesSupprime.pair { background-color: #767676; }
  body table.liste tr.accesSupprime.impair { background-color: #392f02; }
  body table.liste tr.statut200.pair, body table.liste tr.statut205.pair, body table.liste tr.statut210.pair { background-color: #00468c !important; }
  body table.liste tr.statut200.impair, body table.liste tr.statut205.impair, body table.liste tr.statut210.impair { background-color: #003c77 !important; }
  body table.calendrier td:hover, body table.planningperso td:hover, body table.calendrier.desiderata td:hover, body table.desiderata.planningperso td:hover, body table.planningperso td:hover { background-color: #4b4b96 !important; }
  body table.calendrier tbody, body table.planningperso tbody, body table.calendrier.desiderata tbody, body table.desiderata.planningperso tbody, body table.planningperso tbody { background-color: #1e1e1e; }
  body table.calendrier tbody td span.vacances, body table.planningperso tbody td span.vacances, body table.calendrier.desiderata tbody td span.vacances, body table.desiderata.planningperso tbody td span.vacances, body table.planningperso tbody td span.vacances { background-color: #7d3600; border-color: #773300; }
  body table.calendrier tbody td.aujourdhui, body table.planningperso tbody td.aujourdhui, body table.calendrier.desiderata tbody td.aujourdhui, body table.desiderata.planningperso tbody td.aujourdhui, body table.planningperso tbody td.aujourdhui { background-color: #5a5a00; }
  body table.calendrier tbody td.garde, body table.planningperso tbody td.garde, body table.calendrier.desiderata tbody td.garde, body table.desiderata.planningperso tbody td.garde, body table.planningperso tbody td.garde { background-color: #276924; }
  body table.calendrier tbody td.garde li, body table.planningperso tbody td.garde li, body table.calendrier.desiderata tbody td.garde li, body table.desiderata.planningperso tbody td.garde li, body table.planningperso tbody td.garde li { color: inherit; }
  body table.calendrier tbody td.garde li[class*='service'], body table.planningperso tbody td.garde li[class*='service'], body table.calendrier.desiderata tbody td.garde li[class*='service'], body table.desiderata.planningperso tbody td.garde li[class*='service'], body table.planningperso tbody td.garde li[class*='service'] { color: #000000; }
  body table.calendrier tbody td.interdit, body table.planningperso tbody td.interdit, body table.calendrier tbody td.interditWeekend, body table.planningperso tbody td.interditWeekend, body table.calendrier.desiderata tbody td.interdit, body table.desiderata.planningperso tbody td.interdit, body table.calendrier.desiderata tbody td.interditWeekend, body table.desiderata.planningperso tbody td.interditWeekend, body table.planningperso tbody td.interdit, body table.planningperso tbody td.interditWeekend { background: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 12.5%, rgba(0, 0, 0, 0.6) 12.5%, rgba(0, 0, 0, 0.6) 37.5%, rgba(0, 0, 0, 0.2) 37.5%, rgba(0, 0, 0, 0.2) 62.5%, rgba(0, 0, 0, 0.6) 62.5%, rgba(0, 0, 0, 0.6) 87.5%, rgba(0, 0, 0, 0.2) 87.5%); }
  body table.calendrier tbody td.avant, body table.planningperso tbody td.avant, body table.calendrier tbody td.apres, body table.planningperso tbody td.apres, body table.calendrier.desiderata tbody td.avant, body table.desiderata.planningperso tbody td.avant, body table.calendrier.desiderata tbody td.apres, body table.desiderata.planningperso tbody td.apres, body table.planningperso tbody td.avant, body table.planningperso tbody td.apres { background-color: #404040; }
  body table.calendrier tbody td.avant.jour6, body table.planningperso tbody td.avant.jour6, body table.calendrier tbody td.avant.jour0, body table.planningperso tbody td.avant.jour0, body table.calendrier tbody td.avant.ferie, body table.planningperso tbody td.avant.ferie, body table.calendrier tbody td.apres.jour6, body table.planningperso tbody td.apres.jour6, body table.calendrier tbody td.apres.jour0, body table.planningperso tbody td.apres.jour0, body table.calendrier tbody td.apres.ferie, body table.planningperso tbody td.apres.ferie, body table.calendrier.desiderata tbody td.avant.jour6, body table.desiderata.planningperso tbody td.avant.jour6, body table.calendrier.desiderata tbody td.avant.jour0, body table.desiderata.planningperso tbody td.avant.jour0, body table.calendrier.desiderata tbody td.avant.ferie, body table.desiderata.planningperso tbody td.avant.ferie, body table.calendrier.desiderata tbody td.apres.jour6, body table.desiderata.planningperso tbody td.apres.jour6, body table.calendrier.desiderata tbody td.apres.jour0, body table.desiderata.planningperso tbody td.apres.jour0, body table.calendrier.desiderata tbody td.apres.ferie, body table.desiderata.planningperso tbody td.apres.ferie, body table.planningperso tbody td.avant.jour6, body table.planningperso tbody td.avant.jour0, body table.planningperso tbody td.avant.ferie, body table.planningperso tbody td.apres.jour6, body table.planningperso tbody td.apres.jour0, body table.planningperso tbody td.apres.ferie { background-color: #2b2b2b; }
  body table.calendrier tbody td.gris, body table.planningperso tbody td.gris, body table.calendrier.desiderata tbody td.gris, body table.desiderata.planningperso tbody td.gris, body table.planningperso tbody td.gris { background-color: #2b2b2b; }
  body table.calendrier tbody div.desiderata div.alternanceImposee, body table.planningperso tbody div.desiderata div.alternanceImposee, body table.calendrier.desiderata tbody div.desiderata div.alternanceImposee, body table.desiderata.planningperso tbody div.desiderata div.alternanceImposee, body table.planningperso tbody div.desiderata div.alternanceImposee { border-color: #730000; background-color: #757575; }
  body table.statistiques th.statut, body table.annuaire th.statut, body table.planrouge th.statut, body table.statistiques td.statut, body table.annuaire td.statut, body table.planrouge td.statut { background-color: #272727; }
  body table.statistiques th.cumul, body table.annuaire th.cumul, body table.planrouge th.cumul, body table.statistiques th.avalid, body table.annuaire th.avalid, body table.planrouge th.avalid, body table.statistiques td.cumul, body table.annuaire td.cumul, body table.planrouge td.cumul, body table.statistiques td.avalid, body table.annuaire td.avalid, body table.planrouge td.avalid { background-color: #256422; }
  body table.statistiques th.lvl1, body table.annuaire th.lvl1, body table.planrouge th.lvl1, body table.statistiques td.lvl1, body table.annuaire td.lvl1, body table.planrouge td.lvl1 { background-color: #ff9f02; }
  body table.statistiques th.lvl2, body table.annuaire th.lvl2, body table.planrouge th.lvl2, body table.statistiques td.lvl2, body table.annuaire td.lvl2, body table.planrouge td.lvl2 { background-color: #e48e00; }
  body table.statistiques th.lvl3, body table.annuaire th.lvl3, body table.planrouge th.lvl3, body table.statistiques td.lvl3, body table.annuaire td.lvl3, body table.planrouge td.lvl3 { background-color: #9b0000; }
  body table.statistiques th.lvl4, body table.annuaire th.lvl4, body table.planrouge th.lvl4, body table.statistiques td.lvl4, body table.annuaire td.lvl4, body table.planrouge td.lvl4 { background-color: #730000; }
  body table.statistiques tr.pair td.pair, body table.annuaire tr.pair td.pair, body table.planrouge tr.pair td.pair { background-color: #363636; }
  body table.statistiques tr.pair td.jour, body table.annuaire tr.pair td.jour, body table.planrouge tr.pair td.jour { background-color: #773300; }
  body table.statistiques tr.pair td.cumul, body table.annuaire tr.pair td.cumul, body table.planrouge tr.pair td.cumul { background-color: #256422; }
  body table.statistiques tr.pair td.cp, body table.annuaire tr.pair td.cp, body table.planrouge tr.pair td.cp { background-color: #003c77; }
  body table.statistiques tr.impair td.impair, body table.annuaire tr.impair td.impair, body table.planrouge tr.impair td.impair { background-color: #565600; }
  body table.statistiques tr.impair td.jour, body table.annuaire tr.impair td.jour, body table.planrouge tr.impair td.jour { background-color: #7d3600; }
  body table.statistiques tr.impair td.cumul, body table.annuaire tr.impair td.cumul, body table.planrouge tr.impair td.cumul { background-color: #276924; }
  body table.statistiques tr.impair td.cp, body table.annuaire tr.impair td.cp, body table.planrouge tr.impair td.cp { background-color: #00468c; }
  body table.statistiques thead, body table.annuaire thead, body table.planrouge thead { background-color: #323232; }
  body table.statistiques tbody .verrou, body table.annuaire tbody .verrou, body table.planrouge tbody .verrou, body table.statistiques tbody .verrou th, body table.annuaire tbody .verrou th, body table.planrouge tbody .verrou th, body table.statistiques tbody .verrou td.jour, body table.annuaire tbody .verrou td.jour, body table.planrouge tbody .verrou td.jour, body table.statistiques tbody .verrou td.cp, body table.annuaire tbody .verrou td.cp, body table.planrouge tbody .verrou td.cp { background-color: #272727; }
  body table.statistiques tbody .verrou:hover td, body table.annuaire tbody .verrou:hover td, body table.planrouge tbody .verrou:hover td, body table.statistiques tbody .verrou:hover th, body table.annuaire tbody .verrou:hover th, body table.planrouge tbody .verrou:hover th, body table.statistiques tbody .verrou th:hover td, body table.annuaire tbody .verrou th:hover td, body table.planrouge tbody .verrou th:hover td, body table.statistiques tbody .verrou th:hover th, body table.annuaire tbody .verrou th:hover th, body table.planrouge tbody .verrou th:hover th, body table.statistiques tbody .verrou td.jour:hover td, body table.annuaire tbody .verrou td.jour:hover td, body table.planrouge tbody .verrou td.jour:hover td, body table.statistiques tbody .verrou td.jour:hover th, body table.annuaire tbody .verrou td.jour:hover th, body table.planrouge tbody .verrou td.jour:hover th, body table.statistiques tbody .verrou td.cp:hover td, body table.annuaire tbody .verrou td.cp:hover td, body table.planrouge tbody .verrou td.cp:hover td, body table.statistiques tbody .verrou td.cp:hover th, body table.annuaire tbody .verrou td.cp:hover th, body table.planrouge tbody .verrou td.cp:hover th { background-color: #252525; }
  body table.cra tbody td.fonce, body table.cra tbody th.fonce, body table.cra thead td.fonce, body table.cra thead th.fonce { background-color: #5a5a00 !important; }
  body table.cra tbody td.fonce2, body table.cra tbody th.fonce2, body table.cra thead td.fonce2, body table.cra thead th.fonce2 { background-color: #7d3600 !important; }
  body table.cra tbody td.fonce3, body table.cra tbody th.fonce3, body table.cra thead td.fonce3, body table.cra thead th.fonce3 { background-color: #276924 !important; }
  body table.cra tbody td.fonce4, body table.cra tbody th.fonce4, body table.cra thead td.fonce4, body table.cra thead th.fonce4 { background-color: #003c77 !important; }
  body table.cra tbody th.statut, body table.cra thead th.statut { background-color: #272727; }
  body table.activites thead th, body table.activites th.statut { background-color: #272727; }
  body table.activites td.avalid { background-color: #276924; }
  body table.activites td.desclin { background-color: #c20000; color: #000000; }
  body table.activites td.interdit { background-color: #555555; }
  body table.activites th.jour6, body table.activites th.jour7, body table.activites th.jour0, body table.activites th.ferie, body table.activites td.jour6, body table.activites td.jour7, body table.activites td.jour0, body table.activites td.ferie { background-color: #2a277a; }
  body table.activites th.jour6.interdit, body table.activites th.jour7.interdit, body table.activites th.jour0.interdit, body table.activites th.ferie.interdit, body table.activites td.jour6.interdit, body table.activites td.jour7.interdit, body table.activites td.jour0.interdit, body table.activites td.ferie.interdit { background-color: #404040; }
  body table.activites tr:hover td, body table.activites tr:hover td.pair { color: #000000; background-color: #957b05; }
  body table.activites tr:hover td.jour6, body table.activites tr:hover td.jour7, body table.activites tr:hover td.jour0, body table.activites tr:hover td.ferie, body table.activites tr:hover td.pair.jour6, body table.activites tr:hover td.pair.jour7, body table.activites tr:hover td.pair.jour0, body table.activites tr:hover td.pair.ferie { background-color: #4844c3 !important; }
  body table.activites tr:hover td.avalid.jour6, body table.activites tr:hover td.avalid.jour7, body table.activites tr:hover td.avalid.jour0, body table.activites tr:hover td.avalid.ferie, body table.activites tr:hover td.pair.avalid.jour6, body table.activites tr:hover td.pair.avalid.jour7, body table.activites tr:hover td.pair.avalid.jour0, body table.activites tr:hover td.pair.avalid.ferie { background-color: #31842d !important; }
  body table.activites tr:hover td.avalid, body table.activites tr:hover td.pair.avalid { background-color: #3ba037; }
  body table.activites span.vacancesScolaire { background-color: #8f5900 !important; }
  body table.activites div.alternanceImposee { border-color: #730000; background-color: #757575; }
  body table.activites.transpose td.pair { background-color: #3f3402; }
  body table.activites.transpose thead th.pair { background-color: #3f3402 !important; }
  body table.activites.transpose td.pair.jour0, body table.activites.transpose td.pair.jour6, body table.activites.transpose td.pair.jour7, body table.activites.transpose td.pair.ferie { background-color: #4844c3 !important; }
  body table.maj { color: #000000; }
  body table.prevision { /* Sous effectif dans les prévisions de congés */ /* Risque de sous effectif dans les prévisions de congés */ }
  body table.prevision th.souseffectif { background-color: #730000 !important; color: #e1e1e1; }
  body table.prevision th.souseffectif.affecte { background-color: #c79999; }
  body table.prevision th.souseffectif.jour7, body table.prevision th.souseffectif.jour6, body table.prevision th.souseffectif.ferie { background-color: #680000; }
  body table.prevision th.souseffectif.jour7.affecte, body table.prevision th.souseffectif.jour6.affecte, body table.prevision th.souseffectif.ferie.affecte { background-color: #c09999; }
  body table.prevision th.souseffectif2 { background-color: #5a5a00 !important; /* Risque de sous effectif dans les prévisions de congés - Journée générée */ }
  body table.prevision th.souseffectif2.affecte { background-color: #bdbd99; }
  body table.prevision td.absent { background-color: #272727; }
  body table.prevision th.vacances span { background-color: #7d3600; border-color: #773300; color: #e1e1e1; }
  body table.prevision td.creat1 { background-color: #ffaa1e; }
  body table.prevision td.creat2 { background-color: #ff9f02; }
  body table.prevision td.creat3 { background-color: #e48e00; }
  body table.prevision td.avalid { background-color: #276924 !important; }
  body table.rdes img[title*="Repos de Sécurité"] { filter: invert(1); }
  body table.rdes tr:hover { background-color: #c87c00; }
  body table.rdes tr:hover th a { color: #317aff; }
  body table.rdes td.alternanceImposee { border-color: #730000; background-color: #757575; }
  body table#calapp td.n { background-color: #00468c; }
  body table#calapp td.j { background-color: #f29700; }
  body table#calapp td.n.j { background-color: #d68500; }
  body table#calapp td.mois1 { background-color: #00468c; }
  body table#calapp td.mois2 { background-color: #e48e00; }
  body table#calapp td.mois3 { background-color: #276924; }
  body table#calapp td.mois4 { background-color: #7d3600; }
  body table#calapp td.mois5 { background-color: #176952; }
  body table#calapp td.mois6 { background-color: #343198; }
  body table#calapp td.mois7 { background-color: #003c77; }
  body table#calapp td.mois8 { background-color: #c87c00; }
  body table#calapp td.mois9 { background-color: #235f20; }
  body table#calapp td.mois10 { background-color: #713100; }
  body table#calapp td.mois11 { background-color: #155f4a; }
  body table#calapp td.mois12 { background-color: #2f2c89; }
  body header { background-color: #000000; }
  body header a.connect { background-color: #730000; }
  body header nav#menu { background-color: inherit; }
  body header nav#menu .menu { background-color: inherit; }
  body header nav#menu ul.level2 li { background-color: #272727; }
  body header nav#menu ul.level2 li:hover { background-color: #730000; }
  body header nav#menu div#cartouche { background-color: #000000; }
  body header nav#menu div#cartouche label .a-like { color: #f0e94a; }
  body header nav#menu div#cartouche #toggle-services:checked + ul#listeServices li ul a { color: #f0e94a; }
  body header nav#menu div#cartouche #toggle-services:checked + ul#listeServices li ul a:hover { color: #317aff; }
  body header nav#menu div#cartouche .mainCard { background-color: inherit; }
  body header nav#menu svg .mds-hidden { fill: #000000; } }
@media (prefers-color-scheme: dark) and (max-width: 1000px) { body header.slideMenuON #toggle:checked ~ nav#menu { background-color: #000000; }
  body header #toggle:checked ~ nav#menu .menu li { border-color: #e1e1e1; }
  body header #toggle:checked ~ nav#menu .menu li:hover { background-color: #730000; }
  body header #toggle:checked ~ nav#menu .menu .level2 li:hover { background-color: #9b0000; color: unset; } }
@media (prefers-color-scheme: dark) { body footer { background-color: #000000; border-top-color: #272727; }
  body footer button#btnDemoForm { color: #e1e1e1; }
  body div.navCalendrier ul li { background-color: #272727; }
  body div.navCalendrier ul li.aujourdhui { background-color: #8f5900; }
  body div.navCalendrier ul li:hover { background-color: #4b4b4b; }
  body div.navCalendrier ul li:hover a { color: #317aff; }
  body div.navCalendrier ul li.valide { background-color: #176952; }
  body div.navCalendrier ul li a { color: inherit; }
  body form { background-color: #272727; }
  body form legend { background-color: #730000; }
  body form select, body form input, body form textarea { color: inherit; }
  body form select, body form select option { background-color: #2b2b2b; }
  body form input[type="time"]::-webkit-calendar-picker-indicator { background-color: #e1e1e1; }
  body form button { color: #000000; }
  body form.modele textarea { background-color: #2b2b2b; }
  body form div.custom-advice { color: #ff3a3a; }
  body form#fbarre button { background-color: #730000; color: #e1e1e1; }
  body form#fbarre button:hover { background-color: #ff3a3a; color: #000000; }
  body form#fbarre button:active { background-color: #3a0000; }
  body form#frecherche { background-color: #404040; }
  body ul.support li, body ul.support li.card { background-color: #272727; }
  body ul.support li .deplier:hover, body ul.support li.card .deplier:hover { color: inherit; background-color: #276924; }
  body ul.support li.fiche:hover, body ul.support li.card2:hover { background-color: #276924; }
  body ul.support li.fiche:hover a, body ul.support li.card2:hover a { color: inherit; }
  body ul.support li.fiche a span.lib, body ul.support li.card2 a span.lib { color: #f0e94a; }
  body ul.support .ici { background-color: #643e00; border-color: #ffaa1e; }
  body ul.motsclefs li { background-color: #e48e00; }
  body .iconeMenu.help { background-image: url("../images/flaticon/help-b.svg"); }
  body div.support blockquote { background-color: #272727; }
  body a.btnChangements.btnIconeHistoriqueChangement:hover { background-color: #9e9e9e; }
  body .mainCard { background-color: #272727; }
  body.public a.btn:hover { background-color: #730000; color: inherit; }
  body.public #temoignages .carousel-item .mainCard, body.public #confiance .mainCard { background-color: #e1e1e1; color: #000000; }
  body.public #procedure .flexGrid { background-color: #730000; }
  body.public .cta { background-color: #730000; }
  body.public .cta.bleufonce { background-color: #003c77; }
  body.public .cta.bleuclair { background-color: #00468c; }
  body.public .cta.vert { background-color: #176952; }
  body.public .cta.jaune { background-color: #3f3402; }
  body.public .etape { box-shadow: 0 0 10px 0 #730000; }
  body.public .etape.bleufonce { box-shadow: 0 0 10px 0 #004081; }
  body.public .etape.bleuclair { box-shadow: 0 0 10px 0 #00468c; }
  body.public .etape.vert { box-shadow: 0 0 10px 0 #176952; }
  body.public .etape.jaune { box-shadow: 0 0 10px 0 #3f3402; }
  body.public #prerequis #trame a img[alt*="ODT"] { filter: invert(1); }
  body.public #identificationGrid #probleme ul li { background-color: #272727; }
  body.public #identificationGrid #probleme ul li > .astuce { background-color: #392f02; }
  body.public #identificationGrid #probleme ul li:hover, body.public #identificationGrid #probleme ul li.padding { background-color: #392f02; }
  body.public #identificationGrid #probleme ul li:hover div, body.public #identificationGrid #probleme ul li.padding div { background-color: #3f3402; }
  body.prive div#bourse { background-image: unset; background-color: #ffaa1e; color: #000000; }
  body.prive div#bourse h3 { color: inherit; }
  body.prive ul.bourse li { background-image: unset; background-color: #176952; }
  body.prive ul.bourse li.nonComp, body.prive ul.bourse li.postulation-impossible { background-color: #2b2b2b; }
  body.prive ul.bourse li.postule { background-color: #003c77; }
  body.prive ul.bourse li.ici { background-color: #7d3600; background-image: none; -moz-box-shadow: #222222 2px 2px 5px; -webkit-box-shadow: #222222 2px 2px 5px; box-shadow: #222222 2px 2px 5px; }
  body.prive p.vacances { background-color: #7d3600; border-color: #773300; }
  body.prive div.bulle { background-image: unset; color: inherit; }
  body.prive div.bulle h3 { color: inherit; }
  body.prive div.bulle.boursea, body.prive div.bulle.chgta { background-color: #8f5900; }
  body.prive div.bulle.neutre { background-color: #2b2b2b; }
  body.prive div.bulle.actif { background-color: #276924; }
  body.prive div.bulle.poste, body.prive div.bulle.medecin, body.prive div.bulle.semaine { background-color: #00468c; }
  body.prive span.vert, body.prive strong.vert { color: #7ad076; }
  body.prive div#curve_chart svg rect { fill: #2b2b2b; }
  body.prive div#curve_chart svg text { fill: #e1e1e1; }
  body.prive div#curve_chart svg g rect { fill: #555555; }
  body.prive p.commentaire { background-color: #3f3402; }
  body.prive p.commentaire.reponse { background-color: #276924; }
  body.prive p.commentaire.reponse span.titre { color: #000000; }
  body.prive div#fenetreExportExcel { background-color: rgba(0, 0, 0, 0.8); }
  body div[id^="chgt_"] { -moz-box-shadow: #000000 0px 0px 10px; -webkit-box-shadow: #000000 0px 0px 10px; box-shadow: #000000 0px 0px 10px; background-color: #2b2b2b; }
  body div[id^="chgt_"]#chgt_section_suivi h4#requetesEnCours { background-image: url("../images/flaticon/question-b.svg"); }
  body div[id^="chgt_"]#chgt_section_suivi h4#requetesEnAttente { background-image: url("../images/flaticon/hourglassTime-b.svg"); }
  body div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options div.demandeEnCours, body div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv { background-color: #2b2b2b; }
  body div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options div.demandeEnCours p.poste, body div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv p.poste { color: #ff768c; }
  body div[id^="chgt_"] div.card.demandeEnCoursCard div.indicateursDiv img.imageDemande, body div[id^="chgt_"] div.card.demandeEnCoursCard .infosPersonne div div img, body div[id^="chgt_"] div.card.demandeEnCoursCard label.toggle-options div.demandeEnCours button.btnDelete { filter: invert(100%); }
  body div[id^="chgt_"] div.card div.choixDemande, body div[id^="chgt_"] div.card div.choixDemandeMobile, body div[id^="chgt_"] div.card div.cardDeplie, body div[id^="chgt_"] div.card div.infosPersonne { background-color: #404040; }
  body div[id^="chgt_"] div.card div.cardDeplie div.detailsDemande div.infoDiv div.actionsDemande textarea { background-color: #2b2b2b; color: #ffffff; }
  body div#contenuDmdChangement #ndmdForm div.customSelect > label, body div#contenuDmdChangement #ndmdForm div.customSelect > select, body div#contenuDmdChangement #ndmdForm p.customSelect > label, body div#contenuDmdChangement #ndmdForm p.customSelect > select { background-image: url("../images/flaticon/bullet_arrow_down-blanc.svg"); }
  body div#contenuDmdChangement #ndmdForm div.customSelect ul, body div#contenuDmdChangement #ndmdForm p.customSelect ul { background-color: #2b2b2b; }
  body div#contenuDmdChangement #ndmdForm .vignette { border-color: #e1e1e1; }
  body ul.notifmsg li.msg { background-color: #272727; color: #41ae3c; border-color: #41ae3c; }
  body ul.notifmsg li.msg.erreur { color: #ff768c; }
  body ul.notifmsg li.msg.warning { color: #ffaa1e; border-color: #ffaa1e; }
  body div#sgen, body div#scom, body div#scho, body div.popup { background-color: #2b2b2b; box-shadow: #6b6b6b 2px 2px 5px; }
  body div#scom span.valeurCourante { color: #000000; }
  body div#attentePreGen { opacity: 1; color: #000000; }
  body div#verification .erreur { color: #ff3a3a; }
  body div#verification .erreur li { color: #b4b4b4; }
  body div#aide { background-color: #003c77; }
  body div.calendar table { color: #000000; background-color: initial !important; }
  body div.calendar table td:not([headers]) { color: inherit !important; }
  body .icone.ms_invert { filter: invert(1); }
  body div.bulle-accueil { border: unset; color: unset; background-color: #003c77; }
  body div.bulle-accueil.aide { background-color: #2b2b2b; background-image: url("../images/flaticon/help-b.svg"); }
  body div.bulle-accueil.warning { background-color: #730000; }
  body div.bulle-accueil.info { background-color: #392f02; }
  body div.bulle-accueil.info.message-support-main { background-color: #272727; }
  body div.bulle-accueil.info-sondage { background-color: #272727; } }