@charset "UTF-8";
html[data-charte=msh] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=msh] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=msh] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=msh] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=msh] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=msh] div.user-data a, html[data-charte=msh] div.user-data a:visited {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=msh] div.user-data button {
  position: relative;
  font-size: 90%;
  color: #d84e38;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=msh] div.user-data button:focus, html[data-charte=msh] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=msh] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=msh] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=msh] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=msh] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=msh] div.card header {
  padding-left: 2rem;
}
html[data-charte=msh] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #FFFFFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=msh] div.card dd {
  line-height: 1.3;
}
html[data-charte=msh] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=msh] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=msh] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=msh] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=msh] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=msh] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=msh] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=msh] span.status {
  display: inline-block;
}
html[data-charte=msh] div.h-card h2 a, html[data-charte=msh] div.h-card h2 a:visited {
  background-color: #002f5a;
}
html[data-charte=msh] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=msh] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=msh] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=msh] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=msh] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=msh] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=msh] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=msh] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=msh] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=msh] .chip.default {
  font-size: 0.9rem;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] ul.chips {
  justify-content: flex-start;
}
html[data-charte=msh] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=msh] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=msh] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFFFFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=msh] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=msh] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=msh] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=msh] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=msh] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=msh] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=msh] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=msh] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=msh] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=msh] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=msh] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=msh] div.personal-info div.avatar {
  background-color: #002f5a;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=msh] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=msh] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=msh] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #002f5a;
}
html[data-charte=msh] main.settings div.data-sheet h4 {
  color: #d84e38;
  background-color: #fff;
}
html[data-charte=msh] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #002f5a;
}
html[data-charte=msh] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=msh] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=msh] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=msh] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=msh] main.conversation > header:first-child {
  display: block;
}
html[data-charte=msh] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=msh] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=msh] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=msh] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=msh] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=msh] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=msh] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=msh] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=msh] div.bubble h3 time {
  display: block;
}
html[data-charte=msh] div.bubble h3 strong {
  color: #002f5a;
}
html[data-charte=msh] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=msh] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=msh] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=msh] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #002f5a;
  border-left: 1px solid #002f5a;
}
html[data-charte=msh] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.bubble div.content {
  color: #d84e38;
  background-color: #d84e38;
  word-wrap: break-word;
}
html[data-charte=msh] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=msh] div.bubble div.content a {
  color: #002f5a;
}
html[data-charte=msh] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=msh] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=msh] div.bubble details div {
  display: flex;
}
html[data-charte=msh] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=msh] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=msh] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=msh] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=msh] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=msh] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #002f5a;
}
html[data-charte=msh] div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=msh] div.conversation-message--owner-organization > div.bubble div.content a {
  color: #002f5a;
}
html[data-charte=msh] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=msh] div.bubble.conversation-message-comments .content {
  color: #002f5a;
  background-color: #fff;
  border: 1px solid #002f5a;
}
html[data-charte=msh] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=msh] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=msh] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=msh] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=msh] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=msh] div.bubble.message-comment .content {
  background-color: #002f5a;
}
html[data-charte=msh] div.bubble.message-comment .u-photo, html[data-charte=msh] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=msh] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=msh] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
  margin: 1rem 0;
}
html[data-charte=msh] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=msh] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=msh] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=msh] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=msh] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=msh] .message-body blockquote {
  color: #002f5a;
}
html[data-charte=msh] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=msh] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=msh] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=msh] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh] ul.message-attachments {
  list-style-type: none;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=msh] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=msh] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=msh] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=msh] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #002f5a;
}
html[data-charte=msh] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #002f5a;
}
html[data-charte=msh] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=msh] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=msh] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=msh] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=msh] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=msh] div.editor ul.message-attachments {
  border-top: 2px solid #d84e38;
}
html[data-charte=msh] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=msh] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=msh] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=msh] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=msh] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=msh] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=msh] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=msh] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=msh] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #002f5a;
}
html[data-charte=msh] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=msh] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=msh] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.5rem;
}
html[data-charte=msh] div.request h4 .status {
  margin: 0;
}
html[data-charte=msh] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #002f5a;
}
html[data-charte=msh] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=msh] div.request dl div {
  display: flex;
}
html[data-charte=msh] div.request dt {
  flex-basis: 5em;
}
html[data-charte=msh] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=msh] div.editor, html[data-charte=msh] form.create-new {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=msh] form.create-new {
  border: none;
}
html[data-charte=msh] div.editor h3 {
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=msh] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=msh] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=msh] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] p.template-selector {
  width: 100%;
}
html[data-charte=msh] p.template-selector input {
  width: 100%;
}
html[data-charte=msh] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=msh] div.mce-toolbar-grp button:hover, html[data-charte=msh] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] select, html[data-charte=msh] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=msh] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=msh] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=msh] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=msh] p.mandatory {
  text-align: right;
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=msh] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=msh] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=msh] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #FFFFFF;
  border-radius: 100%;
}
html[data-charte=msh] .badge {
  color: #d84e38;
  background-color: #FFFFFF;
  margin-left: 1rem;
}
html[data-charte=msh] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=msh] nav.pagination ul {
  justify-content: center;
}
html[data-charte=msh] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=msh] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=msh] .chip.label-color-1 {
  color: #FFFFFF;
  background-color: #85D687;
}
html[data-charte=msh] .chip.label-color-2 {
  color: #FFFFFF;
  background-color: #90CBDA;
}
html[data-charte=msh] .chip.label-color-3 {
  color: #FFFFFF;
  background-color: #D1CE75;
}
html[data-charte=msh] .chip.label-color-4 {
  color: #FFFFFF;
  background-color: #E6B3E1;
}
html[data-charte=msh] .chip.label-color-5 {
  color: #FFFFFF;
  background-color: #D9AC8C;
}
html[data-charte=msh] #page-labels-settings div.card dt.label-color::before,
html[data-charte=msh] #main-nav li a.label-color::before,
html[data-charte=msh] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=msh] #page-labels-settings div.card dt.label-color::before,
html[data-charte=msh] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=msh] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=msh] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=msh] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=msh] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=msh] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #002f5a;
}
html[data-charte=msh] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=msh] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=msh] #main-nav li a.label-color.label-color-1::before,
html[data-charte=msh] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=msh] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=msh] #main-nav li a.label-color.label-color-2::before,
html[data-charte=msh] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=msh] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=msh] #main-nav li a.label-color.label-color-3::before,
html[data-charte=msh] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=msh] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=msh] #main-nav li a.label-color.label-color-4::before,
html[data-charte=msh] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=msh] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=msh] #main-nav li a.label-color.label-color-5::before,
html[data-charte=msh] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=msh] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=msh] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: #002f5a;
  background-color: #E3E6E8;
  padding-left: 2em;
}
html[data-charte=msh] div.actions-bar button.icon-check:hover, html[data-charte=msh] div.actions-bar button.icon-check:focus {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=msh] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=msh] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=msh] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=msh] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=msh] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=msh] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=msh] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #d84e38;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=msh] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=msh] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=msh] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #FFFFFF;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=msh] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=msh] div.project-card p.divided {
  color: #002f5a;
  padding: 0.3em 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] div.project-card.details header {
  position: relative;
}
html[data-charte=msh] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=msh] div.project-card.details ul.actions-list {
  background-color: #E3E6E8;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=msh] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=msh] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=msh] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=msh] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=msh] html, html[data-charte=msh] body, html[data-charte=msh] div, html[data-charte=msh] span, html[data-charte=msh] object, html[data-charte=msh] iframe,
html[data-charte=msh] h1, html[data-charte=msh] h2, html[data-charte=msh] h3, html[data-charte=msh] h4, html[data-charte=msh] h5, html[data-charte=msh] h6, html[data-charte=msh] p, html[data-charte=msh] blockquote, html[data-charte=msh] pre,
html[data-charte=msh] a, html[data-charte=msh] abbr, html[data-charte=msh] address, html[data-charte=msh] big, html[data-charte=msh] cite, html[data-charte=msh] code,
html[data-charte=msh] del, html[data-charte=msh] dfn, html[data-charte=msh] em, html[data-charte=msh] form, html[data-charte=msh] img, html[data-charte=msh] ins, html[data-charte=msh] kbd, html[data-charte=msh] q, html[data-charte=msh] s, html[data-charte=msh] samp,
html[data-charte=msh] small, html[data-charte=msh] strike, html[data-charte=msh] strong, html[data-charte=msh] sub, html[data-charte=msh] sup, html[data-charte=msh] tt, html[data-charte=msh] var,
html[data-charte=msh] b, html[data-charte=msh] u, html[data-charte=msh] i, html[data-charte=msh] dl, html[data-charte=msh] dt, html[data-charte=msh] dd, html[data-charte=msh] ol, html[data-charte=msh] ul, html[data-charte=msh] li,
html[data-charte=msh] fieldset, html[data-charte=msh] form, html[data-charte=msh] label, html[data-charte=msh] legend,
html[data-charte=msh] table:not(.external-table),
html[data-charte=msh] caption:not(.external-caption), html[data-charte=msh] tbody, html[data-charte=msh] tfoot, html[data-charte=msh] thead,
html[data-charte=msh] tr:not(.external-tr),
html[data-charte=msh] th:not(.external-th),
html[data-charte=msh] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=msh] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=msh] header, html[data-charte=msh] footer, html[data-charte=msh] main, html[data-charte=msh] nav, html[data-charte=msh] aside, html[data-charte=msh] article, html[data-charte=msh] section, html[data-charte=msh] figure, html[data-charte=msh] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=msh] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=msh] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=msh] h2, html[data-charte=msh] h3, html[data-charte=msh] h4, html[data-charte=msh] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=msh] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #FFFFFF;
  background-color: #fff;
}
html[data-charte=msh] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=msh] h3 {
  font-size: 1.2em;
  color: #002f5a;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #002f5a;
}
html[data-charte=msh] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] p, html[data-charte=msh] li, html[data-charte=msh] dt, html[data-charte=msh] dd, html[data-charte=msh] h5, html[data-charte=msh] th, html[data-charte=msh] td {
  font-size: 0.95em;
}
html[data-charte=msh] li li, html[data-charte=msh] li p, html[data-charte=msh] li dt, html[data-charte=msh] li dd {
  font-size: 100%;
}
html[data-charte=msh] a {
  color: #002f5a;
}
html[data-charte=msh] a:visited {
  opacity: 0.8;
}
html[data-charte=msh] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=msh] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=msh] img {
  max-width: 100%;
  border: none;
}
html[data-charte=msh] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=msh] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=msh] blockquote::before, html[data-charte=msh] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=msh] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=msh] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=msh] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=msh] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=msh] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #d84e38;
}
html[data-charte=msh] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=msh] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=msh] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=msh] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=msh] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=msh] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=msh] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=msh] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=msh] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=msh] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=msh] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=msh] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=msh] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=msh] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=msh] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=msh] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=msh] button:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh] button[disabled], html[data-charte=msh] .form-reset[disabled], html[data-charte=msh] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=msh] button[disabled]:hover, html[data-charte=msh] .form-reset[disabled]:hover, html[data-charte=msh] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #d84e38;
}
html[data-charte=msh] .form-submit.optional[disabled]:hover {
  color: #002f5a;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=msh] button.secondary {
  background-color: #002f5a;
}
html[data-charte=msh] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html[data-charte=msh] button.discret:hover, html[data-charte=msh] button.discret:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=msh] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #d84e38;
  background-color: #d84e38;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=msh] [class*=bt-]:hover {
  text-decoration: underline;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] a[class*=bt-], html[data-charte=msh] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=msh] [class*=bt-]:hover, html[data-charte=msh] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=msh] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=msh] .bt-create:hover, html[data-charte=msh] .bt-create:focus {
  background-color: #FFFFFF;
}
html[data-charte=msh] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=msh] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=msh] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=msh] a.bt-link, html[data-charte=msh] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=msh] [class*=icon-], html[data-charte=msh] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=msh] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #FFFFFF;
}
html[data-charte=msh] [class*=icon-].secondary {
  background-color: #002f5a;
}
html[data-charte=msh] [class*=icon-]:hover, html[data-charte=msh] [class*=icon-]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #FFFFFF;
}
html[data-charte=msh] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=msh] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=msh] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=msh] .icon-assign, html[data-charte=msh] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=msh] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=msh] .icon-pin, html[data-charte=msh] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=msh] .icon-pinned, html[data-charte=msh] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=msh] .icon-pinned:hover, html[data-charte=msh] .follow-true:hover, html[data-charte=msh] .icon-pinned:focus, html[data-charte=msh] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=msh] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=msh] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=msh] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=msh] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=msh] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=msh] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=msh] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=msh] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=msh] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=msh] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=msh] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=msh] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=msh] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d83550;
}
html[data-charte=msh] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=msh] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=msh] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=msh] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=msh] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=msh] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=msh] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=msh] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=msh] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=msh] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=msh] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=msh] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=msh] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=msh] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=msh] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=msh] .icon-mark-as-unread, html[data-charte=msh] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=msh] .icon-mark-as-read {
  background-color: #002f5a;
}
html[data-charte=msh] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=msh] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=msh] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=msh] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=msh] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=msh] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=msh] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=msh] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=msh] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=msh] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh] button.icon-check:focus, html[data-charte=msh] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=msh] .icon-info-simple, html[data-charte=msh] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=msh] button.play, html[data-charte=msh] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=msh] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=msh] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=msh] button.icon-info-simple:hover, html[data-charte=msh] button.icon-info-simple:focus,
html[data-charte=msh] button.icon-back:hover, html[data-charte=msh] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=msh] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=msh] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=msh] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=msh] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=msh] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=msh] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=msh] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=msh] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=msh] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=msh] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=msh] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=msh] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=msh] th:not(.external-th), html[data-charte=msh] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=msh] th:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 1em 0.5em;
}
html[data-charte=msh] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=msh] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=msh] th[scope=col]:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=msh] th[scope=row] {
  text-align: left;
}
html[data-charte=msh] .main-form {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] form.main-form legend {
  background-color: #FFFFFF;
}
html[data-charte=msh] form p {
  margin-bottom: 1.5em;
}
html[data-charte=msh] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=msh] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=msh] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=msh] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=msh] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=msh] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=msh] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=msh] fieldset.single {
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=msh] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=msh] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=msh] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=msh] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=msh] input[type=text], html[data-charte=msh] input[type=password], html[data-charte=msh] input[type=date], html[data-charte=msh] input[type=url], html[data-charte=msh] input[type=tel],
html[data-charte=msh] input[type=time], html[data-charte=msh] input[type=email], html[data-charte=msh] input[type=number], html[data-charte=msh] input[type=search], html[data-charte=msh] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=msh] input[type=number], html[data-charte=msh] input[type=date], html[data-charte=msh] input[type=time] {
  padding: 0.6em;
}
html[data-charte=msh] [readonly] {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=msh] input[type=search]:focus {
  outline: 1px dotted #002f5a;
}
html[data-charte=msh] input[type=text]:focus, html[data-charte=msh] input[type=password]:focus, html[data-charte=msh] input[type=url]:focus,
html[data-charte=msh] input[type=date]:focus, html[data-charte=msh] input[type=search]:focus, html[data-charte=msh] select:focus {
  border-color: #d84e38;
}
html[data-charte=msh] input[type=url], html[data-charte=msh] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=msh] input[type=number] {
  width: 6em;
}
html[data-charte=msh] .has-error input {
  border-color: #f00;
}
html[data-charte=msh] .required {
  margin-bottom: 2rem;
}
html[data-charte=msh] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=msh] select::-ms-expand {
  display: none;
}
html[data-charte=msh] [type=submit], html[data-charte=msh] [type=reset], html[data-charte=msh] button.form-submit, html[data-charte=msh] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.55em 1.5em;
  border: 1px solid #d84e38;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=msh] [type=reset], html[data-charte=msh] button.form-reset {
  color: #FFFFFF;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=msh] [type=submit]:hover, html[data-charte=msh] [type=submit]:focus,
html[data-charte=msh] [type=submit].optional:hover, html[data-charte=msh] [type=submit].optional:focus,
html[data-charte=msh] [type=reset]:hover, html[data-charte=msh] [type=reset]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=msh] button.form-submit:hover, html[data-charte=msh] button.form-submit:focus,
html[data-charte=msh] button.form-submit.optional:hover, html[data-charte=msh] button.form-submit.optional:focus,
html[data-charte=msh] button.form-reset:hover, html[data-charte=msh] button.form-reset:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=msh] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=msh] [type=submit] + [type=reset], html[data-charte=msh] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=msh] [type=submit].optional, html[data-charte=msh] button.form-submit.optional {
  color: #002f5a;
  background-color: #fff;
  border-color: #002f5a;
}
html[data-charte=msh] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #d84e38;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=msh] input[type=image]:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=msh] ::-webkit-input-placeholder, html[data-charte=msh] ::-moz-placeholder, html[data-charte=msh] :-moz-placeholder, html[data-charte=msh] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=msh] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=msh] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=msh] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=msh] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=msh] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=msh] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=msh] .highlight {
  background-color: #E3E6E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=msh] .highlight label, html[data-charte=msh] .top-level .highlight label {
  background-color: #E3E6E8;
}
html[data-charte=msh] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=msh] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=msh] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=msh] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=msh] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=msh] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=msh] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=msh] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=msh] ul.choices {
  display: flex;
}
html[data-charte=msh] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=msh] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=msh] ul.choices.vertical {
  display: block;
}
html[data-charte=msh] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=msh] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=msh] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=msh] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=msh] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=msh] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=msh] .form-makeup input:checked + label::before, html[data-charte=msh] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh] .form-makeup input:focus + label {
  outline: 1px dotted #002f5a;
}
html[data-charte=msh] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=msh] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=msh] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=msh] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=msh] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=msh] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=msh] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFFFFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=msh] .check-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html[data-charte=msh] .check-chips input:checked + label, html[data-charte=msh] .check-chips label.active {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=msh] .check-chips input[checked] + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=msh] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=msh] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=msh] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=msh] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=msh] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=msh] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=msh] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=msh] .field-comment {
  font-size: 90%;
  color: #FFFFFF;
  padding: 0.3em;
}
html[data-charte=msh] div.error-messages {
  text-align: center;
  color: #002f5a;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=msh] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=msh] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=msh] input[aria-invalid=true] {
  color: #d84e38;
  background-color: #f00;
  border-color: #002f5a;
}
html[data-charte=msh] input[aria-invalid=true]:focus {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #002f5a;
}
html[data-charte=msh] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=msh] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=msh] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=msh] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=msh] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=msh] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=msh] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=msh] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #E3E6E8;
  transition: all 0.2s;
}
html[data-charte=msh] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=msh] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=msh] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=msh] div.card dl {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=msh] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=msh] div.card dt, html[data-charte=msh] div.card dd {
  max-width: 100%;
}
html[data-charte=msh] div.card a.allover {
  text-decoration: none;
}
html[data-charte=msh] div.card a {
  text-decoration: none;
}
html[data-charte=msh] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=msh] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=msh] div.card.unread a, html[data-charte=msh] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
}
html[data-charte=msh] div.card.read a, html[data-charte=msh] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
}
html[data-charte=msh] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=msh] span.social-icon img {
  width: 16px;
}
html[data-charte=msh] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=msh] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=msh] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=msh] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=msh] div.card.confidential em {
  font-style: italic;
}
html[data-charte=msh] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=msh] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
}
html[data-charte=msh] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=msh] div.h-card form p {
  margin: 0;
}
html[data-charte=msh] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #d84e38;
  background-color: #002f5a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=msh] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #002f5a;
  margin: 0;
}
html[data-charte=msh] div.h-card h2 a, html[data-charte=msh] div.h-card h2 a:visited {
  text-decoration: none;
  color: #d84e38;
}
html[data-charte=msh] div.h-card h2 a:hover, html[data-charte=msh] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=msh] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=msh] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=msh] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=msh] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=msh] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=msh] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=msh] div.spinner strong {
  display: block;
}
html[data-charte=msh] div.spinner ::before, html[data-charte=msh] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=msh] div.spinner p::before,
html[data-charte=msh] div.spinner p::after,
html[data-charte=msh] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=msh] div.spinner.ease-in-out ::before, html[data-charte=msh] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #d84e38;
}
html[data-charte=msh] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=msh] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=msh] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=msh] div.spinner.cubic-bezier ::before, html[data-charte=msh] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #d84e38;
}
html[data-charte=msh] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=msh] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=msh] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #d84e38;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #d84e38;
  }
}
html[data-charte=msh] div.spinner.ease-in-out-fill ::before, html[data-charte=msh] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=msh] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=msh] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=msh] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=msh] div.spinner.linear-dot ::before, html[data-charte=msh] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #d84e38;
}
html[data-charte=msh] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=msh] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=msh] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=msh] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=msh] div.spinner.linear-circle ::before, html[data-charte=msh] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=msh] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=msh] div.spinner.linear-circle p::before,
html[data-charte=msh] div.spinner.linear-circle strong::before,
html[data-charte=msh] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=msh] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=msh] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=msh] div.spinner.progress-bar ::before, html[data-charte=msh] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=msh] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=msh] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=msh] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=msh] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=msh] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=msh] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #E3E6E8;
  border-radius: 5px;
}
html[data-charte=msh] .box-animation .box {
  background: #d84e38;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=msh] .box1, html[data-charte=msh] .box4, html[data-charte=msh] .box8, html[data-charte=msh] .box11, html[data-charte=msh] .box13, html[data-charte=msh] .box16, html[data-charte=msh] .box20 {
  animation-name: quiet;
}
html[data-charte=msh] .box2, html[data-charte=msh] .box6, html[data-charte=msh] .box10, html[data-charte=msh] .box14, html[data-charte=msh] .box17, html[data-charte=msh] .box19 {
  animation-name: normal;
}
html[data-charte=msh] .box3, html[data-charte=msh] .box5, html[data-charte=msh] .box7, html[data-charte=msh] .box9, html[data-charte=msh] .box12, html[data-charte=msh] .box15, html[data-charte=msh] .box18 {
  animation-name: loud;
}
html[data-charte=msh] [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=msh] [class*=icon-].icon-reading-speed:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh] [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=msh] [class*=icon-].icon-volume:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #d84e38;
  background-color: #000;
  /*IE*/
  background-color: #FFFFFF;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=msh] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #FFFFFF;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=msh] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=msh] .show-icons a:hover + .tooltip, html[data-charte=msh] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=msh] .alternative-alt:hover, html[data-charte=msh] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=msh] .alternative-alt:hover::before, html[data-charte=msh] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: #d84e38;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=msh] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=msh] .ember-basic-dropdown, html[data-charte=msh] .ember-basic-dropdown-content, html[data-charte=msh] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=msh] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=msh] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=msh] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=msh] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=msh] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=msh] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #002f5a;
}
html[data-charte=msh] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=msh] .ember-power-select-options li:hover, html[data-charte=msh] .ember-power-select-options li:focus {
  background-color: #002f5a;
}
html[data-charte=msh] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=msh] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=msh] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=msh] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=msh] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=msh] .ember-power-select-trigger:focus,
html[data-charte=msh] .ember-power-select-trigger--active {
  border-top: 2px solid #d84e38;
  box-shadow: none;
}
html[data-charte=msh] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=msh] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=msh] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=msh] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=msh] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=msh] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=msh] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=msh] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=msh] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=msh] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=msh] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #d84e38;
  background-color: #FFFFFF;
  z-index: 1020;
}
html[data-charte=msh] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=msh] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=msh] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=msh] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #002f5a;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=msh] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=msh] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=msh] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html[data-charte=msh] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=msh] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=msh] div.controled.active {
  margin-left: 0;
}
html[data-charte=msh] div.controled div.content {
  display: none;
}
html[data-charte=msh] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=msh] div.controled > * {
  pointer-events: auto;
}
html[data-charte=msh] .underlay {
  opacity: 0;
}
html[data-charte=msh] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=msh] #main-nav h2 {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] #main-nav h2::before {
  content: none;
}
html[data-charte=msh] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=msh] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #002f5a;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=msh] button.nav-control:focus {
  outline-color: #d84e38;
}
html[data-charte=msh] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=msh] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=msh] #menu-control polygon {
  fill: #002f5a;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=msh] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=msh] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=msh] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=msh] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #E3E6E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=msh] #main-nav li a, html[data-charte=msh] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #d84e38;
  background-color: #FFFFFF;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=msh] #main-nav li a:focus, html[data-charte=msh] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=msh] #main-nav li a::after, html[data-charte=msh] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #FFFFFF;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=msh] #main-nav li a.active::after,
html[data-charte=msh] #main-nav li a:hover::after,
html[data-charte=msh] #main-nav li a:focus::after {
  background-color: #d84e38;
}
html[data-charte=msh] #main-nav li button:hover::after,
html[data-charte=msh] #main-nav li button:focus::after {
  background-color: #d84e38;
}
html[data-charte=msh] #main-nav li.active > button:first-child::after {
  background-color: #d84e38;
}
html[data-charte=msh] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #d84e38;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=msh] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=msh] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=msh] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=msh] .simplebar-offset {
  width: 100%;
}
html[data-charte=msh] #main-nav li a.bt-create, html[data-charte=msh] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=msh] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=msh] #main-nav li a.bt-create:hover, html[data-charte=msh] #main-nav li a.bt-create:focus {
  background-color: #002f5a;
}
html[data-charte=msh] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #002f5a;
}
html[data-charte=msh] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=msh] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=msh] #main-nav button.has-level2, html[data-charte=msh] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=msh] #main-nav button.has-level2::after, html[data-charte=msh] #main-nav a.has-level2::after,
html[data-charte=msh] #main-nav button.has-level2:hover::after, html[data-charte=msh] #main-nav a.has-level2:hover::after,
html[data-charte=msh] #main-nav button.has-level2:focus::after, html[data-charte=msh] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=msh] #main-nav button.collapse::after,
html[data-charte=msh] #main-nav button.collapse:hover::after,
html[data-charte=msh] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=msh] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=msh] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=msh] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=msh] p.uploader input:focus + label.icon-file-uploader {
  background-color: #FFFFFF;
}
html[data-charte=msh] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=msh] div.modal[aria-hidden=false], html[data-charte=msh] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=msh] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=msh] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=msh] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=msh] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=msh] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=msh] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=msh] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=msh] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=msh] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=msh] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=msh] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=msh] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html[data-charte=msh] div.dropdown button.dd-trigger:hover, html[data-charte=msh] div.dropdown button.dd-trigger:focus {
  border-color: #d84e38;
}
html[data-charte=msh] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=msh] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=msh] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=msh] div.dropdown ul button,
html[data-charte=msh] div.dropdown ul a,
html[data-charte=msh] div.dropdown ul [class*=icon-],
html[data-charte=msh] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=msh] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=msh] div.dropdown ul button:hover, html[data-charte=msh] div.dropdown ul a:hover,
html[data-charte=msh] div.dropdown ul button:focus, html[data-charte=msh] div.dropdown ul a:focus,
html[data-charte=msh] div.dropdown ul [class*=icon-]:focus, html[data-charte=msh] div.dropdown ul [class*=icon-]:hover,
html[data-charte=msh] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=msh] div.dropdown ul [class*=icon-].secondary:hover {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=msh] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=msh] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=msh] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=msh] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=msh] nav.pagination li:not(.page) + li.page, html[data-charte=msh] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=msh] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=msh] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=msh] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=msh] nav.pagination li.disabled {
  display: none;
}
html[data-charte=msh] nav.pagination a, html[data-charte=msh] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=msh] nav.pagination a.firstPage, html[data-charte=msh] nav.pagination a.previousPage, html[data-charte=msh] nav.pagination a.nextPage, html[data-charte=msh] nav.pagination a.lastPage, html[data-charte=msh] nav.pagination li button.firstPage, html[data-charte=msh] nav.pagination li button.previousPage, html[data-charte=msh] nav.pagination li button.nextPage, html[data-charte=msh] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=msh] nav.pagination a.firstPage, html[data-charte=msh] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=msh] nav.pagination a.previousPage, html[data-charte=msh] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=msh] nav.pagination a.nextPage, html[data-charte=msh] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=msh] nav.pagination a.lastPage, html[data-charte=msh] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=msh] nav.pagination a:hover, html[data-charte=msh] nav.pagination a:focus, html[data-charte=msh] nav.pagination li.active a,
html[data-charte=msh] nav.pagination li button:hover, html[data-charte=msh] nav.pagination li button:focus, html[data-charte=msh] nav.pagination li.active button {
  border-bottom-color: #d84e38;
}
html[data-charte=msh] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=msh] nav.pagination li.shortcut a, html[data-charte=msh] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=msh] select.selector, html[data-charte=msh] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=msh] .has-error input, html[data-charte=msh] .has-error select, html[data-charte=msh] .has-error textarea {
  border-color: #f00;
}
html[data-charte=msh] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=msh] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=msh] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=msh] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=msh] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=msh] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=msh] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=msh] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=msh] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=msh] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=msh] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=msh] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=msh] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=msh] div.editor {
  position: relative;
}
html[data-charte=msh] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=msh] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=msh] p + div.editor {
  margin-top: 1em;
}
html[data-charte=msh] div.editor-wrapper a, html[data-charte=msh] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=msh] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=msh] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #E3E6E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li > button,
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #E3E6E8;
  padding: 0;
  border: none;
}
html[data-charte=msh] strong, html[data-charte=msh] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=msh] em, html[data-charte=msh] i {
  font-style: italic;
}
html[data-charte=msh] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=msh] div.editor-wrapper div.editable-block p, html[data-charte=msh] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=msh] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFFFFF;
}
html[data-charte=msh] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=msh] .has-error div.editor-wrapper div.editable-block,
html[data-charte=msh] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=msh] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=msh] div.editor-wrapper div.editable-block:focus, html[data-charte=msh] div.editor-wrapper div.editable-block:hover {
  border-color: #d84e38;
}
html[data-charte=msh] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #002f5a;
}
html[data-charte=msh] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=msh] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=msh] select.models, html[data-charte=msh] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=msh] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=msh] .contentEditableValue {
  display: none;
}
html[data-charte=msh] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=msh] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=msh] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #002f5a;
}
html[data-charte=msh] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=msh] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=msh] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=msh] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=msh] #color-poly {
  display: none;
}
html[data-charte=msh] #color-poly.active {
  display: block;
}
html[data-charte=msh] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=msh] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=msh] button.color:hover, html[data-charte=msh] button.color:focus {
  border-top-color: #002f5a;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #002f5a;
}
html[data-charte=msh] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=msh] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFFFFF;
  border: 1px solid #002f5a;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=msh] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #002f5a;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #002f5a;
}
html[data-charte=msh] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=msh] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=msh] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=msh] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=msh] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=msh] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=msh] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=msh] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=msh] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=msh] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=msh] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=msh] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=msh] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=msh] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=msh] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=msh] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=msh] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=msh] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=msh] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #E3E6E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=msh] div.format-options.active {
  display: block;
}
html[data-charte=msh] div.format-options p {
  margin: 0;
}
html[data-charte=msh] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=msh] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=msh] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=msh] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=msh] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #d84e38;
  background-color: #002f5a;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=msh] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=msh] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=msh] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=msh] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=msh] mark {
  cursor: help;
}
html[data-charte=msh] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=msh] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=msh] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=msh] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=msh] b ul.sc-options li, html[data-charte=msh] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=msh] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=msh] em ul.sc-options li, html[data-charte=msh] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=msh] ul.sc-options li:hover, html[data-charte=msh] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=msh] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html[data-charte=msh] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=msh] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #002f5a;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=msh] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=msh] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=msh] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #E3E6E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #002f5a;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=msh] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=msh] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=msh] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=msh] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #FFFFFF;
  cursor: default;
  z-index: 1;
}
html[data-charte=msh] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #FFFFFF;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=msh] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=msh] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=msh] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=msh] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=msh] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=msh] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=msh] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #E3E6E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=msh] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=msh] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=msh] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=msh] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] select, html[data-charte=msh] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=msh] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=msh] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=msh] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #d84e38;
  padding: 1rem;
  background-color: #002f5a;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=msh] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=msh] section.participants div.h-card .u-photo, html[data-charte=msh] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=msh] main.conversation section.participants ul.actions-list,
html[data-charte=msh] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=msh] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=msh] ul.avatars {
  list-style-type: none;
  background-color: #E3E6E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=msh] ul.avatars li + li {
  border-top: 1px dotted #002f5a;
}
html[data-charte=msh] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=msh] div.actions-bar {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.actions-bar p, html[data-charte=msh] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=msh] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=msh] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=msh] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] div.actions-bar .radio-chips label {
  border: 1px solid #002f5a;
}
html[data-charte=msh] div.actions-bar .radio-chips input:hover + label, html[data-charte=msh] div.actions-bar .radio-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html[data-charte=msh] div.actions-bar .radio-chips input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=msh] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=msh] div.actions-bar > * {
  padding: 0;
}
html[data-charte=msh] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=msh] .collapsible h3, html[data-charte=msh] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=msh] .collapsible > .content {
  display: none;
}
html[data-charte=msh] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFFFFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=msh] .collapsible button.control[aria-expanded=true] {
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=msh] .collapsible.top-level button.control {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] fieldset.collapsible.sub-group {
  border-top: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=msh] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=msh] fieldset.collapsible.sub-group button.control {
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=msh] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh] .collapsible.top-level button.control[aria-expanded=true] {
    color: #FFFFFF;
    background-color: #FFFFFF;
  }
  html[data-charte=msh] header .collapsible {
    width: 100%;
  }
  html[data-charte=msh] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=msh] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #d84e38;
}
html[data-charte=msh] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=msh] ul.tabs li a, html[data-charte=msh] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh] ul.tabs li a:hover, html[data-charte=msh] ul.tabs li a:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=msh] ul.tabs li.active a, html[data-charte=msh] ul.tabs li.active a:visited {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=msh] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=msh] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=msh] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=msh] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=msh] .top-level label {
  background-color: #FFFFFF;
}
html[data-charte=msh] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=msh] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=msh] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=msh] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=msh] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=msh] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=msh] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=msh] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=msh] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=msh] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=msh] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #002f5a;
}
html[data-charte=msh] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=msh] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=msh] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #d84e38;
}
html[data-charte=msh] details.special li {
  font-size: 0.7em;
}
html[data-charte=msh] details.simple {
  color: #002f5a;
  padding: 0;
  border: none;
}
html[data-charte=msh] details.simple summary {
  font-size: 80%;
  color: #002f5a;
  margin-top: 1em;
}
html[data-charte=msh] details.simple summary::after {
  content: " +";
}
html[data-charte=msh] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=msh] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=msh] .nowrap {
  white-space: nowrap;
}
html[data-charte=msh] hr {
  border: none;
  border-top: 1px dotted #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=msh] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=msh] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=msh] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=msh] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=msh] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=msh] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=msh] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=msh] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=msh] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=msh] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=msh] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=msh] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=msh] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=msh] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #d84e38;
}
html[data-charte=msh] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=msh] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=msh] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=msh] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=msh] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=msh] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh] .form-makeup input:checked + label::before, html[data-charte=msh] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh] button[disabled], html[data-charte=msh] .form-reset[disabled], html[data-charte=msh] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #002f5a;
  }
  html[data-charte=msh] button[disabled]:hover, html[data-charte=msh] .form-reset[disabled]:hover, html[data-charte=msh] .form-submit[disabled]:hover {
    background-color: #002f5a;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=msh] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=msh] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=msh] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=msh] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=msh] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=msh] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=msh] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=msh] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=msh] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=msh] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=msh] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=msh] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=msh] div.datepickerDialog caption button {
  background-color: #FFFFFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=msh] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=msh] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=msh] div.datepickerDialog th, html[data-charte=msh] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=msh] div.datepickerDialog th {
  background-color: #FFFFFF;
}
html[data-charte=msh] div.datepickerDialog td button {
  width: 100%;
  color: #002f5a;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=msh] div.datepickerDialog td button:hover, html[data-charte=msh] div.datepickerDialog td button:focus {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] div.datepickerDialog td button.disabled {
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=msh] div.datepickerDialog p.buttons-bar, html[data-charte=msh] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #E3E6E8;
}
html[data-charte=msh] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=msh] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=msh] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=msh] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=msh] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=msh] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=msh] .icon-zoom:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh] .icon-zoom:focus {
  background-color: #002f5a;
}
html[data-charte=msh] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=msh] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=msh] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=msh] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=msh] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=msh] .preview-page a i:focus {
  outline: none;
}
html[data-charte=msh] .preview-page a i:hover {
  outline: none;
}
html[data-charte=msh] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=msh] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=msh] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=msh] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=msh] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=msh] .pagination-item {
  align-items: baseline;
}
html[data-charte=msh] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=msh] .icon-zoom {
  position: inherit;
}
html[data-charte=msh] figure.img-container img {
  width: 100%;
}
html[data-charte=msh] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=msh] div.editor-wrapper .audio, html[data-charte=msh] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #002f5a;
}
html[data-charte=msh] div.editor-wrapper .audio, html[data-charte=msh] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=msh] div.editor-wrapper .audio, html[data-charte=msh] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #FFFFFF;
}
html[data-charte=msh] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=msh] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=msh] .audio-preview {
  justify-content: center;
}
html[data-charte=msh] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=msh] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=msh] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=msh] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=msh] .audio-message, html[data-charte=msh] .audio-record, html[data-charte=msh] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=msh] .audio-message audio, html[data-charte=msh] .audio-record audio, html[data-charte=msh] .audio audio {
  background: #fff;
  border: 2px solid #E3E6E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=msh] .audio-message .icon-download.voice-message, html[data-charte=msh] .audio-record .icon-download.voice-message, html[data-charte=msh] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=msh] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=msh] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=msh] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=msh] .audio {
  min-width: 20rem;
}
html[data-charte=msh] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=msh] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=msh] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=msh] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=msh] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=msh] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=msh] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=msh] #volume-control, html[data-charte=msh] #speed-control {
  display: none;
}
html[data-charte=msh] #volume-control > input, html[data-charte=msh] #speed-control > input {
  width: 65px;
}
html[data-charte=msh] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=msh] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=msh] #volume-control[aria-hidden=false], html[data-charte=msh] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=msh] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=msh] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=msh] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #002f5a;
}
html[data-charte=msh] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh] input[type=range] {
  -webkit-appearance: none;
  background-color: #d84e38;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=msh] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #002f5a;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=msh] div.files-list {
  margin-top: 20px;
}
html[data-charte=msh] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=msh] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #d84e38;
}
html[data-charte=msh] ul.add-list li {
  padding: 0;
}
html[data-charte=msh] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=msh] .icon-share, html[data-charte=msh] .icon-edit, html[data-charte=msh] .icon-info,
html[data-charte=msh] .icon-upload, html[data-charte=msh] .icon-close, html[data-charte=msh] .icon-info-close,
html[data-charte=msh] .icon-notify, html[data-charte=msh] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=msh] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=msh] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=msh] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=msh] .icon-info, html[data-charte=msh] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=msh] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=msh] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=msh] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=msh] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=msh] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=msh] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=msh] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=msh] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=msh] main > header.simple:first-child {
  display: block;
}
html[data-charte=msh] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=msh] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFFFFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.project-card.closed {
  border-color: #002f5a;
}
html[data-charte=msh] div.project-card::before, html[data-charte=msh] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=msh] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=msh] div.project-card.closed {
  border-color: #002f5a;
}
html[data-charte=msh] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=msh] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFFFFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=msh] div.project-card h4 a {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=msh] div.project-card h4 a:visited {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=msh] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=msh] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=msh] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=msh] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=msh] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=msh] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFFFFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #002f5a;
}
html[data-charte=msh] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=msh] header p.description {
  font-size: 1.2em;
}
html[data-charte=msh] div.project-card .content {
  margin-top: auto;
}
html[data-charte=msh] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=msh] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=msh] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=msh] dl.project-info dt, html[data-charte=msh] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=msh] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=msh] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=msh] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=msh] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=msh] div.project-sheet {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=msh] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=msh] p.assignment strong {
  display: block;
}
html[data-charte=msh] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #d84e38;
}
html[data-charte=msh] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=msh] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=msh] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=msh] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=msh] #add-doc-form ul.choices input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] #add-doc-form ul.choices label:hover {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=msh] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=msh] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] main.projects .h-card button.info {
  display: none;
}
html[data-charte=msh] main.projects section.requests h3 {
  display: none;
}
html[data-charte=msh] section.project-folder {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #d84e38;
  background: #002f5a url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=msh] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=msh] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=msh] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=msh] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=msh] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=msh] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=msh] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=msh] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #002f5a;
}
html[data-charte=msh] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #FFFFFF;
}
html[data-charte=msh] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=msh] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=msh] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=msh] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=msh] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=msh] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=msh] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=msh] ul.files-list {
  list-style-type: none;
}
html[data-charte=msh] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=msh] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #002f5a;
  border-radius: 100%;
}
html[data-charte=msh] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=msh] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=msh] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=msh] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=msh] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=msh] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
}
html[data-charte=msh] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=msh] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=msh] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=msh] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=msh] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=msh] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=msh] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=msh] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=msh] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=msh] div.project-card h4 a, html[data-charte=msh] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=msh] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=msh] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=msh] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=msh] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=msh] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #002f5a;
  }
  html[data-charte=msh] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=msh] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=msh] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=msh] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=msh] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh] p.nature {
    flex: 1;
  }
  html[data-charte=msh] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=msh] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=msh] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=msh] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=msh] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=msh] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=msh] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=msh] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=msh] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=msh] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=msh] ul.treeview button.element-button:hover, html[data-charte=msh] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=msh] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=msh] ul.treeview ul.active {
  display: block;
}
html[data-charte=msh] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=msh] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=msh] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=msh] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=msh] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=msh] ul.treeview button.deploy, html[data-charte=msh] ul.treeview button.element {
  color: #002f5a;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=msh] ul.treeview button.deploy, html[data-charte=msh] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=msh] ul.treeview button:focus, html[data-charte=msh] ul.treeview button:hover, html[data-charte=msh] ul.treeview button.active {
  background-color: #FFFFFF;
}
html[data-charte=msh] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=msh] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=msh] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=msh] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=msh] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=msh] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=msh] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=msh] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=msh] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=msh] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=msh] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=msh] .treeview-search-combo > .treeview {
  border: 1px solid #002f5a;
  padding: 5px 0;
}
html[data-charte=msh] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=msh] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=msh] .treeview-search-combo button.element.highlight, html[data-charte=msh] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=msh] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=msh] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=msh] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=msh] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=msh] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=msh] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=msh] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=msh] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=msh] #absences-calendar ul.actions-list, html[data-charte=msh] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=msh] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=msh] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=msh] #absences-calendar .icon-next, html[data-charte=msh] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=msh] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=msh] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=msh] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=msh] table.plan-grid th, html[data-charte=msh] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=msh] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=msh] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=msh] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=msh] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=msh] table.plan-grid tr td:first-of-type, html[data-charte=msh] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=msh] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=msh] table.plan-grid div p {
  display: none;
}
html[data-charte=msh] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=msh] table.plan-grid div:hover p, html[data-charte=msh] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=msh] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=msh] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=msh] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=msh] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=msh] #absences-calendar ul.actions-list, html[data-charte=msh] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=msh] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=msh] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=msh] table.plan-grid thead {
    display: none;
  }
  html[data-charte=msh] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=msh] table.plan-grid td, html[data-charte=msh] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=msh] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=msh] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=msh] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=msh] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=msh] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=msh] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=msh] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=msh] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=msh] table.plan-grid div:hover p, html[data-charte=msh] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=msh] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=msh] table.plan-grid div:hover p, html[data-charte=msh] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=msh] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=msh] div.editor-wrapper a, html[data-charte=msh] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=msh] div.editor-wrapper a:visited, html[data-charte=msh] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=msh] div.editor-wrapper p:not(.feedback-message), html[data-charte=msh] div.editor-wrapper li, html[data-charte=msh] div.editor-wrapper th:not(.external-th), html[data-charte=msh] div.editor-wrapper td:not(.external-td), html[data-charte=msh] div.editor p:not(.feedback-message), html[data-charte=msh] div.editor li, html[data-charte=msh] div.editor th:not(.external-th), html[data-charte=msh] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=msh] div.editor-wrapper p, html[data-charte=msh] div.editor p {
  margin: 1em 0;
}
html[data-charte=msh] div.editor-wrapper th, html[data-charte=msh] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=msh] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=msh] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=msh] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=msh] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=msh] div.editor-wrapper th[scope=row], html[data-charte=msh] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=msh] div.editor-wrapper strong, html[data-charte=msh] div.editor-wrapper b, html[data-charte=msh] div.editor-wrapper th:not(.external-th), html[data-charte=msh] div.editor strong, html[data-charte=msh] div.editor b, html[data-charte=msh] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=msh] div.editor-wrapper table:not(.external-table), html[data-charte=msh] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=msh] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=msh] div.editor-wrapper div.editable-block ul, html[data-charte=msh] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=msh] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=msh] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=msh] #side-bar-profile {
  position: relative;
}
html[data-charte=msh] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=msh] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=msh] header#side-panel {
  color: #d84e38;
}
html[data-charte=msh] header#side-panel h1 a {
  display: contents;
}
html[data-charte=msh] .tooltip {
  z-index: 2000;
}
html[data-charte=msh] div.tooltip .tooltip-inner, html[data-charte=msh] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=msh] figure {
  text-align: center;
}
html[data-charte=msh] figure img {
  margin: 0 auto;
}
html[data-charte=msh] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #002f5a;
}
html[data-charte=msh] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=msh] .feedback-message {
  color: #FFFFFF;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=msh] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=msh] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=msh] .feedback-message.hidden {
  display: none;
}
html[data-charte=msh] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=msh] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=msh] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=msh] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=msh] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=msh] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=msh] .break-word {
  word-wrap: break-word;
}
html[data-charte=msh] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=msh] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=msh] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=msh] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFFFFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh] section.login h1::after {
  content: none;
}
html[data-charte=msh] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=msh] section.login h2 {
  font-size: 1.5em;
  background-color: #FFFFFF;
  margin-bottom: 1em;
}
html[data-charte=msh] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=msh] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #002f5a;
}
html[data-charte=msh] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=msh] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=msh] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=msh] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=msh] nav.pagination li {
    margin: 0;
  }
  html[data-charte=msh] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=msh] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=msh] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=msh] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=msh] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=msh] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=msh] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=msh] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=msh] div.bubble {
    min-width: 20em;
  }
  html[data-charte=msh] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=msh] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=msh] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=msh] div.conversation > ul.actions-list {
    background-color: #E3E6E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=msh] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=msh] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=msh] p.template-selector input {
    width: 80%;
  }
  html[data-charte=msh] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=msh] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #002f5a;
  }
  html[data-charte=msh] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=msh] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=msh] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=msh] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=msh] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=msh] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=msh] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=msh] div.bubble {
    min-width: 35em;
  }
  html[data-charte=msh] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=msh] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=msh] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=msh] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=msh] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=msh] p, html[data-charte=msh] li, html[data-charte=msh] dt, html[data-charte=msh] dd {
    font-size: 1.1em;
  }
  html[data-charte=msh] summary {
    font-size: 1.1em;
  }
  html[data-charte=msh] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=msh] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=msh] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=msh] ul.optional-status li, html[data-charte=msh] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=msh] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=msh] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=msh] div.card {
    padding: 0.5rem;
  }
  html[data-charte=msh] div.card > div, html[data-charte=msh] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=msh] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=msh] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=msh] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=msh] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=msh] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=msh] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=msh] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=msh] div.card dt, html[data-charte=msh] div.card dd {
    font-size: 1em;
  }
  html[data-charte=msh] div.card a {
    text-decoration: none;
  }
  html[data-charte=msh] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=msh] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=msh] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=msh] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=msh] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=msh] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=msh] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=msh] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=msh] div.bubble .u-photo, html[data-charte=msh] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=msh] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=msh] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=msh] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=msh] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=msh] div.request {
    position: relative;
  }
  html[data-charte=msh] div.request dt, html[data-charte=msh] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=msh] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=msh] div.request a:hover::after, html[data-charte=msh] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] h2 {
    font-size: 2.5em;
  }
  html[data-charte=msh] h3 {
    font-size: 2em;
  }
  html[data-charte=msh] .collapsible h2, html[data-charte=msh] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=msh] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=msh] #container {
    display: flex;
  }
  html[data-charte=msh] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=msh] #wrapper footer {
    display: none;
  }
  html[data-charte=msh] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=msh] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=msh] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=msh] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=msh] div.grid-2thirds, html[data-charte=msh] div.grid-3cols, html[data-charte=msh] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=msh] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=msh] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=msh] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=msh] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=msh] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=msh] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=msh] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=msh] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=msh] table.transform th {
    display: none;
  }
  html[data-charte=msh] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=msh] table.transform tr, html[data-charte=msh] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=msh] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #d84e38;
  }
  html[data-charte=msh] table.transform td + td {
    border-top: 1px solid #002f5a;
  }
  html[data-charte=msh] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=msh] table.transform tr td:first-of-type {
    background-color: #E3E6E8;
  }
  html[data-charte=msh] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh] legend {
    font-size: 1.3em;
  }
  html[data-charte=msh] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=msh] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=msh] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=msh] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=msh] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #002f5a;
    background-color: #FFFFFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=msh] .top-level > legend button.control[aria-expanded=false] {
    color: #d84e38;
    background-color: #d84e38;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=msh] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=msh] .highlight {
    padding: 1rem;
  }
  html[data-charte=msh] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=msh] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh] div.actions-bar p, html[data-charte=msh] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=msh] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=msh] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=msh] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=msh] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=msh] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=msh] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=msh] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=msh] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #002f5a;
  }
  html[data-charte=msh] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=msh] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=msh] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=msh] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #002f5a;
  }
  html[data-charte=msh] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=msh] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=msh] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=msh] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=msh] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=msh] div.bubble div.content p:not(.buttons-bar), html[data-charte=msh] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=msh] #new-talk .divide {
    display: flex;
  }
  html[data-charte=msh] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=msh] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=msh] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #E3E6E8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=msh] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=msh] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=msh] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=msh] section.participants div.h-card .u-photo, html[data-charte=msh] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=msh] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=msh] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=msh] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=msh] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=msh] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=msh] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=msh] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=msh] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=msh] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=msh] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=msh] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #FFFFFF;
    flex-direction: column-reverse;
  }
  html[data-charte=msh] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #002f5a;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=msh] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=msh] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=msh] div.controled {
    background: #002f5a;
    border: none;
    box-shadow: none;
  }
  html[data-charte=msh] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=msh] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=msh] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=msh] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=msh] button.nav-control svg {
    display: none;
  }
  html[data-charte=msh] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=msh] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=msh] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=msh] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=msh] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=msh] div.bubble .content p:not(.feedback-message), html[data-charte=msh] div.bubble .content li, html[data-charte=msh] div.bubble .content th:not(.external-th), html[data-charte=msh] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=msh] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=msh] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=msh] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=msh] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=msh] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=msh] div.bubble .content strong, html[data-charte=msh] div.bubble .content b, html[data-charte=msh] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=msh] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=msh] div.bubble .content li, html[data-charte=msh] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=msh] div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
}
html[data-charte=msh] div.bubble div.content {
  color: #002f5a;
  background-color: #ffe6e6;
}
html[data-charte=msh] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=msh] .f-upload-editor {
  display: none;
}
html[data-charte=msh] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=msh] .f-size, html[data-charte=msh] .f-family {
  border: 1px solid #002f5a;
}
@media screen and (max-width: 440px) {
  html[data-charte=msh] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=msh] h2 {
  color: #002f5a;
  border: none !important;
}
html[data-charte=msh] .ember-transitioning-in {
  color: #d84e38;
}
html[data-charte=msh] button:hover {
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-color: #002f5a !important;
  box-shadow: 0 0 11px rgba(0, 47, 90, 0.5);
}
html[data-charte=msh] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=msh] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: #002f5a;
  border-color: #d84e38;
}
html[data-charte=msh] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=msh] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  color: #002f5a;
  background-color: #FFFFFF;
  border-color: #d84e38;
}
html[data-charte=msh] button.form-submit:not(.optional) {
  color: #002f5a;
  background-color: #d84e38;
  color: #FFFFFF !important;
  border-color: #E3E6E8;
  height: 45px;
  border-color: #d84e38;
}
html[data-charte=msh] button.form-submit:not(.optional):hover {
  background-color: #002f5a !important;
}
html[data-charte=msh] button.form-submit.optional {
  color: #002f5a;
  border-color: #E3E6E8;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=msh] button.form-reset {
  color: #002f5a;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=msh] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #002f5a;
  background-color: transparent !important;
  border-color: #d84e38 !important;
}
html[data-charte=msh] div.dropdown ul {
  border-color: #d84e38;
  background-color: #E3E6E8;
}
html[data-charte=msh] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=msh] a.bt-create {
  color: #FFFFFF !important;
}
html[data-charte=msh] a.bt-create:hover {
  background-color: #002f5a;
}
html[data-charte=msh] [class*=icon-],
html[data-charte=msh] [class*=follow-] {
  text-indent: -500em;
  color: #d84e38;
  background-color: #002f5a !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=msh] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=msh] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html[data-charte=msh] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html[data-charte=msh] .icon-info-simple,
html[data-charte=msh] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=msh] div.card {
  border-bottom-color: #E3E6E8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=msh] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=msh] div.conversation-message--owner-organization > div.bubble div.content {
  color: #d84e38;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=msh] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=msh] .side-panel-footer {
  background-color: #FFFFFF;
  text-align: center;
}
html[data-charte=msh] .ember-transitioning-in {
  color: #d84e38 !important;
}
html[data-charte=msh] section.login h1 {
  background-color: #FFFFFF;
}
html[data-charte=msh] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=msh] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23002f5a'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html[data-charte=msh] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html[data-charte=msh] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=msh] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html[data-charte=msh] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=msh] select {
  border-color: #d84e38;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E");
}
html[data-charte=msh] input[type=search],
html[data-charte=msh] select {
  border-color: #d84e38;
  border-width: 1px;
  background-color: transparent;
  color: #d84e38;
}
html[data-charte=msh] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23002f5a; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=msh] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23002f5a' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=msh] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E") !important;
}
html[data-charte=msh] legend {
  color: #002f5a;
}
html[data-charte=msh] label {
  color: #002f5a;
}
html[data-charte=msh] .side-panel-footer h1 {
  background-image: url("/assets/logo_msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=msh] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=msh] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=msh] div.controled.active .underlay {
  background-color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=msh] #ccSelector {
  display: none;
}
html[data-charte=msh] label[for=ccSelector] {
  display: none;
}
html[data-charte=msh] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=msh] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=msh] label[for=recipientSelector] {
  display: none;
}
html[data-charte=msh] label[for=confidentiality] {
  display: none;
}
html[data-charte=msh] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=msh] label[for=subject] {
  display: none !important;
}
html[data-charte=msh] label[for=subject] + input {
  display: none !important;
}
html[data-charte=msh] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=msh] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=msh] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=msh] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=msh] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=msh] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=msh] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=msh] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=msh] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=msh] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=msh] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=msh] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=msh] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23002f5a' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=msh] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=msh] ul.message-attachments {
  color: #002f5a;
}
html[data-charte=msh] .tree,
html[data-charte=msh] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=msh] .tree {
  background: transparent;
  border: none;
}
html[data-charte=msh] .tree li:last-child {
  border: 0;
}
html[data-charte=msh] .section ul {
  display: none;
}
html[data-charte=msh] .section input[type=checkbox] {
  display: none;
}
html[data-charte=msh] .section input[type=radio] {
  display: none;
}
html[data-charte=msh] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #002f5a;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=msh] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=msh] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=msh] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=msh] .section input:checked ~ ul {
  display: block;
}
html[data-charte=msh] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=msh] .section input:checked + label.labelThemeItem {
  color: #d84e38;
  border: 1px solid black;
}
html[data-charte=msh] .feedback-message {
  color: #002f5a;
}
html[data-charte=msh] .toast-close-button {
  background-color: transparent !important;
  color: #FFFFFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=msh] legend {
  color: #002f5a;
  padding: 3px 6px;
}
html[data-charte=msh] fieldset {
  border-color: #002f5a;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=msh] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=msh] form.create-new {
  background-color: #FFFFFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=msh] select.selector {
  font-weight: bold !important;
}
html[data-charte=msh] .filetype {
  color: #FFFFFF !important;
  background-color: #002f5a !important;
}
html[data-charte=msh] .icon-zoom {
  background-color: #E3E6E8 !important;
}
html[data-charte=msh] .icon-zoom:hover {
  background-color: #E3E6E8 !important;
  box-shadow: 0 0 11px #002f5a;
}
html[data-charte=msh] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=msh] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23002f5a'/%3E%3C/svg%3E");
}
html[data-charte=msh] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=msh] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=msh] div.controled {
  background: transparent;
}
html[data-charte=msh] .disconnection h1 {
  background-image: url("/assets/logo_msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=msh] .message-body th:not(.external-th), html[data-charte=msh] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=green] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=green] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #82A497;
}
html[data-charte=green] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=green] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=green] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=green] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=green] div.user-data a, html[data-charte=green] div.user-data a:visited {
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=green] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=green] div.user-data button:focus, html[data-charte=green] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=green] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
  margin-bottom: 1rem;
}
html[data-charte=green] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=green] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=green] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=green] div.card header {
  padding-left: 2rem;
}
html[data-charte=green] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: white;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=green] div.card dd {
  line-height: 1.3;
}
html[data-charte=green] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=green] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=green] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=green] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=green] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=green] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=green] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=green] span.status {
  display: inline-block;
}
html[data-charte=green] div.h-card h2 a, html[data-charte=green] div.h-card h2 a:visited {
  background-color: #82A497;
}
html[data-charte=green] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=green] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=green] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #05482F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=green] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=green] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=green] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=green] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=green] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=green] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=green] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] ul.chips {
  justify-content: flex-start;
}
html[data-charte=green] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=green] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=green] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: white;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=green] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=green] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=green] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=green] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=green] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=green] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=green] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=green] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=green] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=green] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=green] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #2F6752;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=green] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=green] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=green] div.personal-info div.avatar {
  background-color: #82A497;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=green] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=green] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=green] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=green] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=green] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #ACC2BA;
}
html[data-charte=green] main.settings div.data-sheet h4 {
  color: #05482F;
  background-color: #fff;
}
html[data-charte=green] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #ACC2BA;
}
html[data-charte=green] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=green] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=green] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=green] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=green] main.conversation > header:first-child {
  display: block;
}
html[data-charte=green] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=green] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=green] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=green] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=green] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=green] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=green] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=green] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=green] div.bubble h3 time {
  display: block;
}
html[data-charte=green] div.bubble h3 strong {
  color: #2F6752;
}
html[data-charte=green] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=green] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=green] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=green] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #ACC2BA;
  border-left: 1px solid #ACC2BA;
}
html[data-charte=green] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=green] div.bubble div.content {
  color: black;
  background-color: #05482F;
  word-wrap: break-word;
}
html[data-charte=green] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=green] div.bubble div.content a {
  color: #2F6752;
}
html[data-charte=green] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=green] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=green] div.bubble details div {
  display: flex;
}
html[data-charte=green] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=green] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=green] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=green] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=green] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=green] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #ACC2BA;
}
html[data-charte=green] div.conversation-message--owner-organization > div.bubble div.content {
  color: #2F6752;
  background-color: white;
}
html[data-charte=green] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=green] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=green] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #ACC2BA;
}
html[data-charte=green] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=green] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=green] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=green] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=green] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=green] div.bubble.message-comment .content {
  background-color: #ACC2BA;
}
html[data-charte=green] div.bubble.message-comment .u-photo, html[data-charte=green] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=green] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=green] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #D5E1DC;
  border-bottom: 1px solid #D5E1DC;
  margin: 1rem 0;
}
html[data-charte=green] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=green] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=green] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=green] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=green] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=green] .message-body blockquote {
  color: black;
}
html[data-charte=green] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=green] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=green] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=green] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=green] ul.message-attachments {
  list-style-type: none;
  color: #f1f1f1;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=green] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=green] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=green] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=green] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #ACC2BA;
}
html[data-charte=green] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #ACC2BA;
}
html[data-charte=green] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=green] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=green] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=green] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=green] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=green] div.editor ul.message-attachments {
  border-top: 2px solid #05482F;
}
html[data-charte=green] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=green] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=green] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=green] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=green] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=green] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=green] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=green] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=green] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #82A497;
}
html[data-charte=green] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=green] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=green] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: white;
  padding: 0.5rem;
}
html[data-charte=green] div.request h4 .status {
  margin: 0;
}
html[data-charte=green] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #ACC2BA;
}
html[data-charte=green] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=green] div.request dl div {
  display: flex;
}
html[data-charte=green] div.request dt {
  flex-basis: 5em;
}
html[data-charte=green] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=green] div.editor, html[data-charte=green] form.create-new {
  background-color: white;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #82A497;
  border-radius: 0.3rem;
}
html[data-charte=green] form.create-new {
  border: none;
}
html[data-charte=green] div.editor h3 {
  background-color: white;
  margin-bottom: 0;
  border: none;
}
html[data-charte=green] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=green] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=green] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] p.template-selector {
  width: 100%;
}
html[data-charte=green] p.template-selector input {
  width: 100%;
}
html[data-charte=green] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=green] div.mce-toolbar-grp button:hover, html[data-charte=green] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] select, html[data-charte=green] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=green] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=green] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=green] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=green] p.mandatory {
  text-align: right;
  color: #2F6752;
  background-color: #fff;
}
html[data-charte=green] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=green] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=green] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #f1f1f1;
  border-radius: 100%;
}
html[data-charte=green] .badge {
  color: black;
  background-color: #f1f1f1;
  margin-left: 1rem;
}
html[data-charte=green] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=green] nav.pagination ul {
  justify-content: center;
}
html[data-charte=green] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=green] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=green] .chip.label-color-1 {
  color: #f1f1f1;
  background-color: #85D687;
}
html[data-charte=green] .chip.label-color-2 {
  color: #f1f1f1;
  background-color: #90CBDA;
}
html[data-charte=green] .chip.label-color-3 {
  color: #f1f1f1;
  background-color: #D1CE75;
}
html[data-charte=green] .chip.label-color-4 {
  color: #f1f1f1;
  background-color: #E6B3E1;
}
html[data-charte=green] .chip.label-color-5 {
  color: #f1f1f1;
  background-color: #D9AC8C;
}
html[data-charte=green] #page-labels-settings div.card dt.label-color::before,
html[data-charte=green] #main-nav li a.label-color::before,
html[data-charte=green] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=green] #page-labels-settings div.card dt.label-color::before,
html[data-charte=green] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=green] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=green] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=green] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=green] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=green] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #2F6752;
}
html[data-charte=green] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=green] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=green] #main-nav li a.label-color.label-color-1::before,
html[data-charte=green] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=green] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=green] #main-nav li a.label-color.label-color-2::before,
html[data-charte=green] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=green] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=green] #main-nav li a.label-color.label-color-3::before,
html[data-charte=green] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=green] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=green] #main-nav li a.label-color.label-color-4::before,
html[data-charte=green] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=green] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=green] #main-nav li a.label-color.label-color-5::before,
html[data-charte=green] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=green] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=green] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #D5E1DC;
  padding-left: 2em;
}
html[data-charte=green] div.actions-bar button.icon-check:hover, html[data-charte=green] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #D5E1DC;
}
html[data-charte=green] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=green] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=green] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=green] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=green] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=green] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=green] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=green] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #05482F;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=green] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=green] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=green] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #f1f1f1;
  border-radius: 0.3rem;
}
html[data-charte=green] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=green] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=green] div.project-card p.divided {
  color: #2F6752;
  padding: 0.3em 0;
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] div.project-card.details header {
  position: relative;
}
html[data-charte=green] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=green] div.project-card.details ul.actions-list {
  background-color: #D5E1DC;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=green] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=green] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=green] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=green] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=green] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=green] html, html[data-charte=green] body, html[data-charte=green] div, html[data-charte=green] span, html[data-charte=green] object, html[data-charte=green] iframe,
html[data-charte=green] h1, html[data-charte=green] h2, html[data-charte=green] h3, html[data-charte=green] h4, html[data-charte=green] h5, html[data-charte=green] h6, html[data-charte=green] p, html[data-charte=green] blockquote, html[data-charte=green] pre,
html[data-charte=green] a, html[data-charte=green] abbr, html[data-charte=green] address, html[data-charte=green] big, html[data-charte=green] cite, html[data-charte=green] code,
html[data-charte=green] del, html[data-charte=green] dfn, html[data-charte=green] em, html[data-charte=green] form, html[data-charte=green] img, html[data-charte=green] ins, html[data-charte=green] kbd, html[data-charte=green] q, html[data-charte=green] s, html[data-charte=green] samp,
html[data-charte=green] small, html[data-charte=green] strike, html[data-charte=green] strong, html[data-charte=green] sub, html[data-charte=green] sup, html[data-charte=green] tt, html[data-charte=green] var,
html[data-charte=green] b, html[data-charte=green] u, html[data-charte=green] i, html[data-charte=green] dl, html[data-charte=green] dt, html[data-charte=green] dd, html[data-charte=green] ol, html[data-charte=green] ul, html[data-charte=green] li,
html[data-charte=green] fieldset, html[data-charte=green] form, html[data-charte=green] label, html[data-charte=green] legend,
html[data-charte=green] table:not(.external-table),
html[data-charte=green] caption:not(.external-caption), html[data-charte=green] tbody, html[data-charte=green] tfoot, html[data-charte=green] thead,
html[data-charte=green] tr:not(.external-tr),
html[data-charte=green] th:not(.external-th),
html[data-charte=green] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=green] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=green] header, html[data-charte=green] footer, html[data-charte=green] main, html[data-charte=green] nav, html[data-charte=green] aside, html[data-charte=green] article, html[data-charte=green] section, html[data-charte=green] figure, html[data-charte=green] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=green] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=green] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=green] h2, html[data-charte=green] h3, html[data-charte=green] h4, html[data-charte=green] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=green] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #f1f1f1;
  background-color: #fff;
}
html[data-charte=green] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=green] h3 {
  font-size: 1.2em;
  color: #82A497;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #82A497;
}
html[data-charte=green] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] p, html[data-charte=green] li, html[data-charte=green] dt, html[data-charte=green] dd, html[data-charte=green] h5, html[data-charte=green] th, html[data-charte=green] td {
  font-size: 0.95em;
}
html[data-charte=green] li li, html[data-charte=green] li p, html[data-charte=green] li dt, html[data-charte=green] li dd {
  font-size: 100%;
}
html[data-charte=green] a {
  color: black;
}
html[data-charte=green] a:visited {
  opacity: 0.8;
}
html[data-charte=green] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=green] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=green] img {
  max-width: 100%;
  border: none;
}
html[data-charte=green] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=green] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=green] blockquote::before, html[data-charte=green] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=green] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=green] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=green] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=green] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=green] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #05482F;
}
html[data-charte=green] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=green] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=green] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=green] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=green] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=green] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=green] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=green] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=green] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=green] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=green] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=green] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=green] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=green] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=green] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=green] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #05482F;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=green] button:hover {
  background-color: #f1f1f1;
}
html[data-charte=green] button[disabled], html[data-charte=green] .form-reset[disabled], html[data-charte=green] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=green] button[disabled]:hover, html[data-charte=green] .form-reset[disabled]:hover, html[data-charte=green] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #05482F;
}
html[data-charte=green] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=green] button.secondary {
  background-color: #82A497;
}
html[data-charte=green] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #ACC2BA;
  border-radius: 0.2em;
}
html[data-charte=green] button.discret:hover, html[data-charte=green] button.discret:focus {
  color: black;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
html[data-charte=green] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #05482F;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=green] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] a[class*=bt-], html[data-charte=green] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=green] [class*=bt-]:hover, html[data-charte=green] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=green] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=green] .bt-create:hover, html[data-charte=green] .bt-create:focus {
  background-color: #f1f1f1;
}
html[data-charte=green] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=green] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=green] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=green] a.bt-link, html[data-charte=green] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=green] [class*=icon-], html[data-charte=green] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #05482F;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=green] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #f1f1f1;
}
html[data-charte=green] [class*=icon-].secondary {
  background-color: #82A497;
}
html[data-charte=green] [class*=icon-]:hover, html[data-charte=green] [class*=icon-]:focus {
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #f1f1f1;
}
html[data-charte=green] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=green] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=green] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=green] .icon-assign, html[data-charte=green] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=green] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=green] .icon-pin, html[data-charte=green] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=green] .icon-pinned, html[data-charte=green] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=green] .icon-pinned:hover, html[data-charte=green] .follow-true:hover, html[data-charte=green] .icon-pinned:focus, html[data-charte=green] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=green] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=green] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=green] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=green] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=green] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=green] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=green] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=green] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=green] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=green] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=green] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=green] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=green] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #05482F;
}
html[data-charte=green] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=green] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #05482F;
}
html[data-charte=green] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #05482F;
}
html[data-charte=green] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=green] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=green] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=green] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=green] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=green] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=green] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=green] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=green] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=green] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=green] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=green] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=green] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=green] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=green] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=green] .icon-mark-as-unread, html[data-charte=green] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=green] .icon-mark-as-read {
  background-color: #ACC2BA;
}
html[data-charte=green] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=green] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=green] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=green] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=green] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=green] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=green] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=green] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=green] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=green] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=green] button.icon-check:focus, html[data-charte=green] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=green] .icon-info-simple, html[data-charte=green] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=green] button.play, html[data-charte=green] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=green] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=green] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=green] button.icon-info-simple:hover, html[data-charte=green] button.icon-info-simple:focus,
html[data-charte=green] button.icon-back:hover, html[data-charte=green] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #82A497;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=green] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #82A497;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=green] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=green] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=green] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=green] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=green] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=green] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=green] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=green] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=green] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=green] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=green] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=green] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=green] th:not(.external-th), html[data-charte=green] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=green] th:not(.external-th) {
  color: black;
  background-color: #D5E1DC;
  padding: 1em 0.5em;
}
html[data-charte=green] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=green] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=green] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #D5E1DC;
}
html[data-charte=green] th[scope=row] {
  text-align: left;
}
html[data-charte=green] .main-form {
  background-color: white;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=green] form.main-form legend {
  background-color: white;
}
html[data-charte=green] form p {
  margin-bottom: 1.5em;
}
html[data-charte=green] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=green] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=green] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=green] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=green] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=green] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=green] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=green] fieldset.single {
  padding: 1rem;
  border: 1px solid #ACC2BA;
  border-radius: 0.3rem;
}
html[data-charte=green] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=green] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f1f1f1;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=green] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f1f1f1;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=green] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=green] input[type=text], html[data-charte=green] input[type=password], html[data-charte=green] input[type=date], html[data-charte=green] input[type=url], html[data-charte=green] input[type=tel],
html[data-charte=green] input[type=time], html[data-charte=green] input[type=email], html[data-charte=green] input[type=number], html[data-charte=green] input[type=search], html[data-charte=green] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #D5E1DC;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=green] input[type=number], html[data-charte=green] input[type=date], html[data-charte=green] input[type=time] {
  padding: 0.6em;
}
html[data-charte=green] [readonly] {
  color: #82A497;
  background-color: #D5E1DC;
}
html[data-charte=green] input[type=search]:focus {
  outline: 1px dotted #82A497;
}
html[data-charte=green] input[type=text]:focus, html[data-charte=green] input[type=password]:focus, html[data-charte=green] input[type=url]:focus,
html[data-charte=green] input[type=date]:focus, html[data-charte=green] input[type=search]:focus, html[data-charte=green] select:focus {
  border-color: #05482F;
}
html[data-charte=green] input[type=url], html[data-charte=green] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=green] input[type=number] {
  width: 6em;
}
html[data-charte=green] .has-error input {
  border-color: #f00;
}
html[data-charte=green] .required {
  margin-bottom: 2rem;
}
html[data-charte=green] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=green] select::-ms-expand {
  display: none;
}
html[data-charte=green] [type=submit], html[data-charte=green] [type=reset], html[data-charte=green] button.form-submit, html[data-charte=green] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #05482F;
  padding: 0.55em 1.5em;
  border: 1px solid #05482F;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=green] [type=reset], html[data-charte=green] button.form-reset {
  color: #f1f1f1;
  background-color: #D5E1DC;
  border-color: #D5E1DC;
}
html[data-charte=green] [type=submit]:hover, html[data-charte=green] [type=submit]:focus,
html[data-charte=green] [type=submit].optional:hover, html[data-charte=green] [type=submit].optional:focus,
html[data-charte=green] [type=reset]:hover, html[data-charte=green] [type=reset]:focus {
  color: black;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
html[data-charte=green] button.form-submit:hover, html[data-charte=green] button.form-submit:focus,
html[data-charte=green] button.form-submit.optional:hover, html[data-charte=green] button.form-submit.optional:focus,
html[data-charte=green] button.form-reset:hover, html[data-charte=green] button.form-reset:focus {
  color: black;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
html[data-charte=green] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=green] [type=submit] + [type=reset], html[data-charte=green] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=green] [type=submit].optional, html[data-charte=green] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #82A497;
}
html[data-charte=green] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #05482F;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=green] input[type=image]:hover {
  background-color: #f1f1f1;
}
html[data-charte=green] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #ACC2BA;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=green] ::-webkit-input-placeholder, html[data-charte=green] ::-moz-placeholder, html[data-charte=green] :-moz-placeholder, html[data-charte=green] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=green] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=green] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=green] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=green] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=green] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=green] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=green] .highlight {
  background-color: #D5E1DC;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=green] .highlight label, html[data-charte=green] .top-level .highlight label {
  background-color: #D5E1DC;
}
html[data-charte=green] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=green] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=green] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=green] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=green] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=green] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=green] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=green] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=green] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=green] ul.choices {
  display: flex;
}
html[data-charte=green] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=green] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=green] ul.choices.vertical {
  display: block;
}
html[data-charte=green] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=green] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=green] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=green] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=green] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=green] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=green] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=green] .form-makeup input:checked + label::before, html[data-charte=green] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=green] .form-makeup input:focus + label {
  outline: 1px dotted #2F6752;
}
html[data-charte=green] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=green] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=green] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=green] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=green] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=green] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=green] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=green] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=green] .check-chips label {
  color: var(--n-s-dark);
  background-color: white;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=green] .check-chips input:focus + label {
  color: #2F6752;
  background-color: #D5E1DC;
  border-color: #05482F;
}
html[data-charte=green] .check-chips input:checked + label, html[data-charte=green] .check-chips label.active {
  color: black;
  background-color: #05482F;
  border-color: #05482F;
}
html[data-charte=green] .check-chips input[checked] + label {
  color: black;
  background-color: #05482F;
  border-color: #05482F;
}
html[data-charte=green] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=green] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=green] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=green] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=green] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=green] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=green] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=green] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=green] .field-comment {
  font-size: 90%;
  color: #f1f1f1;
  padding: 0.3em;
}
html[data-charte=green] div.error-messages {
  text-align: center;
  color: #82A497;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=green] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=green] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=green] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #82A497;
}
html[data-charte=green] input[aria-invalid=true]:focus {
  color: black;
  background-color: #D5E1DC;
  border-color: #82A497;
}
html[data-charte=green] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=green] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #82A497;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=green] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=green] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=green] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=green] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=green] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=green] div.card {
  position: relative;
  line-height: 1.5;
  background-color: white;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #D5E1DC;
  transition: all 0.2s;
}
html[data-charte=green] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=green] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=green] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=green] div.card dl {
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=green] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #2F6752;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=green] div.card dt, html[data-charte=green] div.card dd {
  max-width: 100%;
}
html[data-charte=green] div.card a.allover {
  text-decoration: none;
}
html[data-charte=green] div.card a {
  text-decoration: none;
}
html[data-charte=green] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=green] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=green] div.card.unread a, html[data-charte=green] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #05482F;
}
html[data-charte=green] div.card.read a, html[data-charte=green] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=green] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=green] span.social-icon img {
  width: 16px;
}
html[data-charte=green] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=green] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=green] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=green] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=green] div.card.confidential em {
  font-style: italic;
}
html[data-charte=green] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=green] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #82A497;
  padding: 1rem;
}
html[data-charte=green] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=green] div.h-card form p {
  margin: 0;
}
html[data-charte=green] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #82A497;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=green] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #82A497;
  margin: 0;
}
html[data-charte=green] div.h-card h2 a, html[data-charte=green] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=green] div.h-card h2 a:hover, html[data-charte=green] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=green] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=green] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=green] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=green] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=green] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=green] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=green] div.spinner strong {
  display: block;
}
html[data-charte=green] div.spinner ::before, html[data-charte=green] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=green] div.spinner p::before,
html[data-charte=green] div.spinner p::after,
html[data-charte=green] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=green] div.spinner.ease-in-out ::before, html[data-charte=green] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #05482F;
}
html[data-charte=green] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=green] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=green] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=green] div.spinner.cubic-bezier ::before, html[data-charte=green] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #05482F;
}
html[data-charte=green] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=green] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=green] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #05482F;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #05482F;
  }
}
html[data-charte=green] div.spinner.ease-in-out-fill ::before, html[data-charte=green] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=green] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=green] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=green] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=green] div.spinner.linear-dot ::before, html[data-charte=green] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #05482F;
}
html[data-charte=green] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=green] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=green] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=green] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=green] div.spinner.linear-circle ::before, html[data-charte=green] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=green] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=green] div.spinner.linear-circle p::before,
html[data-charte=green] div.spinner.linear-circle strong::before,
html[data-charte=green] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=green] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=green] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=green] div.spinner.progress-bar ::before, html[data-charte=green] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=green] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=green] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=green] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=green] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=green] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=green] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #D5E1DC;
  border-radius: 5px;
}
html[data-charte=green] .box-animation .box {
  background: #05482F;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=green] .box1, html[data-charte=green] .box4, html[data-charte=green] .box8, html[data-charte=green] .box11, html[data-charte=green] .box13, html[data-charte=green] .box16, html[data-charte=green] .box20 {
  animation-name: quiet;
}
html[data-charte=green] .box2, html[data-charte=green] .box6, html[data-charte=green] .box10, html[data-charte=green] .box14, html[data-charte=green] .box17, html[data-charte=green] .box19 {
  animation-name: normal;
}
html[data-charte=green] .box3, html[data-charte=green] .box5, html[data-charte=green] .box7, html[data-charte=green] .box9, html[data-charte=green] .box12, html[data-charte=green] .box15, html[data-charte=green] .box18 {
  animation-name: loud;
}
html[data-charte=green] [class*=icon-].icon-reading-speed {
  background-color: #82A497;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=green] [class*=icon-].icon-reading-speed:hover {
  background-color: #f1f1f1;
}
html[data-charte=green] [class*=icon-].icon-volume {
  background-color: #82A497;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=green] [class*=icon-].icon-volume:hover {
  background-color: #f1f1f1;
}
html[data-charte=green] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #f1f1f1;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=green] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #f1f1f1;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=green] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=green] .show-icons a:hover + .tooltip, html[data-charte=green] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=green] .alternative-alt:hover, html[data-charte=green] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=green] .alternative-alt:hover::before, html[data-charte=green] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=green] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=green] .ember-basic-dropdown, html[data-charte=green] .ember-basic-dropdown-content, html[data-charte=green] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=green] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=green] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=green] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=green] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=green] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=green] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #ACC2BA;
}
html[data-charte=green] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=green] .ember-power-select-options li:hover, html[data-charte=green] .ember-power-select-options li:focus {
  background-color: #ACC2BA;
}
html[data-charte=green] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=green] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=green] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #D5E1DC;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=green] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=green] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=green] .ember-power-select-trigger:focus,
html[data-charte=green] .ember-power-select-trigger--active {
  border-top: 2px solid #05482F;
  box-shadow: none;
}
html[data-charte=green] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=green] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=green] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=green] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=green] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=green] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=green] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=green] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=green] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=green] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=green] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #f1f1f1;
  z-index: 1020;
}
html[data-charte=green] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=green] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=green] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=green] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #82A497;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=green] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=green] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=green] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #ACC2BA;
}
html[data-charte=green] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=green] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=green] div.controled.active {
  margin-left: 0;
}
html[data-charte=green] div.controled div.content {
  display: none;
}
html[data-charte=green] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=green] div.controled > * {
  pointer-events: auto;
}
html[data-charte=green] .underlay {
  opacity: 0;
}
html[data-charte=green] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=green] #main-nav h2 {
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] #main-nav h2::before {
  content: none;
}
html[data-charte=green] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=green] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #82A497;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=green] button.nav-control:focus {
  outline-color: #05482F;
}
html[data-charte=green] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=green] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=green] #menu-control polygon {
  fill: #ACC2BA;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=green] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=green] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=green] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=green] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #D5E1DC;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=green] #main-nav li a, html[data-charte=green] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #f1f1f1;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=green] #main-nav li a:focus, html[data-charte=green] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=green] #main-nav li a::after, html[data-charte=green] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #f1f1f1;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=green] #main-nav li a.active::after,
html[data-charte=green] #main-nav li a:hover::after,
html[data-charte=green] #main-nav li a:focus::after {
  background-color: #05482F;
}
html[data-charte=green] #main-nav li button:hover::after,
html[data-charte=green] #main-nav li button:focus::after {
  background-color: #05482F;
}
html[data-charte=green] #main-nav li.active > button:first-child::after {
  background-color: #05482F;
}
html[data-charte=green] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=green] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=green] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=green] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=green] .simplebar-offset {
  width: 100%;
}
html[data-charte=green] #main-nav li a.bt-create, html[data-charte=green] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #05482F;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=green] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=green] #main-nav li a.bt-create:hover, html[data-charte=green] #main-nav li a.bt-create:focus {
  background-color: #82A497;
}
html[data-charte=green] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #82A497;
}
html[data-charte=green] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=green] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=green] #main-nav button.has-level2, html[data-charte=green] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=green] #main-nav button.has-level2::after, html[data-charte=green] #main-nav a.has-level2::after,
html[data-charte=green] #main-nav button.has-level2:hover::after, html[data-charte=green] #main-nav a.has-level2:hover::after,
html[data-charte=green] #main-nav button.has-level2:focus::after, html[data-charte=green] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=green] #main-nav button.collapse::after,
html[data-charte=green] #main-nav button.collapse:hover::after,
html[data-charte=green] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=green] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=green] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=green] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #05482F;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=green] p.uploader input:focus + label.icon-file-uploader {
  background-color: #f1f1f1;
}
html[data-charte=green] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=green] div.modal[aria-hidden=false], html[data-charte=green] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=green] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=green] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=green] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=green] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=green] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=green] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=green] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=green] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=green] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=green] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=green] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=green] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=green] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #ACC2BA;
  border-radius: 0.2em;
}
html[data-charte=green] div.dropdown button.dd-trigger:hover, html[data-charte=green] div.dropdown button.dd-trigger:focus {
  border-color: #05482F;
}
html[data-charte=green] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #ACC2BA;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=green] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=green] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=green] div.dropdown ul button,
html[data-charte=green] div.dropdown ul a,
html[data-charte=green] div.dropdown ul [class*=icon-],
html[data-charte=green] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=green] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=green] div.dropdown ul button:hover, html[data-charte=green] div.dropdown ul a:hover,
html[data-charte=green] div.dropdown ul button:focus, html[data-charte=green] div.dropdown ul a:focus,
html[data-charte=green] div.dropdown ul [class*=icon-]:focus, html[data-charte=green] div.dropdown ul [class*=icon-]:hover,
html[data-charte=green] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=green] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: white;
}
html[data-charte=green] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=green] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=green] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=green] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=green] nav.pagination li:not(.page) + li.page, html[data-charte=green] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=green] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=green] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=green] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=green] nav.pagination li.disabled {
  display: none;
}
html[data-charte=green] nav.pagination a, html[data-charte=green] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=green] nav.pagination a.firstPage, html[data-charte=green] nav.pagination a.previousPage, html[data-charte=green] nav.pagination a.nextPage, html[data-charte=green] nav.pagination a.lastPage, html[data-charte=green] nav.pagination li button.firstPage, html[data-charte=green] nav.pagination li button.previousPage, html[data-charte=green] nav.pagination li button.nextPage, html[data-charte=green] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=green] nav.pagination a.firstPage, html[data-charte=green] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=green] nav.pagination a.previousPage, html[data-charte=green] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=green] nav.pagination a.nextPage, html[data-charte=green] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=green] nav.pagination a.lastPage, html[data-charte=green] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=green] nav.pagination a:hover, html[data-charte=green] nav.pagination a:focus, html[data-charte=green] nav.pagination li.active a,
html[data-charte=green] nav.pagination li button:hover, html[data-charte=green] nav.pagination li button:focus, html[data-charte=green] nav.pagination li.active button {
  border-bottom-color: #05482F;
}
html[data-charte=green] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=green] nav.pagination li.shortcut a, html[data-charte=green] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=green] select.selector, html[data-charte=green] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=green] .has-error input, html[data-charte=green] .has-error select, html[data-charte=green] .has-error textarea {
  border-color: #f00;
}
html[data-charte=green] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=green] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=green] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=green] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=green] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=green] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=green] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=green] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=green] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=green] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=green] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=green] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=green] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=green] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=green] div.editor {
  position: relative;
}
html[data-charte=green] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=green] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=green] p + div.editor {
  margin-top: 1em;
}
html[data-charte=green] div.editor-wrapper a, html[data-charte=green] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=green] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=green] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=green] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #D5E1DC;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=green] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li > button,
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #D5E1DC;
  padding: 0;
  border: none;
}
html[data-charte=green] strong, html[data-charte=green] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=green] em, html[data-charte=green] i {
  font-style: italic;
}
html[data-charte=green] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=green] div.editor-wrapper div.editable-block p, html[data-charte=green] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=green] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #ACC2BA;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: white;
}
html[data-charte=green] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=green] .has-error div.editor-wrapper div.editable-block,
html[data-charte=green] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=green] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=green] div.editor-wrapper div.editable-block:focus, html[data-charte=green] div.editor-wrapper div.editable-block:hover {
  border-color: #05482F;
}
html[data-charte=green] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #82A497;
}
html[data-charte=green] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=green] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=green] select.models, html[data-charte=green] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=green] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=green] .contentEditableValue {
  display: none;
}
html[data-charte=green] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=green] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=green] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #82A497;
}
html[data-charte=green] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=green] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=green] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=green] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=green] #color-poly {
  display: none;
}
html[data-charte=green] #color-poly.active {
  display: block;
}
html[data-charte=green] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=green] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=green] button.color:hover, html[data-charte=green] button.color:focus {
  border-top-color: #2F6752;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #2F6752;
}
html[data-charte=green] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=green] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=green] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: white;
  border: 1px solid #ACC2BA;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=green] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #ACC2BA;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #ACC2BA;
}
html[data-charte=green] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=green] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=green] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=green] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=green] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=green] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=green] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=green] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=green] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=green] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=green] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=green] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=green] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=green] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=green] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=green] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=green] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=green] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=green] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #D5E1DC;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=green] div.format-options.active {
  display: block;
}
html[data-charte=green] div.format-options p {
  margin: 0;
}
html[data-charte=green] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=green] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=green] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=green] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=green] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #82A497;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=green] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=green] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=green] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=green] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: white;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=green] mark {
  cursor: help;
}
html[data-charte=green] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #ACC2BA;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=green] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=green] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=green] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=green] b ul.sc-options li, html[data-charte=green] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=green] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=green] em ul.sc-options li, html[data-charte=green] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=green] ul.sc-options li:hover, html[data-charte=green] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=green] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #ACC2BA;
}
html[data-charte=green] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=green] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #ACC2BA;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=green] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #D5E1DC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #ACC2BA;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=green] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #D5E1DC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #ACC2BA;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=green] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #D5E1DC;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #ACC2BA;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=green] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=green] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=green] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=green] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #f1f1f1;
  cursor: default;
  z-index: 1;
}
html[data-charte=green] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #f1f1f1;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=green] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=green] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=green] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=green] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=green] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=green] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=green] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=green] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #D5E1DC;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=green] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=green] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=green] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=green] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] select, html[data-charte=green] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=green] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=green] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=green] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #82A497;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=green] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=green] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=green] section.participants div.h-card .u-photo, html[data-charte=green] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=green] main.conversation section.participants ul.actions-list,
html[data-charte=green] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=green] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=green] ul.avatars {
  list-style-type: none;
  background-color: #D5E1DC;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=green] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=green] ul.avatars li + li {
  border-top: 1px dotted #82A497;
}
html[data-charte=green] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=green] div.actions-bar {
  color: #2F6752;
  background-color: #D5E1DC;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=green] div.actions-bar p, html[data-charte=green] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=green] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=green] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=green] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] div.actions-bar .radio-chips label {
  border: 1px solid #ACC2BA;
}
html[data-charte=green] div.actions-bar .radio-chips input:hover + label, html[data-charte=green] div.actions-bar .radio-chips input:focus + label {
  color: #2F6752;
  background-color: #D5E1DC;
  border-color: #05482F;
}
html[data-charte=green] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #05482F;
  border-color: #05482F;
}
html[data-charte=green] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=green] div.actions-bar > * {
  padding: 0;
}
html[data-charte=green] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=green] .collapsible h3, html[data-charte=green] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=green] .collapsible > .content {
  display: none;
}
html[data-charte=green] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: white;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=green] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #f1f1f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=green] .collapsible button.control[aria-expanded=true] {
  background-color: #05482F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=green] .collapsible.top-level button.control {
  color: black;
  background-color: #05482F;
}
html[data-charte=green] fieldset.collapsible.sub-group {
  border-top: 1px solid #ACC2BA;
  margin-bottom: 1rem;
}
html[data-charte=green] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=green] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=green] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=green] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=green] .collapsible.top-level button.control[aria-expanded=true] {
    color: #f1f1f1;
    background-color: white;
  }
  html[data-charte=green] header .collapsible {
    width: 100%;
  }
  html[data-charte=green] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=green] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #05482F;
}
html[data-charte=green] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=green] ul.tabs li a, html[data-charte=green] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: white;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=green] ul.tabs li a:hover, html[data-charte=green] ul.tabs li a:focus {
  color: black;
  background-color: #f1f1f1;
}
html[data-charte=green] ul.tabs li.active a, html[data-charte=green] ul.tabs li.active a:visited {
  color: black;
  background-color: #05482F;
}
html[data-charte=green] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=green] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=green] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=green] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #05482F;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=green] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=green] .top-level label {
  background-color: white;
}
html[data-charte=green] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=green] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=green] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=green] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=green] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=green] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=green] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=green] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=green] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=green] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=green] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #ACC2BA;
}
html[data-charte=green] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=green] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=green] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #05482F;
}
html[data-charte=green] details.special li {
  font-size: 0.7em;
}
html[data-charte=green] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=green] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=green] details.simple summary::after {
  content: " +";
}
html[data-charte=green] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=green] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=green] .nowrap {
  white-space: nowrap;
}
html[data-charte=green] hr {
  border: none;
  border-top: 1px dotted #ACC2BA;
  margin-bottom: 1rem;
}
html[data-charte=green] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=green] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=green] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=green] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=green] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=green] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=green] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=green] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=green] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=green] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=green] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=green] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=green] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=green] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #05482F;
}
html[data-charte=green] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=green] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=green] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=green] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=green] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=green] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=green] .form-makeup input:checked + label::before, html[data-charte=green] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=green] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=green] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=green] button[disabled], html[data-charte=green] .form-reset[disabled], html[data-charte=green] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #82A497;
  }
  html[data-charte=green] button[disabled]:hover, html[data-charte=green] .form-reset[disabled]:hover, html[data-charte=green] .form-submit[disabled]:hover {
    background-color: #ACC2BA;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=green] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=green] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=green] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=green] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=green] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=green] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=green] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=green] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=green] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=green] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=green] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=green] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=green] div.datepickerDialog caption button {
  background-color: white;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=green] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=green] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=green] div.datepickerDialog th, html[data-charte=green] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=green] div.datepickerDialog th {
  background-color: white;
}
html[data-charte=green] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=green] div.datepickerDialog td button:hover, html[data-charte=green] div.datepickerDialog td button:focus {
  color: black;
  background-color: #05482F;
}
html[data-charte=green] div.datepickerDialog td button.disabled {
  color: #ACC2BA;
  background-color: #fff;
}
html[data-charte=green] div.datepickerDialog p.buttons-bar, html[data-charte=green] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #D5E1DC;
}
html[data-charte=green] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=green] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=green] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=green] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=green] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=green] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=green] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=green] .icon-zoom:hover {
  background-color: white;
}
html[data-charte=green] .icon-zoom:focus {
  background-color: #ACC2BA;
}
html[data-charte=green] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=green] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=green] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=green] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=green] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=green] .preview-page a i:focus {
  outline: none;
}
html[data-charte=green] .preview-page a i:hover {
  outline: none;
}
html[data-charte=green] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=green] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=green] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=green] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=green] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=green] .pagination-item {
  align-items: baseline;
}
html[data-charte=green] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=green] .icon-zoom {
  position: inherit;
}
html[data-charte=green] figure.img-container img {
  width: 100%;
}
html[data-charte=green] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=green] div.editor-wrapper .audio, html[data-charte=green] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #82A497;
}
html[data-charte=green] div.editor-wrapper .audio, html[data-charte=green] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=green] div.editor-wrapper .audio, html[data-charte=green] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #f1f1f1;
}
html[data-charte=green] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=green] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=green] .audio-preview {
  justify-content: center;
}
html[data-charte=green] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=green] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=green] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=green] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=green] .audio-message, html[data-charte=green] .audio-record, html[data-charte=green] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=green] .audio-message audio, html[data-charte=green] .audio-record audio, html[data-charte=green] .audio audio {
  background: #fff;
  border: 2px solid #D5E1DC;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=green] .audio-message .icon-download.voice-message, html[data-charte=green] .audio-record .icon-download.voice-message, html[data-charte=green] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=green] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=green] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=green] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=green] .audio {
  min-width: 20rem;
}
html[data-charte=green] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=green] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=green] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=green] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=green] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=green] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=green] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=green] #volume-control, html[data-charte=green] #speed-control {
  display: none;
}
html[data-charte=green] #volume-control > input, html[data-charte=green] #speed-control > input {
  width: 65px;
}
html[data-charte=green] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=green] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=green] #volume-control[aria-hidden=false], html[data-charte=green] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=green] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=green] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=green] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #82A497;
}
html[data-charte=green] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #f1f1f1;
}
html[data-charte=green] input[type=range] {
  -webkit-appearance: none;
  background-color: #05482F;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=green] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #82A497;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=green] div.files-list {
  margin-top: 20px;
}
html[data-charte=green] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=green] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #05482F;
}
html[data-charte=green] ul.add-list li {
  padding: 0;
}
html[data-charte=green] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=green] .icon-share, html[data-charte=green] .icon-edit, html[data-charte=green] .icon-info,
html[data-charte=green] .icon-upload, html[data-charte=green] .icon-close, html[data-charte=green] .icon-info-close,
html[data-charte=green] .icon-notify, html[data-charte=green] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=green] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=green] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=green] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=green] .icon-info, html[data-charte=green] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=green] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=green] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=green] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=green] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=green] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=green] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=green] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=green] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=green] main > header.simple:first-child {
  display: block;
}
html[data-charte=green] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=green] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: white;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #82A497;
  border-radius: 0.3rem;
}
html[data-charte=green] div.project-card.closed {
  border-color: #ACC2BA;
}
html[data-charte=green] div.project-card::before, html[data-charte=green] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=green] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=green] div.project-card.closed {
  border-color: #ACC2BA;
}
html[data-charte=green] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=green] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: white;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=green] div.project-card h4 a {
  color: #2F6752;
  background-color: white;
}
html[data-charte=green] div.project-card h4 a:visited {
  color: #82A497;
  background-color: white;
}
html[data-charte=green] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=green] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=green] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=green] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=green] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=green] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: white;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=green] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=green] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=green] header p.description {
  font-size: 1.2em;
}
html[data-charte=green] div.project-card .content {
  margin-top: auto;
}
html[data-charte=green] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #ACC2BA;
  border-bottom: 1px solid #ACC2BA;
}
html[data-charte=green] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=green] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=green] dl.project-info dt, html[data-charte=green] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=green] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=green] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=green] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=green] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=green] div.project-sheet {
  background-color: white;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=green] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=green] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=green] p.assignment strong {
  display: block;
}
html[data-charte=green] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #05482F;
}
html[data-charte=green] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=green] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: white;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=green] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=green] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=green] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #05482F;
}
html[data-charte=green] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #05482F;
}
html[data-charte=green] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=green] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=green] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] main.projects .h-card button.info {
  display: none;
}
html[data-charte=green] main.projects section.requests h3 {
  display: none;
}
html[data-charte=green] section.project-folder {
  background-color: white;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=green] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #82A497 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=green] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=green] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=green] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=green] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=green] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=green] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=green] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=green] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=green] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=green] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #ACC2BA;
}
html[data-charte=green] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #f1f1f1;
}
html[data-charte=green] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=green] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=green] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=green] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=green] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=green] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=green] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=green] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=green] ul.files-list {
  list-style-type: none;
}
html[data-charte=green] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=green] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #82A497;
  border-radius: 100%;
}
html[data-charte=green] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=green] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=green] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=green] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=green] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=green] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #D5E1DC;
  border-bottom: 1px solid #D5E1DC;
}
html[data-charte=green] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=green] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=green] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #ACC2BA;
  border-radius: 0.3rem;
}
html[data-charte=green] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=green] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=green] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=green] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=green] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=green] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=green] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=green] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=green] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=green] div.project-card h4 a, html[data-charte=green] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=green] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=green] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=green] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=green] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=green] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #82A497;
  }
  html[data-charte=green] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=green] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=green] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=green] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=green] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=green] p.nature {
    flex: 1;
  }
  html[data-charte=green] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=green] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=green] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=green] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=green] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=green] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=green] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=green] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=green] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=green] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=green] ul.treeview button.element-button:hover, html[data-charte=green] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=green] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=green] ul.treeview ul.active {
  display: block;
}
html[data-charte=green] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=green] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=green] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=green] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=green] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=green] ul.treeview button.deploy, html[data-charte=green] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=green] ul.treeview button.deploy, html[data-charte=green] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=green] ul.treeview button:focus, html[data-charte=green] ul.treeview button:hover, html[data-charte=green] ul.treeview button.active {
  background-color: white;
}
html[data-charte=green] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=green] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=green] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=green] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=green] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=green] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=green] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=green] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=green] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=green] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=green] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=green] .treeview-search-combo > .treeview {
  border: 1px solid #ACC2BA;
  padding: 5px 0;
}
html[data-charte=green] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=green] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=green] .treeview-search-combo button.element.highlight, html[data-charte=green] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=green] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=green] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=green] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=green] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=green] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=green] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=green] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=green] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=green] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=green] #absences-calendar ul.actions-list, html[data-charte=green] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=green] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=green] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=green] #absences-calendar .icon-next, html[data-charte=green] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=green] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=green] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=green] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=green] table.plan-grid th, html[data-charte=green] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=green] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=green] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=green] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=green] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=green] table.plan-grid tr td:first-of-type, html[data-charte=green] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=green] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=green] table.plan-grid div p {
  display: none;
}
html[data-charte=green] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=green] table.plan-grid div:hover p, html[data-charte=green] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=green] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=green] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=green] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=green] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=green] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=green] #absences-calendar ul.actions-list, html[data-charte=green] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=green] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=green] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=green] table.plan-grid thead {
    display: none;
  }
  html[data-charte=green] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=green] table.plan-grid td, html[data-charte=green] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=green] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=green] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=green] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=green] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=green] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=green] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=green] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=green] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=green] table.plan-grid div:hover p, html[data-charte=green] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=green] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=green] table.plan-grid div:hover p, html[data-charte=green] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=green] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=green] div.editor-wrapper a, html[data-charte=green] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=green] div.editor-wrapper a:visited, html[data-charte=green] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=green] div.editor-wrapper p:not(.feedback-message), html[data-charte=green] div.editor-wrapper li, html[data-charte=green] div.editor-wrapper th:not(.external-th), html[data-charte=green] div.editor-wrapper td:not(.external-td), html[data-charte=green] div.editor p:not(.feedback-message), html[data-charte=green] div.editor li, html[data-charte=green] div.editor th:not(.external-th), html[data-charte=green] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=green] div.editor-wrapper p, html[data-charte=green] div.editor p {
  margin: 1em 0;
}
html[data-charte=green] div.editor-wrapper th, html[data-charte=green] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=green] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=green] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=green] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=green] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=green] div.editor-wrapper th[scope=row], html[data-charte=green] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=green] div.editor-wrapper strong, html[data-charte=green] div.editor-wrapper b, html[data-charte=green] div.editor-wrapper th:not(.external-th), html[data-charte=green] div.editor strong, html[data-charte=green] div.editor b, html[data-charte=green] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=green] div.editor-wrapper table:not(.external-table), html[data-charte=green] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=green] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=green] div.editor-wrapper div.editable-block ul, html[data-charte=green] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=green] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=green] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=green] #side-bar-profile {
  position: relative;
}
html[data-charte=green] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=green] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=green] header#side-panel {
  color: black;
}
html[data-charte=green] header#side-panel h1 a {
  display: contents;
}
html[data-charte=green] .tooltip {
  z-index: 2000;
}
html[data-charte=green] div.tooltip .tooltip-inner, html[data-charte=green] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=green] figure {
  text-align: center;
}
html[data-charte=green] figure img {
  margin: 0 auto;
}
html[data-charte=green] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #ACC2BA;
}
html[data-charte=green] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=green] .feedback-message {
  color: #f1f1f1;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=green] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=green] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=green] .feedback-message.hidden {
  display: none;
}
html[data-charte=green] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=green] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=green] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=green] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=green] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=green] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=green] .break-word {
  word-wrap: break-word;
}
html[data-charte=green] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=green] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=green] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=green] section.login main {
  position: static;
  min-height: auto;
  background-color: white;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=green] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #82A497;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=green] section.login h1::after {
  content: none;
}
html[data-charte=green] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=green] section.login h2 {
  font-size: 1.5em;
  background-color: white;
  margin-bottom: 1em;
}
html[data-charte=green] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=green] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #ACC2BA;
}
html[data-charte=green] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=green] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=green] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=green] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=green] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=green] nav.pagination li {
    margin: 0;
  }
  html[data-charte=green] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=green] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=green] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=green] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=green] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=green] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=green] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=green] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=green] div.bubble {
    min-width: 20em;
  }
  html[data-charte=green] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=green] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=green] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=green] div.conversation > ul.actions-list {
    background-color: #D5E1DC;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=green] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=green] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=green] p.template-selector input {
    width: 80%;
  }
  html[data-charte=green] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=green] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #ACC2BA;
  }
  html[data-charte=green] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=green] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=green] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=green] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=green] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=green] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=green] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=green] div.bubble {
    min-width: 35em;
  }
  html[data-charte=green] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=green] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=green] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=green] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=green] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=green] p, html[data-charte=green] li, html[data-charte=green] dt, html[data-charte=green] dd {
    font-size: 1.1em;
  }
  html[data-charte=green] summary {
    font-size: 1.1em;
  }
  html[data-charte=green] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=green] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=green] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=green] ul.optional-status li, html[data-charte=green] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=green] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=green] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=green] div.card {
    padding: 0.5rem;
  }
  html[data-charte=green] div.card > div, html[data-charte=green] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=green] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=green] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=green] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=green] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=green] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=green] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=green] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=green] div.card dt, html[data-charte=green] div.card dd {
    font-size: 1em;
  }
  html[data-charte=green] div.card a {
    text-decoration: none;
  }
  html[data-charte=green] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=green] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=green] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=green] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=green] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=green] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=green] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=green] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=green] div.bubble .u-photo, html[data-charte=green] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=green] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=green] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=green] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=green] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=green] div.request {
    position: relative;
  }
  html[data-charte=green] div.request dt, html[data-charte=green] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=green] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=green] div.request a:hover::after, html[data-charte=green] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] h2 {
    font-size: 2.5em;
  }
  html[data-charte=green] h3 {
    font-size: 2em;
  }
  html[data-charte=green] .collapsible h2, html[data-charte=green] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=green] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=green] #container {
    display: flex;
  }
  html[data-charte=green] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=green] #wrapper footer {
    display: none;
  }
  html[data-charte=green] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=green] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=green] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=green] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=green] div.grid-2thirds, html[data-charte=green] div.grid-3cols, html[data-charte=green] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=green] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=green] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=green] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=green] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=green] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=green] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=green] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=green] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=green] table.transform th {
    display: none;
  }
  html[data-charte=green] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=green] table.transform tr, html[data-charte=green] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=green] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #05482F;
  }
  html[data-charte=green] table.transform td + td {
    border-top: 1px solid #ACC2BA;
  }
  html[data-charte=green] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=green] table.transform tr td:first-of-type {
    background-color: #D5E1DC;
  }
  html[data-charte=green] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=green] legend {
    font-size: 1.3em;
  }
  html[data-charte=green] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=green] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=green] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=green] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=green] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #2F6752;
    background-color: white;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=green] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #05482F;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=green] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=green] .highlight {
    padding: 1rem;
  }
  html[data-charte=green] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=green] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=green] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=green] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=green] div.actions-bar p, html[data-charte=green] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=green] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=green] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=green] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=green] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=green] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=green] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=green] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=green] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #ACC2BA;
  }
  html[data-charte=green] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=green] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=green] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=green] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #ACC2BA;
  }
  html[data-charte=green] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=green] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=green] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=green] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=green] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=green] div.bubble div.content p:not(.buttons-bar), html[data-charte=green] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=green] #new-talk .divide {
    display: flex;
  }
  html[data-charte=green] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=green] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=green] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #D5E1DC;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=green] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=green] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=green] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=green] section.participants div.h-card .u-photo, html[data-charte=green] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=green] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=green] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=green] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=green] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=green] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=green] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=green] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=green] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=green] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=green] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=green] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #f1f1f1;
    flex-direction: column-reverse;
  }
  html[data-charte=green] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #82A497;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=green] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=green] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=green] div.controled {
    background: #82A497;
    border: none;
    box-shadow: none;
  }
  html[data-charte=green] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=green] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=green] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=green] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=green] button.nav-control svg {
    display: none;
  }
  html[data-charte=green] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=green] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=green] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=green] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=green] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=green] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=green] div.bubble .content p:not(.feedback-message), html[data-charte=green] div.bubble .content li, html[data-charte=green] div.bubble .content th:not(.external-th), html[data-charte=green] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=green] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=green] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=green] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=green] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=green] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=green] div.bubble .content strong, html[data-charte=green] div.bubble .content b, html[data-charte=green] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=green] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=green] div.bubble .content li, html[data-charte=green] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=green] div.conversation-message--owner-organization > div.bubble div.content {
  color: #2F6752;
}
html[data-charte=green] div.bubble div.content {
  color: #2F6752;
  background-color: #ffe6e6;
}
html[data-charte=green] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=green] .f-upload-editor {
  display: none;
}
html[data-charte=green] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=green] .f-size, html[data-charte=green] .f-family {
  border: 1px solid #d35220;
}
@media screen and (max-width: 440px) {
  html[data-charte=green] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=green] h2 {
  color: #82A497;
  border: none !important;
}
html[data-charte=green] .ember-transitioning-in {
  color: #05482F;
}
html[data-charte=green] button:hover {
  background-color: rgba(130, 164, 151, 0.5) !important;
  border-color: #ACC2BA !important;
  box-shadow: 0 0 11px rgba(172, 194, 186, 0.5);
}
html[data-charte=green] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #2F6752;
  background-color: transparent;
  border-color: #05482F;
}
html[data-charte=green] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #2F6752;
  background-color: #ACC2BA;
  border-color: #05482F;
}
html[data-charte=green] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=green] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: white;
  color: #2F6752;
  background-color: white;
  border-color: #05482F;
}
html[data-charte=green] button.form-submit:not(.optional) {
  color: #2F6752;
  background-color: #05482F;
  color: white !important;
  border-color: #D5E1DC;
  height: 45px;
  border-color: #05482F;
}
html[data-charte=green] button.form-submit:not(.optional):hover {
  background-color: #ACC2BA !important;
}
html[data-charte=green] button.form-submit.optional {
  color: #2F6752;
  border-color: #D5E1DC;
  height: 45px;
  background-color: transparent;
  border-color: #05482F;
}
html[data-charte=green] button.form-reset {
  color: #2F6752;
  height: 45px;
  background-color: transparent;
  border-color: #05482F;
}
html[data-charte=green] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #2F6752;
  background-color: transparent !important;
  border-color: #05482F !important;
}
html[data-charte=green] div.dropdown ul {
  border-color: #05482F;
  background-color: #D5E1DC;
}
html[data-charte=green] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #2F6752;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=green] a.bt-create {
  color: white !important;
}
html[data-charte=green] a.bt-create:hover {
  background-color: #ACC2BA;
}
html[data-charte=green] [class*=icon-],
html[data-charte=green] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #ACC2BA !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=green] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=green] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(172, 194, 186, 0.5) !important;
  border-width: 0px;
}
html[data-charte=green] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(130, 164, 151, 0.5) !important;
  border-width: 0px;
}
html[data-charte=green] .icon-info-simple,
html[data-charte=green] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=green] div.card {
  border-bottom-color: #D5E1DC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=green] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=green] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #ACC2BA;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=green] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #d35220;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=green] .side-panel-footer {
  background-color: #f1f1f1;
  text-align: center;
}
html[data-charte=green] .ember-transitioning-in {
  color: #05482F !important;
}
html[data-charte=green] section.login h1 {
  background-color: white;
}
html[data-charte=green] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=green] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23d35220'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23d35220'/%3E%3C/svg%3E%0A");
}
html[data-charte=green] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23d35220'/%3E%3C/svg%3E%0A");
}
html[data-charte=green] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #ACC2BA !important;
  padding: 0;
  border: none;
}
html[data-charte=green] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=green] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #ACC2BA !important;
  padding: 0;
  border: none;
}
html[data-charte=green] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=green] select {
  border-color: #05482F;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23d35220'/%3E%3C/svg%3E");
}
html[data-charte=green] input[type=search],
html[data-charte=green] select {
  border-color: #05482F;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=green] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23d35220; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=green] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23d35220' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=green] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %2382A497'/%3E%3C/svg%3E") !important;
}
html[data-charte=green] legend {
  color: #82A497;
}
html[data-charte=green] label {
  color: #82A497;
}
html[data-charte=green] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=green] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=green] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=green] div.controled.active .underlay {
  background-color: rgba(241, 241, 241, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=green] #ccSelector {
  display: none;
}
html[data-charte=green] label[for=ccSelector] {
  display: none;
}
html[data-charte=green] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=green] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=green] label[for=recipientSelector] {
  display: none;
}
html[data-charte=green] label[for=confidentiality] {
  display: none;
}
html[data-charte=green] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=green] label[for=subject] {
  display: none !important;
}
html[data-charte=green] label[for=subject] + input {
  display: none !important;
}
html[data-charte=green] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=green] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=green] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=green] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=green] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=green] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=green] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=green] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=green] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=green] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=green] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=green] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=green] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23d35220' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=green] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=green] ul.message-attachments {
  color: #82A497;
}
html[data-charte=green] .tree,
html[data-charte=green] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=green] .tree {
  background: transparent;
  border: none;
}
html[data-charte=green] .tree li:last-child {
  border: 0;
}
html[data-charte=green] .section ul {
  display: none;
}
html[data-charte=green] .section input[type=checkbox] {
  display: none;
}
html[data-charte=green] .section input[type=radio] {
  display: none;
}
html[data-charte=green] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #2F6752;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=green] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=green] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=green] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=green] .section input:checked ~ ul {
  display: block;
}
html[data-charte=green] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=green] .section input:checked + label.labelThemeItem {
  color: #05482F;
  border: 1px solid black;
}
html[data-charte=green] .feedback-message {
  color: #82A497;
}
html[data-charte=green] .toast-close-button {
  background-color: transparent !important;
  color: white;
  font-size: larger;
  opacity: 1;
}
html[data-charte=green] legend {
  color: #82A497;
  padding: 3px 6px;
}
html[data-charte=green] fieldset {
  border-color: #82A497;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=green] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=green] form.create-new {
  background-color: white;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=green] select.selector {
  font-weight: bold !important;
}
html[data-charte=green] .filetype {
  color: white !important;
  background-color: #82A497 !important;
}
html[data-charte=green] .icon-zoom {
  background-color: #D5E1DC !important;
}
html[data-charte=green] .icon-zoom:hover {
  background-color: #D5E1DC !important;
  box-shadow: 0 0 11px #ACC2BA;
}
html[data-charte=green] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=green] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23d35220'/%3E%3C/svg%3E");
}
html[data-charte=green] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=green] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=green] div.controled {
  background: transparent;
}
html[data-charte=green] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=green] .message-body th:not(.external-th), html[data-charte=green] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=green] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray] div.user-data a, html[data-charte=gray] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray] div.user-data button:focus, html[data-charte=gray] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray] span.status {
  display: inline-block;
}
html[data-charte=gray] div.h-card h2 a, html[data-charte=gray] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray] div.bubble h3 time {
  display: block;
}
html[data-charte=gray] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray] div.bubble details div {
  display: flex;
}
html[data-charte=gray] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray] div.bubble.message-comment .u-photo, html[data-charte=gray] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray] .message-body blockquote {
  color: black;
}
html[data-charte=gray] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray] div.request dl div {
  display: flex;
}
html[data-charte=gray] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray] div.editor, html[data-charte=gray] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray] form.create-new {
  border: none;
}
html[data-charte=gray] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] p.template-selector {
  width: 100%;
}
html[data-charte=gray] p.template-selector input {
  width: 100%;
}
html[data-charte=gray] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray] div.mce-toolbar-grp button:hover, html[data-charte=gray] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] select, html[data-charte=gray] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray] #main-nav li a.label-color::before,
html[data-charte=gray] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray] div.actions-bar button.icon-check:hover, html[data-charte=gray] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] div.project-card.details header {
  position: relative;
}
html[data-charte=gray] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray] html, html[data-charte=gray] body, html[data-charte=gray] div, html[data-charte=gray] span, html[data-charte=gray] object, html[data-charte=gray] iframe,
html[data-charte=gray] h1, html[data-charte=gray] h2, html[data-charte=gray] h3, html[data-charte=gray] h4, html[data-charte=gray] h5, html[data-charte=gray] h6, html[data-charte=gray] p, html[data-charte=gray] blockquote, html[data-charte=gray] pre,
html[data-charte=gray] a, html[data-charte=gray] abbr, html[data-charte=gray] address, html[data-charte=gray] big, html[data-charte=gray] cite, html[data-charte=gray] code,
html[data-charte=gray] del, html[data-charte=gray] dfn, html[data-charte=gray] em, html[data-charte=gray] form, html[data-charte=gray] img, html[data-charte=gray] ins, html[data-charte=gray] kbd, html[data-charte=gray] q, html[data-charte=gray] s, html[data-charte=gray] samp,
html[data-charte=gray] small, html[data-charte=gray] strike, html[data-charte=gray] strong, html[data-charte=gray] sub, html[data-charte=gray] sup, html[data-charte=gray] tt, html[data-charte=gray] var,
html[data-charte=gray] b, html[data-charte=gray] u, html[data-charte=gray] i, html[data-charte=gray] dl, html[data-charte=gray] dt, html[data-charte=gray] dd, html[data-charte=gray] ol, html[data-charte=gray] ul, html[data-charte=gray] li,
html[data-charte=gray] fieldset, html[data-charte=gray] form, html[data-charte=gray] label, html[data-charte=gray] legend,
html[data-charte=gray] table:not(.external-table),
html[data-charte=gray] caption:not(.external-caption), html[data-charte=gray] tbody, html[data-charte=gray] tfoot, html[data-charte=gray] thead,
html[data-charte=gray] tr:not(.external-tr),
html[data-charte=gray] th:not(.external-th),
html[data-charte=gray] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray] header, html[data-charte=gray] footer, html[data-charte=gray] main, html[data-charte=gray] nav, html[data-charte=gray] aside, html[data-charte=gray] article, html[data-charte=gray] section, html[data-charte=gray] figure, html[data-charte=gray] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray] h2, html[data-charte=gray] h3, html[data-charte=gray] h4, html[data-charte=gray] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] p, html[data-charte=gray] li, html[data-charte=gray] dt, html[data-charte=gray] dd, html[data-charte=gray] h5, html[data-charte=gray] th, html[data-charte=gray] td {
  font-size: 0.95em;
}
html[data-charte=gray] li li, html[data-charte=gray] li p, html[data-charte=gray] li dt, html[data-charte=gray] li dd {
  font-size: 100%;
}
html[data-charte=gray] a {
  color: black;
}
html[data-charte=gray] a:visited {
  opacity: 0.8;
}
html[data-charte=gray] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray] blockquote::before, html[data-charte=gray] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray] button:hover {
  background-color: #EEE;
}
html[data-charte=gray] button[disabled], html[data-charte=gray] .form-reset[disabled], html[data-charte=gray] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray] button[disabled]:hover, html[data-charte=gray] .form-reset[disabled]:hover, html[data-charte=gray] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray] button.secondary {
  background-color: #222;
}
html[data-charte=gray] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray] button.discret:hover, html[data-charte=gray] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] a[class*=bt-], html[data-charte=gray] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray] [class*=bt-]:hover, html[data-charte=gray] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray] .bt-create:hover, html[data-charte=gray] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray] a.bt-link, html[data-charte=gray] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray] [class*=icon-], html[data-charte=gray] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray] [class*=icon-]:hover, html[data-charte=gray] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray] .icon-assign, html[data-charte=gray] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray] .icon-pin, html[data-charte=gray] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray] .icon-pinned, html[data-charte=gray] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray] .icon-pinned:hover, html[data-charte=gray] .follow-true:hover, html[data-charte=gray] .icon-pinned:focus, html[data-charte=gray] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray] .icon-mark-as-unread, html[data-charte=gray] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray] button.icon-check:focus, html[data-charte=gray] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray] .icon-info-simple, html[data-charte=gray] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray] button.play, html[data-charte=gray] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray] button.icon-info-simple:hover, html[data-charte=gray] button.icon-info-simple:focus,
html[data-charte=gray] button.icon-back:hover, html[data-charte=gray] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray] th:not(.external-th), html[data-charte=gray] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] th[scope=row] {
  text-align: left;
}
html[data-charte=gray] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray] input[type=text], html[data-charte=gray] input[type=password], html[data-charte=gray] input[type=date], html[data-charte=gray] input[type=url], html[data-charte=gray] input[type=tel],
html[data-charte=gray] input[type=time], html[data-charte=gray] input[type=email], html[data-charte=gray] input[type=number], html[data-charte=gray] input[type=search], html[data-charte=gray] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray] input[type=number], html[data-charte=gray] input[type=date], html[data-charte=gray] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray] input[type=text]:focus, html[data-charte=gray] input[type=password]:focus, html[data-charte=gray] input[type=url]:focus,
html[data-charte=gray] input[type=date]:focus, html[data-charte=gray] input[type=search]:focus, html[data-charte=gray] select:focus {
  border-color: #555;
}
html[data-charte=gray] input[type=url], html[data-charte=gray] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray] input[type=number] {
  width: 6em;
}
html[data-charte=gray] .has-error input {
  border-color: #f00;
}
html[data-charte=gray] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray] select::-ms-expand {
  display: none;
}
html[data-charte=gray] [type=submit], html[data-charte=gray] [type=reset], html[data-charte=gray] button.form-submit, html[data-charte=gray] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray] [type=reset], html[data-charte=gray] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray] [type=submit]:hover, html[data-charte=gray] [type=submit]:focus,
html[data-charte=gray] [type=submit].optional:hover, html[data-charte=gray] [type=submit].optional:focus,
html[data-charte=gray] [type=reset]:hover, html[data-charte=gray] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray] button.form-submit:hover, html[data-charte=gray] button.form-submit:focus,
html[data-charte=gray] button.form-submit.optional:hover, html[data-charte=gray] button.form-submit.optional:focus,
html[data-charte=gray] button.form-reset:hover, html[data-charte=gray] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray] [type=submit] + [type=reset], html[data-charte=gray] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray] [type=submit].optional, html[data-charte=gray] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray] ::-webkit-input-placeholder, html[data-charte=gray] ::-moz-placeholder, html[data-charte=gray] :-moz-placeholder, html[data-charte=gray] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray] .highlight label, html[data-charte=gray] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray] ul.choices {
  display: flex;
}
html[data-charte=gray] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray] ul.choices.vertical {
  display: block;
}
html[data-charte=gray] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray] .form-makeup input:checked + label::before, html[data-charte=gray] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray] .check-chips input:checked + label, html[data-charte=gray] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray] div.card dt, html[data-charte=gray] div.card dd {
  max-width: 100%;
}
html[data-charte=gray] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray] div.card a {
  text-decoration: none;
}
html[data-charte=gray] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray] div.card.unread a, html[data-charte=gray] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray] div.card.read a, html[data-charte=gray] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray] span.social-icon img {
  width: 16px;
}
html[data-charte=gray] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray] div.h-card form p {
  margin: 0;
}
html[data-charte=gray] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray] div.h-card h2 a, html[data-charte=gray] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray] div.h-card h2 a:hover, html[data-charte=gray] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray] div.spinner strong {
  display: block;
}
html[data-charte=gray] div.spinner ::before, html[data-charte=gray] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray] div.spinner p::before,
html[data-charte=gray] div.spinner p::after,
html[data-charte=gray] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray] div.spinner.ease-in-out ::before, html[data-charte=gray] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray] div.spinner.cubic-bezier ::before, html[data-charte=gray] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray] div.spinner.ease-in-out-fill ::before, html[data-charte=gray] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray] div.spinner.linear-dot ::before, html[data-charte=gray] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray] div.spinner.linear-circle ::before, html[data-charte=gray] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray] div.spinner.linear-circle p::before,
html[data-charte=gray] div.spinner.linear-circle strong::before,
html[data-charte=gray] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray] div.spinner.progress-bar ::before, html[data-charte=gray] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray] .box1, html[data-charte=gray] .box4, html[data-charte=gray] .box8, html[data-charte=gray] .box11, html[data-charte=gray] .box13, html[data-charte=gray] .box16, html[data-charte=gray] .box20 {
  animation-name: quiet;
}
html[data-charte=gray] .box2, html[data-charte=gray] .box6, html[data-charte=gray] .box10, html[data-charte=gray] .box14, html[data-charte=gray] .box17, html[data-charte=gray] .box19 {
  animation-name: normal;
}
html[data-charte=gray] .box3, html[data-charte=gray] .box5, html[data-charte=gray] .box7, html[data-charte=gray] .box9, html[data-charte=gray] .box12, html[data-charte=gray] .box15, html[data-charte=gray] .box18 {
  animation-name: loud;
}
html[data-charte=gray] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray] .show-icons a:hover + .tooltip, html[data-charte=gray] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray] .alternative-alt:hover, html[data-charte=gray] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray] .alternative-alt:hover::before, html[data-charte=gray] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray] .ember-basic-dropdown, html[data-charte=gray] .ember-basic-dropdown-content, html[data-charte=gray] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray] .ember-power-select-options li:hover, html[data-charte=gray] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray] .ember-power-select-trigger:focus,
html[data-charte=gray] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray] div.controled div.content {
  display: none;
}
html[data-charte=gray] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray] .underlay {
  opacity: 0;
}
html[data-charte=gray] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] #main-nav h2::before {
  content: none;
}
html[data-charte=gray] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray] #main-nav li a, html[data-charte=gray] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray] #main-nav li a:focus, html[data-charte=gray] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray] #main-nav li a::after, html[data-charte=gray] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray] #main-nav li a.active::after,
html[data-charte=gray] #main-nav li a:hover::after,
html[data-charte=gray] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray] #main-nav li button:hover::after,
html[data-charte=gray] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray] #main-nav li a.bt-create, html[data-charte=gray] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray] #main-nav li a.bt-create:hover, html[data-charte=gray] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray] #main-nav button.has-level2, html[data-charte=gray] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray] #main-nav button.has-level2::after, html[data-charte=gray] #main-nav a.has-level2::after,
html[data-charte=gray] #main-nav button.has-level2:hover::after, html[data-charte=gray] #main-nav a.has-level2:hover::after,
html[data-charte=gray] #main-nav button.has-level2:focus::after, html[data-charte=gray] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray] #main-nav button.collapse::after,
html[data-charte=gray] #main-nav button.collapse:hover::after,
html[data-charte=gray] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray] div.modal[aria-hidden=false], html[data-charte=gray] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray] div.dropdown button.dd-trigger:hover, html[data-charte=gray] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray] div.dropdown ul button,
html[data-charte=gray] div.dropdown ul a,
html[data-charte=gray] div.dropdown ul [class*=icon-],
html[data-charte=gray] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray] div.dropdown ul button:hover, html[data-charte=gray] div.dropdown ul a:hover,
html[data-charte=gray] div.dropdown ul button:focus, html[data-charte=gray] div.dropdown ul a:focus,
html[data-charte=gray] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray] nav.pagination li:not(.page) + li.page, html[data-charte=gray] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray] nav.pagination a, html[data-charte=gray] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray] nav.pagination a.firstPage, html[data-charte=gray] nav.pagination a.previousPage, html[data-charte=gray] nav.pagination a.nextPage, html[data-charte=gray] nav.pagination a.lastPage, html[data-charte=gray] nav.pagination li button.firstPage, html[data-charte=gray] nav.pagination li button.previousPage, html[data-charte=gray] nav.pagination li button.nextPage, html[data-charte=gray] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray] nav.pagination a.firstPage, html[data-charte=gray] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray] nav.pagination a.previousPage, html[data-charte=gray] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray] nav.pagination a.nextPage, html[data-charte=gray] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray] nav.pagination a.lastPage, html[data-charte=gray] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray] nav.pagination a:hover, html[data-charte=gray] nav.pagination a:focus, html[data-charte=gray] nav.pagination li.active a,
html[data-charte=gray] nav.pagination li button:hover, html[data-charte=gray] nav.pagination li button:focus, html[data-charte=gray] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray] nav.pagination li.shortcut a, html[data-charte=gray] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray] select.selector, html[data-charte=gray] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray] .has-error input, html[data-charte=gray] .has-error select, html[data-charte=gray] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray] div.editor {
  position: relative;
}
html[data-charte=gray] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray] div.editor-wrapper a, html[data-charte=gray] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray] strong, html[data-charte=gray] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray] em, html[data-charte=gray] i {
  font-style: italic;
}
html[data-charte=gray] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray] div.editor-wrapper div.editable-block p, html[data-charte=gray] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray] div.editor-wrapper div.editable-block:focus, html[data-charte=gray] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray] select.models, html[data-charte=gray] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray] .contentEditableValue {
  display: none;
}
html[data-charte=gray] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray] #color-poly {
  display: none;
}
html[data-charte=gray] #color-poly.active {
  display: block;
}
html[data-charte=gray] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray] button.color:hover, html[data-charte=gray] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray] div.format-options.active {
  display: block;
}
html[data-charte=gray] div.format-options p {
  margin: 0;
}
html[data-charte=gray] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray] mark {
  cursor: help;
}
html[data-charte=gray] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray] b ul.sc-options li, html[data-charte=gray] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray] em ul.sc-options li, html[data-charte=gray] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray] ul.sc-options li:hover, html[data-charte=gray] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] select, html[data-charte=gray] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray] section.participants div.h-card .u-photo, html[data-charte=gray] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray] main.conversation section.participants ul.actions-list,
html[data-charte=gray] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.actions-bar p, html[data-charte=gray] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray] .collapsible h3, html[data-charte=gray] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray] .collapsible > .content {
  display: none;
}
html[data-charte=gray] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray] ul.tabs li a, html[data-charte=gray] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray] ul.tabs li a:hover, html[data-charte=gray] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray] ul.tabs li.active a, html[data-charte=gray] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray] details.simple summary::after {
  content: " +";
}
html[data-charte=gray] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray] .form-makeup input:checked + label::before, html[data-charte=gray] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray] button[disabled], html[data-charte=gray] .form-reset[disabled], html[data-charte=gray] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray] button[disabled]:hover, html[data-charte=gray] .form-reset[disabled]:hover, html[data-charte=gray] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray] div.datepickerDialog th, html[data-charte=gray] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray] div.datepickerDialog td button:hover, html[data-charte=gray] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray] div.datepickerDialog p.buttons-bar, html[data-charte=gray] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray] .icon-zoom {
  position: inherit;
}
html[data-charte=gray] figure.img-container img {
  width: 100%;
}
html[data-charte=gray] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray] div.editor-wrapper .audio, html[data-charte=gray] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray] div.editor-wrapper .audio, html[data-charte=gray] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray] div.editor-wrapper .audio, html[data-charte=gray] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray] .audio-preview {
  justify-content: center;
}
html[data-charte=gray] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray] .audio-message, html[data-charte=gray] .audio-record, html[data-charte=gray] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray] .audio-message audio, html[data-charte=gray] .audio-record audio, html[data-charte=gray] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray] .audio-message .icon-download.voice-message, html[data-charte=gray] .audio-record .icon-download.voice-message, html[data-charte=gray] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray] .audio {
  min-width: 20rem;
}
html[data-charte=gray] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray] #volume-control, html[data-charte=gray] #speed-control {
  display: none;
}
html[data-charte=gray] #volume-control > input, html[data-charte=gray] #speed-control > input {
  width: 65px;
}
html[data-charte=gray] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray] #volume-control[aria-hidden=false], html[data-charte=gray] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray] ul.add-list li {
  padding: 0;
}
html[data-charte=gray] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray] .icon-share, html[data-charte=gray] .icon-edit, html[data-charte=gray] .icon-info,
html[data-charte=gray] .icon-upload, html[data-charte=gray] .icon-close, html[data-charte=gray] .icon-info-close,
html[data-charte=gray] .icon-notify, html[data-charte=gray] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray] .icon-info, html[data-charte=gray] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray] div.project-card::before, html[data-charte=gray] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray] dl.project-info dt, html[data-charte=gray] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray] p.assignment strong {
  display: block;
}
html[data-charte=gray] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray] div.project-card h4 a, html[data-charte=gray] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray] p.nature {
    flex: 1;
  }
  html[data-charte=gray] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray] ul.treeview button.element-button:hover, html[data-charte=gray] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray] ul.treeview button.deploy, html[data-charte=gray] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray] ul.treeview button.deploy, html[data-charte=gray] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray] ul.treeview button:focus, html[data-charte=gray] ul.treeview button:hover, html[data-charte=gray] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray] .treeview-search-combo button.element.highlight, html[data-charte=gray] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray] #absences-calendar ul.actions-list, html[data-charte=gray] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray] #absences-calendar .icon-next, html[data-charte=gray] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray] table.plan-grid th, html[data-charte=gray] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray] table.plan-grid tr td:first-of-type, html[data-charte=gray] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray] table.plan-grid div p {
  display: none;
}
html[data-charte=gray] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray] table.plan-grid div:hover p, html[data-charte=gray] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray] #absences-calendar ul.actions-list, html[data-charte=gray] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray] table.plan-grid td, html[data-charte=gray] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray] table.plan-grid div:hover p, html[data-charte=gray] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray] table.plan-grid div:hover p, html[data-charte=gray] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray] div.editor-wrapper a, html[data-charte=gray] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray] div.editor-wrapper a:visited, html[data-charte=gray] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray] div.editor-wrapper li, html[data-charte=gray] div.editor-wrapper th:not(.external-th), html[data-charte=gray] div.editor-wrapper td:not(.external-td), html[data-charte=gray] div.editor p:not(.feedback-message), html[data-charte=gray] div.editor li, html[data-charte=gray] div.editor th:not(.external-th), html[data-charte=gray] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray] div.editor-wrapper p, html[data-charte=gray] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray] div.editor-wrapper th, html[data-charte=gray] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray] div.editor-wrapper th[scope=row], html[data-charte=gray] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray] div.editor-wrapper strong, html[data-charte=gray] div.editor-wrapper b, html[data-charte=gray] div.editor-wrapper th:not(.external-th), html[data-charte=gray] div.editor strong, html[data-charte=gray] div.editor b, html[data-charte=gray] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray] div.editor-wrapper table:not(.external-table), html[data-charte=gray] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray] div.editor-wrapper div.editable-block ul, html[data-charte=gray] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray] #side-bar-profile {
  position: relative;
}
html[data-charte=gray] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray] header#side-panel {
  color: black;
}
html[data-charte=gray] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray] .tooltip {
  z-index: 2000;
}
html[data-charte=gray] div.tooltip .tooltip-inner, html[data-charte=gray] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray] figure {
  text-align: center;
}
html[data-charte=gray] figure img {
  margin: 0 auto;
}
html[data-charte=gray] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray] section.login h1::after {
  content: none;
}
html[data-charte=gray] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray] p, html[data-charte=gray] li, html[data-charte=gray] dt, html[data-charte=gray] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray] ul.optional-status li, html[data-charte=gray] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray] div.card > div, html[data-charte=gray] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray] div.card dt, html[data-charte=gray] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray] div.bubble .u-photo, html[data-charte=gray] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray] div.request {
    position: relative;
  }
  html[data-charte=gray] div.request dt, html[data-charte=gray] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray] div.request a:hover::after, html[data-charte=gray] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray] h3 {
    font-size: 2em;
  }
  html[data-charte=gray] .collapsible h2, html[data-charte=gray] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray] #container {
    display: flex;
  }
  html[data-charte=gray] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray] #wrapper footer {
    display: none;
  }
  html[data-charte=gray] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray] div.grid-2thirds, html[data-charte=gray] div.grid-3cols, html[data-charte=gray] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray] table.transform th {
    display: none;
  }
  html[data-charte=gray] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray] table.transform tr, html[data-charte=gray] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray] div.actions-bar p, html[data-charte=gray] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray] section.participants div.h-card .u-photo, html[data-charte=gray] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray] div.bubble .content p:not(.feedback-message), html[data-charte=gray] div.bubble .content li, html[data-charte=gray] div.bubble .content th:not(.external-th), html[data-charte=gray] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray] div.bubble .content strong, html[data-charte=gray] div.bubble .content b, html[data-charte=gray] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray] div.bubble .content li, html[data-charte=gray] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray] .f-upload-editor {
  display: none;
}
html[data-charte=gray] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray] .f-size, html[data-charte=gray] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray] [class*=icon-],
html[data-charte=gray] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray] .icon-info-simple,
html[data-charte=gray] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray] input[type=search],
html[data-charte=gray] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray] legend {
  color: #222;
}
html[data-charte=gray] label {
  color: #222;
}
html[data-charte=gray] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray] #ccSelector {
  display: none;
}
html[data-charte=gray] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray] label[for=subject] {
  display: none !important;
}
html[data-charte=gray] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray] ul.message-attachments {
  color: #222;
}
html[data-charte=gray] .tree,
html[data-charte=gray] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray] .tree li:last-child {
  border: 0;
}
html[data-charte=gray] .section ul {
  display: none;
}
html[data-charte=gray] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray] .section input[type=radio] {
  display: none;
}
html[data-charte=gray] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray] .feedback-message {
  color: #222;
}
html[data-charte=gray] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray] div.controled {
  background: transparent;
}
html[data-charte=gray] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray] .message-body th:not(.external-th), html[data-charte=gray] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray01] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray01] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray01] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray01] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray01] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray01] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray01] div.user-data a, html[data-charte=gray01] div.user-data a:visited {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray01] div.user-data button {
  position: relative;
  font-size: 90%;
  color: red;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray01] div.user-data button:focus, html[data-charte=gray01] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray01] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray01] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray01] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray01] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray01] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray01] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray01] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray01] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray01] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray01] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray01] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray01] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray01] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray01] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray01] span.status {
  display: inline-block;
}
html[data-charte=gray01] div.h-card h2 a, html[data-charte=gray01] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray01] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray01] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray01] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: red;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray01] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray01] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray01] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray01] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray01] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray01] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray01] .chip.default {
  font-size: 0.9rem;
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray01] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray01] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray01] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray01] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray01] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray01] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray01] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray01] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray01] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray01] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray01] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray01] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray01] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray01] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray01] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray01] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray01] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray01] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray01] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray01] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray01] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray01] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray01] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray01] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray01] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray01] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray01] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray01] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray01] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray01] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray01] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray01] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray01] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray01] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray01] div.bubble h3 time {
  display: block;
}
html[data-charte=gray01] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray01] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray01] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray01] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray01] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray01] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.bubble div.content {
  color: red;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray01] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray01] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray01] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray01] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray01] div.bubble details div {
  display: flex;
}
html[data-charte=gray01] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray01] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray01] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray01] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray01] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray01] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray01] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray01] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray01] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray01] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray01] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray01] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray01] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray01] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray01] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray01] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray01] div.bubble.message-comment .u-photo, html[data-charte=gray01] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray01] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray01] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray01] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray01] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray01] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray01] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray01] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray01] .message-body blockquote {
  color: black;
}
html[data-charte=gray01] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray01] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray01] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray01] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray01] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray01] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray01] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray01] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray01] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray01] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray01] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray01] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray01] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray01] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray01] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray01] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray01] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray01] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray01] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray01] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray01] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray01] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray01] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray01] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray01] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray01] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray01] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray01] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray01] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray01] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray01] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray01] div.request dl div {
  display: flex;
}
html[data-charte=gray01] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray01] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray01] div.editor, html[data-charte=gray01] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray01] form.create-new {
  border: none;
}
html[data-charte=gray01] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray01] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray01] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray01] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] p.template-selector {
  width: 100%;
}
html[data-charte=gray01] p.template-selector input {
  width: 100%;
}
html[data-charte=gray01] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray01] div.mce-toolbar-grp button:hover, html[data-charte=gray01] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] select, html[data-charte=gray01] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray01] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray01] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray01] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray01] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray01] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray01] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray01] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray01] .badge {
  color: red;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray01] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray01] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray01] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray01] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray01] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray01] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray01] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray01] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray01] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray01] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray01] #main-nav li a.label-color::before,
html[data-charte=gray01] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray01] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray01] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray01] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray01] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray01] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray01] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray01] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray01] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray01] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray01] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray01] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray01] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray01] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray01] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray01] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray01] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray01] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray01] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray01] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray01] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray01] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray01] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray01] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray01] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray01] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray01] div.actions-bar button.icon-check:hover, html[data-charte=gray01] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray01] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray01] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray01] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray01] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray01] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray01] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray01] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray01] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray01] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray01] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray01] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray01] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray01] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] div.project-card.details header {
  position: relative;
}
html[data-charte=gray01] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray01] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray01] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray01] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray01] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray01] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray01] html, html[data-charte=gray01] body, html[data-charte=gray01] div, html[data-charte=gray01] span, html[data-charte=gray01] object, html[data-charte=gray01] iframe,
html[data-charte=gray01] h1, html[data-charte=gray01] h2, html[data-charte=gray01] h3, html[data-charte=gray01] h4, html[data-charte=gray01] h5, html[data-charte=gray01] h6, html[data-charte=gray01] p, html[data-charte=gray01] blockquote, html[data-charte=gray01] pre,
html[data-charte=gray01] a, html[data-charte=gray01] abbr, html[data-charte=gray01] address, html[data-charte=gray01] big, html[data-charte=gray01] cite, html[data-charte=gray01] code,
html[data-charte=gray01] del, html[data-charte=gray01] dfn, html[data-charte=gray01] em, html[data-charte=gray01] form, html[data-charte=gray01] img, html[data-charte=gray01] ins, html[data-charte=gray01] kbd, html[data-charte=gray01] q, html[data-charte=gray01] s, html[data-charte=gray01] samp,
html[data-charte=gray01] small, html[data-charte=gray01] strike, html[data-charte=gray01] strong, html[data-charte=gray01] sub, html[data-charte=gray01] sup, html[data-charte=gray01] tt, html[data-charte=gray01] var,
html[data-charte=gray01] b, html[data-charte=gray01] u, html[data-charte=gray01] i, html[data-charte=gray01] dl, html[data-charte=gray01] dt, html[data-charte=gray01] dd, html[data-charte=gray01] ol, html[data-charte=gray01] ul, html[data-charte=gray01] li,
html[data-charte=gray01] fieldset, html[data-charte=gray01] form, html[data-charte=gray01] label, html[data-charte=gray01] legend,
html[data-charte=gray01] table:not(.external-table),
html[data-charte=gray01] caption:not(.external-caption), html[data-charte=gray01] tbody, html[data-charte=gray01] tfoot, html[data-charte=gray01] thead,
html[data-charte=gray01] tr:not(.external-tr),
html[data-charte=gray01] th:not(.external-th),
html[data-charte=gray01] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray01] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray01] header, html[data-charte=gray01] footer, html[data-charte=gray01] main, html[data-charte=gray01] nav, html[data-charte=gray01] aside, html[data-charte=gray01] article, html[data-charte=gray01] section, html[data-charte=gray01] figure, html[data-charte=gray01] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray01] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray01] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray01] h2, html[data-charte=gray01] h3, html[data-charte=gray01] h4, html[data-charte=gray01] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray01] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray01] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray01] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray01] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] p, html[data-charte=gray01] li, html[data-charte=gray01] dt, html[data-charte=gray01] dd, html[data-charte=gray01] h5, html[data-charte=gray01] th, html[data-charte=gray01] td {
  font-size: 0.95em;
}
html[data-charte=gray01] li li, html[data-charte=gray01] li p, html[data-charte=gray01] li dt, html[data-charte=gray01] li dd {
  font-size: 100%;
}
html[data-charte=gray01] a {
  color: black;
}
html[data-charte=gray01] a:visited {
  opacity: 0.8;
}
html[data-charte=gray01] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray01] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray01] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray01] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray01] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray01] blockquote::before, html[data-charte=gray01] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray01] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray01] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray01] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray01] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray01] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray01] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray01] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray01] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray01] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray01] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray01] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray01] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray01] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray01] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray01] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray01] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray01] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray01] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray01] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray01] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray01] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray01] button:hover {
  background-color: #EEE;
}
html[data-charte=gray01] button[disabled], html[data-charte=gray01] .form-reset[disabled], html[data-charte=gray01] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray01] button[disabled]:hover, html[data-charte=gray01] .form-reset[disabled]:hover, html[data-charte=gray01] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray01] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray01] button.secondary {
  background-color: #222;
}
html[data-charte=gray01] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray01] button.discret:hover, html[data-charte=gray01] button.discret:focus {
  color: red;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray01] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: red;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray01] [class*=bt-]:hover {
  text-decoration: underline;
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] a[class*=bt-], html[data-charte=gray01] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray01] [class*=bt-]:hover, html[data-charte=gray01] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray01] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray01] .bt-create:hover, html[data-charte=gray01] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray01] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray01] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray01] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray01] a.bt-link, html[data-charte=gray01] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray01] [class*=icon-], html[data-charte=gray01] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: red;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray01] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray01] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray01] [class*=icon-]:hover, html[data-charte=gray01] [class*=icon-]:focus {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray01] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray01] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray01] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray01] .icon-assign, html[data-charte=gray01] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray01] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray01] .icon-pin, html[data-charte=gray01] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray01] .icon-pinned, html[data-charte=gray01] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray01] .icon-pinned:hover, html[data-charte=gray01] .follow-true:hover, html[data-charte=gray01] .icon-pinned:focus, html[data-charte=gray01] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray01] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray01] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray01] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray01] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray01] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray01] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray01] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray01] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray01] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray01] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray01] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray01] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray01] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: red;
  background-color: #555;
}
html[data-charte=gray01] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: red;
  background-color: #d83550;
}
html[data-charte=gray01] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: red;
  background-color: #555;
}
html[data-charte=gray01] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: red;
  background-color: #555;
}
html[data-charte=gray01] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray01] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray01] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray01] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray01] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray01] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray01] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray01] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray01] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray01] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray01] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray01] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray01] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray01] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray01] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray01] .icon-mark-as-unread, html[data-charte=gray01] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray01] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray01] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray01] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray01] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray01] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray01] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray01] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray01] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray01] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray01] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray01] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray01] button.icon-check:focus, html[data-charte=gray01] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray01] .icon-info-simple, html[data-charte=gray01] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray01] button.play, html[data-charte=gray01] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray01] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray01] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray01] button.icon-info-simple:hover, html[data-charte=gray01] button.icon-info-simple:focus,
html[data-charte=gray01] button.icon-back:hover, html[data-charte=gray01] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray01] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray01] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray01] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray01] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray01] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray01] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray01] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray01] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray01] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray01] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray01] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray01] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray01] th:not(.external-th), html[data-charte=gray01] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray01] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray01] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray01] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray01] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray01] th[scope=row] {
  text-align: left;
}
html[data-charte=gray01] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray01] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray01] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray01] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray01] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray01] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray01] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray01] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray01] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray01] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray01] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray01] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray01] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray01] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray01] input[type=text], html[data-charte=gray01] input[type=password], html[data-charte=gray01] input[type=date], html[data-charte=gray01] input[type=url], html[data-charte=gray01] input[type=tel],
html[data-charte=gray01] input[type=time], html[data-charte=gray01] input[type=email], html[data-charte=gray01] input[type=number], html[data-charte=gray01] input[type=search], html[data-charte=gray01] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray01] input[type=number], html[data-charte=gray01] input[type=date], html[data-charte=gray01] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray01] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray01] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray01] input[type=text]:focus, html[data-charte=gray01] input[type=password]:focus, html[data-charte=gray01] input[type=url]:focus,
html[data-charte=gray01] input[type=date]:focus, html[data-charte=gray01] input[type=search]:focus, html[data-charte=gray01] select:focus {
  border-color: #555;
}
html[data-charte=gray01] input[type=url], html[data-charte=gray01] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray01] input[type=number] {
  width: 6em;
}
html[data-charte=gray01] .has-error input {
  border-color: #f00;
}
html[data-charte=gray01] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray01] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray01] select::-ms-expand {
  display: none;
}
html[data-charte=gray01] [type=submit], html[data-charte=gray01] [type=reset], html[data-charte=gray01] button.form-submit, html[data-charte=gray01] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray01] [type=reset], html[data-charte=gray01] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray01] [type=submit]:hover, html[data-charte=gray01] [type=submit]:focus,
html[data-charte=gray01] [type=submit].optional:hover, html[data-charte=gray01] [type=submit].optional:focus,
html[data-charte=gray01] [type=reset]:hover, html[data-charte=gray01] [type=reset]:focus {
  color: red;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray01] button.form-submit:hover, html[data-charte=gray01] button.form-submit:focus,
html[data-charte=gray01] button.form-submit.optional:hover, html[data-charte=gray01] button.form-submit.optional:focus,
html[data-charte=gray01] button.form-reset:hover, html[data-charte=gray01] button.form-reset:focus {
  color: red;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray01] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray01] [type=submit] + [type=reset], html[data-charte=gray01] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray01] [type=submit].optional, html[data-charte=gray01] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray01] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray01] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray01] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray01] ::-webkit-input-placeholder, html[data-charte=gray01] ::-moz-placeholder, html[data-charte=gray01] :-moz-placeholder, html[data-charte=gray01] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray01] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray01] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray01] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray01] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray01] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray01] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray01] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray01] .highlight label, html[data-charte=gray01] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray01] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray01] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray01] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray01] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray01] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray01] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray01] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray01] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray01] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray01] ul.choices {
  display: flex;
}
html[data-charte=gray01] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray01] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray01] ul.choices.vertical {
  display: block;
}
html[data-charte=gray01] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray01] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray01] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray01] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray01] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray01] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray01] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray01] .form-makeup input:checked + label::before, html[data-charte=gray01] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray01] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray01] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray01] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray01] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray01] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray01] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray01] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray01] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray01] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray01] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray01] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray01] .check-chips input:checked + label, html[data-charte=gray01] .check-chips label.active {
  color: red;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray01] .check-chips input[checked] + label {
  color: red;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray01] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray01] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray01] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray01] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray01] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray01] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray01] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray01] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray01] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray01] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray01] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray01] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray01] input[aria-invalid=true] {
  color: red;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray01] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray01] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray01] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray01] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray01] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray01] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray01] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray01] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray01] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray01] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray01] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray01] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray01] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray01] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray01] div.card dt, html[data-charte=gray01] div.card dd {
  max-width: 100%;
}
html[data-charte=gray01] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray01] div.card a {
  text-decoration: none;
}
html[data-charte=gray01] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray01] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray01] div.card.unread a, html[data-charte=gray01] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray01] div.card.read a, html[data-charte=gray01] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray01] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray01] span.social-icon img {
  width: 16px;
}
html[data-charte=gray01] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray01] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray01] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray01] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray01] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray01] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray01] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: red;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray01] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray01] div.h-card form p {
  margin: 0;
}
html[data-charte=gray01] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: red;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray01] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray01] div.h-card h2 a, html[data-charte=gray01] div.h-card h2 a:visited {
  text-decoration: none;
  color: red;
}
html[data-charte=gray01] div.h-card h2 a:hover, html[data-charte=gray01] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray01] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray01] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray01] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray01] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray01] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray01] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray01] div.spinner strong {
  display: block;
}
html[data-charte=gray01] div.spinner ::before, html[data-charte=gray01] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray01] div.spinner p::before,
html[data-charte=gray01] div.spinner p::after,
html[data-charte=gray01] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray01] div.spinner.ease-in-out ::before, html[data-charte=gray01] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray01] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray01] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray01] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray01] div.spinner.cubic-bezier ::before, html[data-charte=gray01] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray01] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray01] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray01] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray01] div.spinner.ease-in-out-fill ::before, html[data-charte=gray01] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray01] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray01] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray01] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray01] div.spinner.linear-dot ::before, html[data-charte=gray01] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray01] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray01] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray01] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray01] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray01] div.spinner.linear-circle ::before, html[data-charte=gray01] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray01] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray01] div.spinner.linear-circle p::before,
html[data-charte=gray01] div.spinner.linear-circle strong::before,
html[data-charte=gray01] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray01] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray01] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray01] div.spinner.progress-bar ::before, html[data-charte=gray01] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray01] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray01] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray01] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray01] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray01] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray01] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray01] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray01] .box1, html[data-charte=gray01] .box4, html[data-charte=gray01] .box8, html[data-charte=gray01] .box11, html[data-charte=gray01] .box13, html[data-charte=gray01] .box16, html[data-charte=gray01] .box20 {
  animation-name: quiet;
}
html[data-charte=gray01] .box2, html[data-charte=gray01] .box6, html[data-charte=gray01] .box10, html[data-charte=gray01] .box14, html[data-charte=gray01] .box17, html[data-charte=gray01] .box19 {
  animation-name: normal;
}
html[data-charte=gray01] .box3, html[data-charte=gray01] .box5, html[data-charte=gray01] .box7, html[data-charte=gray01] .box9, html[data-charte=gray01] .box12, html[data-charte=gray01] .box15, html[data-charte=gray01] .box18 {
  animation-name: loud;
}
html[data-charte=gray01] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray01] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray01] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray01] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray01] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: red;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray01] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray01] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray01] .show-icons a:hover + .tooltip, html[data-charte=gray01] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray01] .alternative-alt:hover, html[data-charte=gray01] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray01] .alternative-alt:hover::before, html[data-charte=gray01] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: red;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray01] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray01] .ember-basic-dropdown, html[data-charte=gray01] .ember-basic-dropdown-content, html[data-charte=gray01] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray01] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray01] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray01] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray01] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray01] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray01] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray01] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray01] .ember-power-select-options li:hover, html[data-charte=gray01] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray01] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray01] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray01] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray01] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray01] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray01] .ember-power-select-trigger:focus,
html[data-charte=gray01] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray01] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray01] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray01] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray01] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray01] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray01] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray01] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray01] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray01] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray01] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray01] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: red;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray01] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray01] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray01] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray01] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray01] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray01] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray01] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray01] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray01] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray01] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray01] div.controled div.content {
  display: none;
}
html[data-charte=gray01] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray01] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray01] .underlay {
  opacity: 0;
}
html[data-charte=gray01] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray01] #main-nav h2 {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] #main-nav h2::before {
  content: none;
}
html[data-charte=gray01] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray01] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray01] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray01] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray01] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray01] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray01] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray01] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray01] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray01] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray01] #main-nav li a, html[data-charte=gray01] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: red;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray01] #main-nav li a:focus, html[data-charte=gray01] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray01] #main-nav li a::after, html[data-charte=gray01] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray01] #main-nav li a.active::after,
html[data-charte=gray01] #main-nav li a:hover::after,
html[data-charte=gray01] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray01] #main-nav li button:hover::after,
html[data-charte=gray01] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray01] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray01] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: red;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray01] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray01] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray01] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray01] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray01] #main-nav li a.bt-create, html[data-charte=gray01] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray01] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray01] #main-nav li a.bt-create:hover, html[data-charte=gray01] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray01] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray01] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray01] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray01] #main-nav button.has-level2, html[data-charte=gray01] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray01] #main-nav button.has-level2::after, html[data-charte=gray01] #main-nav a.has-level2::after,
html[data-charte=gray01] #main-nav button.has-level2:hover::after, html[data-charte=gray01] #main-nav a.has-level2:hover::after,
html[data-charte=gray01] #main-nav button.has-level2:focus::after, html[data-charte=gray01] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray01] #main-nav button.collapse::after,
html[data-charte=gray01] #main-nav button.collapse:hover::after,
html[data-charte=gray01] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray01] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray01] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray01] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: red;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray01] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray01] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray01] div.modal[aria-hidden=false], html[data-charte=gray01] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray01] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray01] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray01] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray01] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray01] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray01] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray01] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray01] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray01] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray01] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray01] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray01] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray01] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray01] div.dropdown button.dd-trigger:hover, html[data-charte=gray01] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray01] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray01] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray01] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray01] div.dropdown ul button,
html[data-charte=gray01] div.dropdown ul a,
html[data-charte=gray01] div.dropdown ul [class*=icon-],
html[data-charte=gray01] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray01] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray01] div.dropdown ul button:hover, html[data-charte=gray01] div.dropdown ul a:hover,
html[data-charte=gray01] div.dropdown ul button:focus, html[data-charte=gray01] div.dropdown ul a:focus,
html[data-charte=gray01] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray01] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray01] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray01] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray01] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray01] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray01] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray01] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray01] nav.pagination li:not(.page) + li.page, html[data-charte=gray01] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray01] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray01] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray01] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray01] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray01] nav.pagination a, html[data-charte=gray01] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray01] nav.pagination a.firstPage, html[data-charte=gray01] nav.pagination a.previousPage, html[data-charte=gray01] nav.pagination a.nextPage, html[data-charte=gray01] nav.pagination a.lastPage, html[data-charte=gray01] nav.pagination li button.firstPage, html[data-charte=gray01] nav.pagination li button.previousPage, html[data-charte=gray01] nav.pagination li button.nextPage, html[data-charte=gray01] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray01] nav.pagination a.firstPage, html[data-charte=gray01] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray01] nav.pagination a.previousPage, html[data-charte=gray01] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray01] nav.pagination a.nextPage, html[data-charte=gray01] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray01] nav.pagination a.lastPage, html[data-charte=gray01] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray01] nav.pagination a:hover, html[data-charte=gray01] nav.pagination a:focus, html[data-charte=gray01] nav.pagination li.active a,
html[data-charte=gray01] nav.pagination li button:hover, html[data-charte=gray01] nav.pagination li button:focus, html[data-charte=gray01] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray01] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray01] nav.pagination li.shortcut a, html[data-charte=gray01] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray01] select.selector, html[data-charte=gray01] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray01] .has-error input, html[data-charte=gray01] .has-error select, html[data-charte=gray01] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray01] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray01] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray01] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray01] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray01] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray01] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray01] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray01] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray01] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray01] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray01] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray01] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray01] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray01] div.editor {
  position: relative;
}
html[data-charte=gray01] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray01] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray01] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray01] div.editor-wrapper a, html[data-charte=gray01] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray01] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray01] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray01] strong, html[data-charte=gray01] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray01] em, html[data-charte=gray01] i {
  font-style: italic;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block p, html[data-charte=gray01] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray01] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray01] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block:focus, html[data-charte=gray01] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray01] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray01] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray01] select.models, html[data-charte=gray01] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray01] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray01] .contentEditableValue {
  display: none;
}
html[data-charte=gray01] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray01] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray01] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray01] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray01] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray01] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray01] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray01] #color-poly {
  display: none;
}
html[data-charte=gray01] #color-poly.active {
  display: block;
}
html[data-charte=gray01] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray01] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray01] button.color:hover, html[data-charte=gray01] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray01] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray01] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray01] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray01] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray01] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray01] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray01] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray01] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray01] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray01] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray01] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray01] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray01] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray01] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray01] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray01] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray01] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray01] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray01] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray01] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray01] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray01] div.format-options.active {
  display: block;
}
html[data-charte=gray01] div.format-options p {
  margin: 0;
}
html[data-charte=gray01] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray01] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray01] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray01] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray01] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: red;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray01] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray01] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray01] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray01] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray01] mark {
  cursor: help;
}
html[data-charte=gray01] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray01] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray01] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray01] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray01] b ul.sc-options li, html[data-charte=gray01] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray01] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray01] em ul.sc-options li, html[data-charte=gray01] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray01] ul.sc-options li:hover, html[data-charte=gray01] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray01] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray01] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray01] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray01] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray01] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray01] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray01] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray01] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray01] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray01] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray01] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray01] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray01] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray01] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray01] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray01] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray01] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray01] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray01] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray01] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray01] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray01] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] select, html[data-charte=gray01] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray01] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray01] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray01] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: red;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray01] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray01] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray01] section.participants div.h-card .u-photo, html[data-charte=gray01] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray01] main.conversation section.participants ul.actions-list,
html[data-charte=gray01] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray01] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray01] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray01] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray01] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray01] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray01] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.actions-bar p, html[data-charte=gray01] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray01] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray01] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray01] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray01] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray01] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray01] div.actions-bar .radio-chips input:checked + label {
  color: red;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray01] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray01] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray01] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray01] .collapsible h3, html[data-charte=gray01] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray01] .collapsible > .content {
  display: none;
}
html[data-charte=gray01] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray01] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray01] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray01] .collapsible.top-level button.control {
  color: red;
  background-color: #555;
}
html[data-charte=gray01] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray01] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray01] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray01] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray01] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray01] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray01] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray01] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray01] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray01] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray01] ul.tabs li a, html[data-charte=gray01] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray01] ul.tabs li a:hover, html[data-charte=gray01] ul.tabs li a:focus {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray01] ul.tabs li.active a, html[data-charte=gray01] ul.tabs li.active a:visited {
  color: red;
  background-color: #555;
}
html[data-charte=gray01] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray01] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray01] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray01] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: red;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray01] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray01] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray01] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray01] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray01] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray01] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray01] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray01] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray01] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray01] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray01] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray01] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray01] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray01] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray01] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray01] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray01] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray01] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray01] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray01] details.simple summary::after {
  content: " +";
}
html[data-charte=gray01] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray01] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray01] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray01] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray01] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray01] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray01] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray01] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray01] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray01] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray01] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray01] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray01] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray01] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray01] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray01] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray01] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray01] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray01] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray01] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray01] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray01] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray01] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray01] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray01] .form-makeup input:checked + label::before, html[data-charte=gray01] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray01] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray01] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray01] button[disabled], html[data-charte=gray01] .form-reset[disabled], html[data-charte=gray01] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray01] button[disabled]:hover, html[data-charte=gray01] .form-reset[disabled]:hover, html[data-charte=gray01] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray01] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray01] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray01] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray01] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray01] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray01] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray01] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray01] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray01] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray01] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray01] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray01] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray01] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray01] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray01] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray01] div.datepickerDialog th, html[data-charte=gray01] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray01] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray01] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray01] div.datepickerDialog td button:hover, html[data-charte=gray01] div.datepickerDialog td button:focus {
  color: red;
  background-color: #555;
}
html[data-charte=gray01] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray01] div.datepickerDialog p.buttons-bar, html[data-charte=gray01] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray01] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray01] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray01] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray01] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray01] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray01] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray01] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray01] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray01] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray01] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray01] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray01] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray01] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray01] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray01] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray01] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray01] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray01] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray01] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray01] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray01] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray01] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray01] .icon-zoom {
  position: inherit;
}
html[data-charte=gray01] figure.img-container img {
  width: 100%;
}
html[data-charte=gray01] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray01] div.editor-wrapper .audio, html[data-charte=gray01] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray01] div.editor-wrapper .audio, html[data-charte=gray01] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray01] div.editor-wrapper .audio, html[data-charte=gray01] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray01] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray01] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray01] .audio-preview {
  justify-content: center;
}
html[data-charte=gray01] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray01] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray01] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray01] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray01] .audio-message, html[data-charte=gray01] .audio-record, html[data-charte=gray01] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray01] .audio-message audio, html[data-charte=gray01] .audio-record audio, html[data-charte=gray01] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray01] .audio-message .icon-download.voice-message, html[data-charte=gray01] .audio-record .icon-download.voice-message, html[data-charte=gray01] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray01] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray01] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray01] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray01] .audio {
  min-width: 20rem;
}
html[data-charte=gray01] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray01] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray01] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray01] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray01] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray01] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray01] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray01] #volume-control, html[data-charte=gray01] #speed-control {
  display: none;
}
html[data-charte=gray01] #volume-control > input, html[data-charte=gray01] #speed-control > input {
  width: 65px;
}
html[data-charte=gray01] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray01] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray01] #volume-control[aria-hidden=false], html[data-charte=gray01] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray01] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray01] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray01] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray01] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray01] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray01] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray01] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray01] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray01] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray01] ul.add-list li {
  padding: 0;
}
html[data-charte=gray01] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray01] .icon-share, html[data-charte=gray01] .icon-edit, html[data-charte=gray01] .icon-info,
html[data-charte=gray01] .icon-upload, html[data-charte=gray01] .icon-close, html[data-charte=gray01] .icon-info-close,
html[data-charte=gray01] .icon-notify, html[data-charte=gray01] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray01] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray01] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray01] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray01] .icon-info, html[data-charte=gray01] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray01] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray01] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray01] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray01] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray01] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray01] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray01] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray01] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray01] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray01] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray01] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray01] div.project-card::before, html[data-charte=gray01] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray01] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray01] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray01] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray01] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray01] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray01] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray01] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray01] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray01] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray01] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray01] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray01] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray01] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray01] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray01] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray01] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray01] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray01] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray01] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray01] dl.project-info dt, html[data-charte=gray01] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray01] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray01] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray01] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray01] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray01] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray01] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray01] p.assignment strong {
  display: block;
}
html[data-charte=gray01] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray01] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray01] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray01] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray01] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray01] #add-doc-form ul.choices input:checked + label {
  color: red;
  background-color: #555;
}
html[data-charte=gray01] #add-doc-form ul.choices label:hover {
  color: red;
  background-color: #555;
}
html[data-charte=gray01] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray01] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray01] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray01] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray01] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: red;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray01] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray01] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray01] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray01] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray01] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray01] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray01] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray01] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray01] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray01] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray01] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray01] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray01] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray01] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray01] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray01] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray01] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray01] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray01] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray01] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray01] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray01] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray01] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray01] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray01] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray01] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray01] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray01] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray01] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray01] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray01] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray01] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray01] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray01] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray01] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray01] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray01] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray01] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray01] div.project-card h4 a, html[data-charte=gray01] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray01] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray01] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray01] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray01] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray01] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray01] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray01] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray01] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray01] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray01] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray01] p.nature {
    flex: 1;
  }
  html[data-charte=gray01] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray01] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray01] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray01] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray01] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray01] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray01] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray01] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray01] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray01] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray01] ul.treeview button.element-button:hover, html[data-charte=gray01] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray01] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray01] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray01] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray01] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray01] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray01] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray01] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray01] ul.treeview button.deploy, html[data-charte=gray01] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray01] ul.treeview button.deploy, html[data-charte=gray01] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray01] ul.treeview button:focus, html[data-charte=gray01] ul.treeview button:hover, html[data-charte=gray01] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray01] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray01] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray01] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray01] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray01] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray01] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray01] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray01] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray01] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray01] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray01] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray01] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray01] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray01] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray01] .treeview-search-combo button.element.highlight, html[data-charte=gray01] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray01] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray01] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray01] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray01] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray01] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray01] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray01] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray01] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray01] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray01] #absences-calendar ul.actions-list, html[data-charte=gray01] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray01] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray01] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray01] #absences-calendar .icon-next, html[data-charte=gray01] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray01] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray01] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray01] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray01] table.plan-grid th, html[data-charte=gray01] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray01] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray01] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray01] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray01] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray01] table.plan-grid tr td:first-of-type, html[data-charte=gray01] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray01] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray01] table.plan-grid div p {
  display: none;
}
html[data-charte=gray01] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray01] table.plan-grid div:hover p, html[data-charte=gray01] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray01] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray01] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray01] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray01] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray01] #absences-calendar ul.actions-list, html[data-charte=gray01] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray01] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray01] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray01] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray01] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray01] table.plan-grid td, html[data-charte=gray01] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray01] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray01] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray01] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray01] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray01] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray01] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray01] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray01] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray01] table.plan-grid div:hover p, html[data-charte=gray01] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray01] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray01] table.plan-grid div:hover p, html[data-charte=gray01] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray01] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray01] div.editor-wrapper a, html[data-charte=gray01] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray01] div.editor-wrapper a:visited, html[data-charte=gray01] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray01] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray01] div.editor-wrapper li, html[data-charte=gray01] div.editor-wrapper th:not(.external-th), html[data-charte=gray01] div.editor-wrapper td:not(.external-td), html[data-charte=gray01] div.editor p:not(.feedback-message), html[data-charte=gray01] div.editor li, html[data-charte=gray01] div.editor th:not(.external-th), html[data-charte=gray01] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray01] div.editor-wrapper p, html[data-charte=gray01] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray01] div.editor-wrapper th, html[data-charte=gray01] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray01] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray01] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray01] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray01] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray01] div.editor-wrapper th[scope=row], html[data-charte=gray01] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray01] div.editor-wrapper strong, html[data-charte=gray01] div.editor-wrapper b, html[data-charte=gray01] div.editor-wrapper th:not(.external-th), html[data-charte=gray01] div.editor strong, html[data-charte=gray01] div.editor b, html[data-charte=gray01] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray01] div.editor-wrapper table:not(.external-table), html[data-charte=gray01] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block ul, html[data-charte=gray01] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray01] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray01] #side-bar-profile {
  position: relative;
}
html[data-charte=gray01] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray01] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray01] header#side-panel {
  color: red;
}
html[data-charte=gray01] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray01] .tooltip {
  z-index: 2000;
}
html[data-charte=gray01] div.tooltip .tooltip-inner, html[data-charte=gray01] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray01] figure {
  text-align: center;
}
html[data-charte=gray01] figure img {
  margin: 0 auto;
}
html[data-charte=gray01] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray01] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray01] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray01] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray01] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray01] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray01] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray01] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray01] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray01] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray01] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray01] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray01] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray01] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray01] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray01] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray01] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray01] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: red;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray01] section.login h1::after {
  content: none;
}
html[data-charte=gray01] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray01] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray01] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray01] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray01] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray01] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray01] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray01] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray01] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray01] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray01] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray01] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray01] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray01] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray01] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray01] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray01] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray01] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray01] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray01] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray01] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray01] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray01] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray01] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray01] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray01] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray01] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray01] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray01] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray01] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray01] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray01] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray01] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray01] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray01] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray01] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray01] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray01] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray01] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray01] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray01] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray01] p, html[data-charte=gray01] li, html[data-charte=gray01] dt, html[data-charte=gray01] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray01] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray01] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray01] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray01] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray01] ul.optional-status li, html[data-charte=gray01] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray01] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray01] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray01] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray01] div.card > div, html[data-charte=gray01] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray01] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray01] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray01] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray01] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray01] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray01] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray01] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray01] div.card dt, html[data-charte=gray01] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray01] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray01] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray01] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray01] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray01] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray01] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray01] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray01] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray01] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray01] div.bubble .u-photo, html[data-charte=gray01] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray01] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray01] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray01] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray01] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray01] div.request {
    position: relative;
  }
  html[data-charte=gray01] div.request dt, html[data-charte=gray01] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray01] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray01] div.request a:hover::after, html[data-charte=gray01] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray01] h3 {
    font-size: 2em;
  }
  html[data-charte=gray01] .collapsible h2, html[data-charte=gray01] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray01] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray01] #container {
    display: flex;
  }
  html[data-charte=gray01] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray01] #wrapper footer {
    display: none;
  }
  html[data-charte=gray01] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray01] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray01] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray01] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray01] div.grid-2thirds, html[data-charte=gray01] div.grid-3cols, html[data-charte=gray01] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray01] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray01] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray01] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray01] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray01] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray01] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray01] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray01] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray01] table.transform th {
    display: none;
  }
  html[data-charte=gray01] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray01] table.transform tr, html[data-charte=gray01] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray01] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray01] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray01] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray01] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray01] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray01] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray01] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray01] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray01] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray01] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray01] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray01] .top-level > legend button.control[aria-expanded=false] {
    color: red;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray01] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray01] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray01] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray01] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray01] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray01] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray01] div.actions-bar p, html[data-charte=gray01] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray01] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray01] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray01] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray01] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray01] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray01] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray01] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray01] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray01] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray01] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray01] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray01] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray01] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray01] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray01] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray01] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray01] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray01] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray01] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray01] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray01] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray01] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray01] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray01] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray01] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray01] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray01] section.participants div.h-card .u-photo, html[data-charte=gray01] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray01] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray01] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray01] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray01] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray01] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray01] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray01] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray01] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray01] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray01] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray01] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray01] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray01] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray01] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray01] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray01] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray01] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray01] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray01] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray01] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray01] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray01] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray01] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray01] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray01] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray01] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray01] div.bubble .content p:not(.feedback-message), html[data-charte=gray01] div.bubble .content li, html[data-charte=gray01] div.bubble .content th:not(.external-th), html[data-charte=gray01] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray01] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray01] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray01] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray01] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray01] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray01] div.bubble .content strong, html[data-charte=gray01] div.bubble .content b, html[data-charte=gray01] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray01] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray01] div.bubble .content li, html[data-charte=gray01] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray01] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray01] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray01] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray01] .f-upload-editor {
  display: none;
}
html[data-charte=gray01] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray01] .f-size, html[data-charte=gray01] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray01] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray01] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray01] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray01] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray01] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray01] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray01] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray01] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray01] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray01] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray01] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray01] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray01] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray01] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray01] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray01] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray01] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray01] [class*=icon-],
html[data-charte=gray01] [class*=follow-] {
  text-indent: -500em;
  color: red;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray01] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray01] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray01] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray01] .icon-info-simple,
html[data-charte=gray01] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray01] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray01] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray01] div.conversation-message--owner-organization > div.bubble div.content {
  color: red;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray01] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray01] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray01] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray01] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray01] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray01] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray01] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray01] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray01] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray01] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray01] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray01] input[type=search],
html[data-charte=gray01] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: red;
}
html[data-charte=gray01] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray01] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray01] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray01] legend {
  color: #222;
}
html[data-charte=gray01] label {
  color: #222;
}
html[data-charte=gray01] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray01] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray01] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray01] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray01] #ccSelector {
  display: none;
}
html[data-charte=gray01] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray01] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray01] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray01] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray01] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray01] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray01] label[for=subject] {
  display: none !important;
}
html[data-charte=gray01] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray01] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray01] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray01] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray01] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray01] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray01] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray01] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray01] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray01] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray01] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray01] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray01] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray01] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray01] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray01] ul.message-attachments {
  color: #222;
}
html[data-charte=gray01] .tree,
html[data-charte=gray01] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray01] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray01] .tree li:last-child {
  border: 0;
}
html[data-charte=gray01] .section ul {
  display: none;
}
html[data-charte=gray01] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray01] .section input[type=radio] {
  display: none;
}
html[data-charte=gray01] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray01] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray01] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray01] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray01] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray01] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray01] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray01] .feedback-message {
  color: #222;
}
html[data-charte=gray01] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray01] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray01] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray01] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray01] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray01] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray01] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray01] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray01] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray01] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray01] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray01] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray01] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray01] div.controled {
  background: transparent;
}
html[data-charte=gray01] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray01] .message-body th:not(.external-th), html[data-charte=gray01] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray01] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray02] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray02] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray02] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray02] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray02] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray02] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray02] div.user-data a, html[data-charte=gray02] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray02] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray02] div.user-data button:focus, html[data-charte=gray02] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray02] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray02] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray02] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray02] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray02] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray02] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: red;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray02] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray02] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray02] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray02] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray02] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray02] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray02] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray02] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray02] span.status {
  display: inline-block;
}
html[data-charte=gray02] div.h-card h2 a, html[data-charte=gray02] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray02] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray02] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray02] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray02] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray02] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray02] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray02] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray02] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray02] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray02] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray02] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray02] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray02] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray02] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray02] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray02] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray02] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray02] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray02] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray02] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray02] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray02] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray02] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray02] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray02] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray02] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray02] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray02] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray02] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray02] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray02] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray02] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray02] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray02] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray02] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray02] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray02] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray02] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray02] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray02] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray02] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray02] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray02] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray02] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray02] div.bubble h3 time {
  display: block;
}
html[data-charte=gray02] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray02] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray02] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray02] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray02] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray02] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray02] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray02] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray02] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray02] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray02] div.bubble details div {
  display: flex;
}
html[data-charte=gray02] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray02] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray02] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray02] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray02] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray02] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray02] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray02] div.conversation-message--owner-organization > div.bubble div.content a {
  color: red;
}
html[data-charte=gray02] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray02] div.bubble.conversation-message-comments .content {
  color: red;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray02] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray02] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray02] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray02] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray02] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray02] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray02] div.bubble.message-comment .u-photo, html[data-charte=gray02] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray02] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray02] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray02] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray02] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray02] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray02] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray02] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray02] .message-body blockquote {
  color: red;
}
html[data-charte=gray02] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray02] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray02] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray02] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray02] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray02] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray02] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray02] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray02] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray02] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray02] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray02] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray02] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray02] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray02] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray02] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray02] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray02] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray02] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray02] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray02] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray02] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray02] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray02] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray02] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray02] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray02] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray02] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray02] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray02] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray02] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray02] div.request dl div {
  display: flex;
}
html[data-charte=gray02] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray02] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray02] div.editor, html[data-charte=gray02] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray02] form.create-new {
  border: none;
}
html[data-charte=gray02] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray02] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray02] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray02] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] p.template-selector {
  width: 100%;
}
html[data-charte=gray02] p.template-selector input {
  width: 100%;
}
html[data-charte=gray02] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray02] div.mce-toolbar-grp button:hover, html[data-charte=gray02] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] select, html[data-charte=gray02] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray02] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray02] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray02] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray02] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray02] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray02] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray02] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray02] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray02] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray02] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray02] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray02] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray02] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray02] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray02] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray02] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray02] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray02] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray02] #main-nav li a.label-color::before,
html[data-charte=gray02] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray02] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray02] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray02] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray02] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray02] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray02] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray02] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray02] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray02] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray02] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray02] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray02] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray02] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray02] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray02] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray02] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray02] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray02] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray02] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray02] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray02] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray02] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray02] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray02] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray02] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: red;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray02] div.actions-bar button.icon-check:hover, html[data-charte=gray02] div.actions-bar button.icon-check:focus {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray02] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray02] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray02] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray02] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray02] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray02] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray02] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray02] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray02] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray02] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray02] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray02] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray02] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] div.project-card.details header {
  position: relative;
}
html[data-charte=gray02] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray02] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray02] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray02] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray02] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray02] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray02] html, html[data-charte=gray02] body, html[data-charte=gray02] div, html[data-charte=gray02] span, html[data-charte=gray02] object, html[data-charte=gray02] iframe,
html[data-charte=gray02] h1, html[data-charte=gray02] h2, html[data-charte=gray02] h3, html[data-charte=gray02] h4, html[data-charte=gray02] h5, html[data-charte=gray02] h6, html[data-charte=gray02] p, html[data-charte=gray02] blockquote, html[data-charte=gray02] pre,
html[data-charte=gray02] a, html[data-charte=gray02] abbr, html[data-charte=gray02] address, html[data-charte=gray02] big, html[data-charte=gray02] cite, html[data-charte=gray02] code,
html[data-charte=gray02] del, html[data-charte=gray02] dfn, html[data-charte=gray02] em, html[data-charte=gray02] form, html[data-charte=gray02] img, html[data-charte=gray02] ins, html[data-charte=gray02] kbd, html[data-charte=gray02] q, html[data-charte=gray02] s, html[data-charte=gray02] samp,
html[data-charte=gray02] small, html[data-charte=gray02] strike, html[data-charte=gray02] strong, html[data-charte=gray02] sub, html[data-charte=gray02] sup, html[data-charte=gray02] tt, html[data-charte=gray02] var,
html[data-charte=gray02] b, html[data-charte=gray02] u, html[data-charte=gray02] i, html[data-charte=gray02] dl, html[data-charte=gray02] dt, html[data-charte=gray02] dd, html[data-charte=gray02] ol, html[data-charte=gray02] ul, html[data-charte=gray02] li,
html[data-charte=gray02] fieldset, html[data-charte=gray02] form, html[data-charte=gray02] label, html[data-charte=gray02] legend,
html[data-charte=gray02] table:not(.external-table),
html[data-charte=gray02] caption:not(.external-caption), html[data-charte=gray02] tbody, html[data-charte=gray02] tfoot, html[data-charte=gray02] thead,
html[data-charte=gray02] tr:not(.external-tr),
html[data-charte=gray02] th:not(.external-th),
html[data-charte=gray02] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray02] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray02] header, html[data-charte=gray02] footer, html[data-charte=gray02] main, html[data-charte=gray02] nav, html[data-charte=gray02] aside, html[data-charte=gray02] article, html[data-charte=gray02] section, html[data-charte=gray02] figure, html[data-charte=gray02] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray02] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #fff;
}
html[data-charte=gray02] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray02] h2, html[data-charte=gray02] h3, html[data-charte=gray02] h4, html[data-charte=gray02] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray02] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray02] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray02] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray02] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] p, html[data-charte=gray02] li, html[data-charte=gray02] dt, html[data-charte=gray02] dd, html[data-charte=gray02] h5, html[data-charte=gray02] th, html[data-charte=gray02] td {
  font-size: 0.95em;
}
html[data-charte=gray02] li li, html[data-charte=gray02] li p, html[data-charte=gray02] li dt, html[data-charte=gray02] li dd {
  font-size: 100%;
}
html[data-charte=gray02] a {
  color: red;
}
html[data-charte=gray02] a:visited {
  opacity: 0.8;
}
html[data-charte=gray02] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray02] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray02] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray02] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray02] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray02] blockquote::before, html[data-charte=gray02] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray02] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray02] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray02] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray02] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray02] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray02] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray02] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray02] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray02] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray02] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray02] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray02] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray02] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray02] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray02] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray02] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray02] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray02] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray02] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray02] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray02] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray02] button:hover {
  background-color: #EEE;
}
html[data-charte=gray02] button[disabled], html[data-charte=gray02] .form-reset[disabled], html[data-charte=gray02] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray02] button[disabled]:hover, html[data-charte=gray02] .form-reset[disabled]:hover, html[data-charte=gray02] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray02] .form-submit.optional[disabled]:hover {
  color: red;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray02] button.secondary {
  background-color: #222;
}
html[data-charte=gray02] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: red;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray02] button.discret:hover, html[data-charte=gray02] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray02] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray02] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] a[class*=bt-], html[data-charte=gray02] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray02] [class*=bt-]:hover, html[data-charte=gray02] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray02] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray02] .bt-create:hover, html[data-charte=gray02] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray02] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray02] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray02] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray02] a.bt-link, html[data-charte=gray02] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray02] [class*=icon-], html[data-charte=gray02] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray02] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray02] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray02] [class*=icon-]:hover, html[data-charte=gray02] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray02] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray02] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray02] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray02] .icon-assign, html[data-charte=gray02] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray02] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray02] .icon-pin, html[data-charte=gray02] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray02] .icon-pinned, html[data-charte=gray02] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray02] .icon-pinned:hover, html[data-charte=gray02] .follow-true:hover, html[data-charte=gray02] .icon-pinned:focus, html[data-charte=gray02] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray02] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray02] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray02] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray02] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray02] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray02] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray02] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray02] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray02] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray02] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray02] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray02] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray02] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray02] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray02] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray02] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray02] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray02] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray02] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray02] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray02] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray02] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray02] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray02] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray02] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray02] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray02] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray02] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray02] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray02] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray02] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray02] .icon-mark-as-unread, html[data-charte=gray02] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray02] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray02] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray02] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray02] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray02] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray02] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray02] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray02] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray02] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray02] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray02] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray02] button.icon-check:focus, html[data-charte=gray02] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray02] .icon-info-simple, html[data-charte=gray02] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray02] button.play, html[data-charte=gray02] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray02] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray02] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray02] button.icon-info-simple:hover, html[data-charte=gray02] button.icon-info-simple:focus,
html[data-charte=gray02] button.icon-back:hover, html[data-charte=gray02] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray02] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray02] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray02] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray02] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray02] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray02] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray02] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray02] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray02] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray02] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray02] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray02] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray02] th:not(.external-th), html[data-charte=gray02] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray02] th:not(.external-th) {
  color: red;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray02] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray02] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray02] th[scope=col]:not(.external-th) {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray02] th[scope=row] {
  text-align: left;
}
html[data-charte=gray02] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray02] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray02] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray02] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray02] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray02] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray02] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray02] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray02] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray02] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray02] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray02] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray02] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray02] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray02] input[type=text], html[data-charte=gray02] input[type=password], html[data-charte=gray02] input[type=date], html[data-charte=gray02] input[type=url], html[data-charte=gray02] input[type=tel],
html[data-charte=gray02] input[type=time], html[data-charte=gray02] input[type=email], html[data-charte=gray02] input[type=number], html[data-charte=gray02] input[type=search], html[data-charte=gray02] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray02] input[type=number], html[data-charte=gray02] input[type=date], html[data-charte=gray02] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray02] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray02] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray02] input[type=text]:focus, html[data-charte=gray02] input[type=password]:focus, html[data-charte=gray02] input[type=url]:focus,
html[data-charte=gray02] input[type=date]:focus, html[data-charte=gray02] input[type=search]:focus, html[data-charte=gray02] select:focus {
  border-color: #555;
}
html[data-charte=gray02] input[type=url], html[data-charte=gray02] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray02] input[type=number] {
  width: 6em;
}
html[data-charte=gray02] .has-error input {
  border-color: #f00;
}
html[data-charte=gray02] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray02] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray02] select::-ms-expand {
  display: none;
}
html[data-charte=gray02] [type=submit], html[data-charte=gray02] [type=reset], html[data-charte=gray02] button.form-submit, html[data-charte=gray02] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray02] [type=reset], html[data-charte=gray02] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray02] [type=submit]:hover, html[data-charte=gray02] [type=submit]:focus,
html[data-charte=gray02] [type=submit].optional:hover, html[data-charte=gray02] [type=submit].optional:focus,
html[data-charte=gray02] [type=reset]:hover, html[data-charte=gray02] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray02] button.form-submit:hover, html[data-charte=gray02] button.form-submit:focus,
html[data-charte=gray02] button.form-submit.optional:hover, html[data-charte=gray02] button.form-submit.optional:focus,
html[data-charte=gray02] button.form-reset:hover, html[data-charte=gray02] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray02] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray02] [type=submit] + [type=reset], html[data-charte=gray02] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray02] [type=submit].optional, html[data-charte=gray02] button.form-submit.optional {
  color: red;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray02] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray02] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray02] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray02] ::-webkit-input-placeholder, html[data-charte=gray02] ::-moz-placeholder, html[data-charte=gray02] :-moz-placeholder, html[data-charte=gray02] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray02] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray02] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray02] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray02] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray02] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray02] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray02] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray02] .highlight label, html[data-charte=gray02] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray02] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray02] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray02] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray02] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray02] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray02] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray02] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray02] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray02] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray02] ul.choices {
  display: flex;
}
html[data-charte=gray02] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray02] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray02] ul.choices.vertical {
  display: block;
}
html[data-charte=gray02] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray02] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray02] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray02] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray02] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray02] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray02] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray02] .form-makeup input:checked + label::before, html[data-charte=gray02] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray02] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray02] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray02] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray02] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray02] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray02] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray02] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray02] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray02] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray02] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray02] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray02] .check-chips input:checked + label, html[data-charte=gray02] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray02] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray02] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray02] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray02] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray02] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray02] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray02] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray02] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray02] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray02] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray02] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray02] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray02] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray02] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray02] input[aria-invalid=true]:focus {
  color: red;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray02] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray02] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray02] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray02] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray02] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray02] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray02] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray02] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray02] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray02] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray02] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray02] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray02] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray02] div.card dt, html[data-charte=gray02] div.card dd {
  max-width: 100%;
}
html[data-charte=gray02] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray02] div.card a {
  text-decoration: none;
}
html[data-charte=gray02] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray02] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray02] div.card.unread a, html[data-charte=gray02] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray02] div.card.read a, html[data-charte=gray02] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
}
html[data-charte=gray02] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray02] span.social-icon img {
  width: 16px;
}
html[data-charte=gray02] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray02] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray02] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray02] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray02] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray02] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray02] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray02] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray02] div.h-card form p {
  margin: 0;
}
html[data-charte=gray02] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray02] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray02] div.h-card h2 a, html[data-charte=gray02] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray02] div.h-card h2 a:hover, html[data-charte=gray02] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray02] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray02] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray02] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray02] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray02] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray02] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray02] div.spinner strong {
  display: block;
}
html[data-charte=gray02] div.spinner ::before, html[data-charte=gray02] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray02] div.spinner p::before,
html[data-charte=gray02] div.spinner p::after,
html[data-charte=gray02] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray02] div.spinner.ease-in-out ::before, html[data-charte=gray02] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray02] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray02] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray02] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray02] div.spinner.cubic-bezier ::before, html[data-charte=gray02] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray02] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray02] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray02] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray02] div.spinner.ease-in-out-fill ::before, html[data-charte=gray02] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray02] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray02] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray02] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray02] div.spinner.linear-dot ::before, html[data-charte=gray02] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray02] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray02] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray02] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray02] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray02] div.spinner.linear-circle ::before, html[data-charte=gray02] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray02] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray02] div.spinner.linear-circle p::before,
html[data-charte=gray02] div.spinner.linear-circle strong::before,
html[data-charte=gray02] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray02] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray02] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray02] div.spinner.progress-bar ::before, html[data-charte=gray02] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray02] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray02] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray02] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray02] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray02] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray02] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray02] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray02] .box1, html[data-charte=gray02] .box4, html[data-charte=gray02] .box8, html[data-charte=gray02] .box11, html[data-charte=gray02] .box13, html[data-charte=gray02] .box16, html[data-charte=gray02] .box20 {
  animation-name: quiet;
}
html[data-charte=gray02] .box2, html[data-charte=gray02] .box6, html[data-charte=gray02] .box10, html[data-charte=gray02] .box14, html[data-charte=gray02] .box17, html[data-charte=gray02] .box19 {
  animation-name: normal;
}
html[data-charte=gray02] .box3, html[data-charte=gray02] .box5, html[data-charte=gray02] .box7, html[data-charte=gray02] .box9, html[data-charte=gray02] .box12, html[data-charte=gray02] .box15, html[data-charte=gray02] .box18 {
  animation-name: loud;
}
html[data-charte=gray02] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray02] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray02] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray02] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray02] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray02] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray02] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray02] .show-icons a:hover + .tooltip, html[data-charte=gray02] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray02] .alternative-alt:hover, html[data-charte=gray02] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray02] .alternative-alt:hover::before, html[data-charte=gray02] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray02] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray02] .ember-basic-dropdown, html[data-charte=gray02] .ember-basic-dropdown-content, html[data-charte=gray02] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray02] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray02] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray02] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray02] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray02] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray02] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray02] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray02] .ember-power-select-options li:hover, html[data-charte=gray02] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray02] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray02] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray02] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray02] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray02] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: red;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray02] .ember-power-select-trigger:focus,
html[data-charte=gray02] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray02] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray02] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray02] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray02] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray02] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray02] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray02] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray02] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray02] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray02] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray02] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray02] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray02] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray02] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray02] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray02] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray02] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray02] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray02] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray02] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray02] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray02] div.controled div.content {
  display: none;
}
html[data-charte=gray02] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray02] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray02] .underlay {
  opacity: 0;
}
html[data-charte=gray02] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray02] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] #main-nav h2::before {
  content: none;
}
html[data-charte=gray02] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray02] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray02] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray02] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray02] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray02] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray02] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray02] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray02] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray02] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray02] #main-nav li a, html[data-charte=gray02] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray02] #main-nav li a:focus, html[data-charte=gray02] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray02] #main-nav li a::after, html[data-charte=gray02] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray02] #main-nav li a.active::after,
html[data-charte=gray02] #main-nav li a:hover::after,
html[data-charte=gray02] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray02] #main-nav li button:hover::after,
html[data-charte=gray02] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray02] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray02] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray02] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray02] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray02] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray02] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray02] #main-nav li a.bt-create, html[data-charte=gray02] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray02] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray02] #main-nav li a.bt-create:hover, html[data-charte=gray02] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray02] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray02] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray02] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray02] #main-nav button.has-level2, html[data-charte=gray02] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray02] #main-nav button.has-level2::after, html[data-charte=gray02] #main-nav a.has-level2::after,
html[data-charte=gray02] #main-nav button.has-level2:hover::after, html[data-charte=gray02] #main-nav a.has-level2:hover::after,
html[data-charte=gray02] #main-nav button.has-level2:focus::after, html[data-charte=gray02] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray02] #main-nav button.collapse::after,
html[data-charte=gray02] #main-nav button.collapse:hover::after,
html[data-charte=gray02] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray02] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray02] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray02] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray02] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray02] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray02] div.modal[aria-hidden=false], html[data-charte=gray02] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray02] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray02] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray02] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray02] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray02] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray02] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray02] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray02] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray02] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray02] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray02] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray02] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray02] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: red;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray02] div.dropdown button.dd-trigger:hover, html[data-charte=gray02] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray02] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray02] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray02] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray02] div.dropdown ul button,
html[data-charte=gray02] div.dropdown ul a,
html[data-charte=gray02] div.dropdown ul [class*=icon-],
html[data-charte=gray02] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: red;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray02] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray02] div.dropdown ul button:hover, html[data-charte=gray02] div.dropdown ul a:hover,
html[data-charte=gray02] div.dropdown ul button:focus, html[data-charte=gray02] div.dropdown ul a:focus,
html[data-charte=gray02] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray02] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray02] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray02] div.dropdown ul [class*=icon-].secondary:hover {
  color: red;
  background-color: #FFF;
}
html[data-charte=gray02] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray02] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray02] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray02] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray02] nav.pagination li:not(.page) + li.page, html[data-charte=gray02] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray02] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray02] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray02] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray02] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray02] nav.pagination a, html[data-charte=gray02] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: red;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray02] nav.pagination a.firstPage, html[data-charte=gray02] nav.pagination a.previousPage, html[data-charte=gray02] nav.pagination a.nextPage, html[data-charte=gray02] nav.pagination a.lastPage, html[data-charte=gray02] nav.pagination li button.firstPage, html[data-charte=gray02] nav.pagination li button.previousPage, html[data-charte=gray02] nav.pagination li button.nextPage, html[data-charte=gray02] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray02] nav.pagination a.firstPage, html[data-charte=gray02] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray02] nav.pagination a.previousPage, html[data-charte=gray02] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray02] nav.pagination a.nextPage, html[data-charte=gray02] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray02] nav.pagination a.lastPage, html[data-charte=gray02] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray02] nav.pagination a:hover, html[data-charte=gray02] nav.pagination a:focus, html[data-charte=gray02] nav.pagination li.active a,
html[data-charte=gray02] nav.pagination li button:hover, html[data-charte=gray02] nav.pagination li button:focus, html[data-charte=gray02] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray02] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray02] nav.pagination li.shortcut a, html[data-charte=gray02] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray02] select.selector, html[data-charte=gray02] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray02] .has-error input, html[data-charte=gray02] .has-error select, html[data-charte=gray02] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray02] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray02] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray02] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray02] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray02] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray02] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray02] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray02] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray02] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray02] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray02] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray02] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray02] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray02] div.editor {
  position: relative;
}
html[data-charte=gray02] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray02] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray02] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray02] div.editor-wrapper a, html[data-charte=gray02] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray02] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray02] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray02] strong, html[data-charte=gray02] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray02] em, html[data-charte=gray02] i {
  font-style: italic;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block p, html[data-charte=gray02] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray02] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray02] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block:focus, html[data-charte=gray02] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray02] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray02] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray02] select.models, html[data-charte=gray02] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray02] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray02] .contentEditableValue {
  display: none;
}
html[data-charte=gray02] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray02] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray02] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray02] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray02] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray02] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray02] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray02] #color-poly {
  display: none;
}
html[data-charte=gray02] #color-poly.active {
  display: block;
}
html[data-charte=gray02] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray02] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray02] button.color:hover, html[data-charte=gray02] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray02] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray02] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray02] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray02] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray02] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray02] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray02] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray02] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray02] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray02] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray02] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray02] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray02] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray02] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray02] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray02] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray02] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray02] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray02] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray02] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray02] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray02] div.format-options.active {
  display: block;
}
html[data-charte=gray02] div.format-options p {
  margin: 0;
}
html[data-charte=gray02] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray02] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray02] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray02] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray02] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray02] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray02] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray02] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray02] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray02] mark {
  cursor: help;
}
html[data-charte=gray02] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray02] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray02] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray02] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray02] b ul.sc-options li, html[data-charte=gray02] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray02] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray02] em ul.sc-options li, html[data-charte=gray02] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray02] ul.sc-options li:hover, html[data-charte=gray02] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray02] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray02] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray02] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray02] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray02] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray02] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray02] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray02] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray02] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray02] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray02] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray02] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray02] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray02] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray02] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray02] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray02] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray02] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray02] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray02] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray02] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray02] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] select, html[data-charte=gray02] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray02] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray02] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray02] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray02] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray02] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray02] section.participants div.h-card .u-photo, html[data-charte=gray02] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray02] main.conversation section.participants ul.actions-list,
html[data-charte=gray02] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray02] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray02] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray02] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray02] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray02] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray02] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.actions-bar p, html[data-charte=gray02] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray02] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray02] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray02] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray02] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray02] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray02] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray02] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray02] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray02] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray02] .collapsible h3, html[data-charte=gray02] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray02] .collapsible > .content {
  display: none;
}
html[data-charte=gray02] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray02] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray02] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray02] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray02] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray02] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray02] fieldset.collapsible.sub-group button.control {
  color: red;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray02] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray02] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray02] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray02] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray02] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray02] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray02] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray02] ul.tabs li a, html[data-charte=gray02] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray02] ul.tabs li a:hover, html[data-charte=gray02] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray02] ul.tabs li.active a, html[data-charte=gray02] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray02] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray02] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray02] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray02] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray02] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray02] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray02] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray02] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray02] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray02] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray02] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray02] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray02] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray02] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray02] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray02] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray02] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray02] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray02] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray02] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray02] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray02] details.simple {
  color: red;
  padding: 0;
  border: none;
}
html[data-charte=gray02] details.simple summary {
  font-size: 80%;
  color: red;
  margin-top: 1em;
}
html[data-charte=gray02] details.simple summary::after {
  content: " +";
}
html[data-charte=gray02] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray02] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray02] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray02] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray02] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray02] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray02] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray02] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray02] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray02] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray02] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray02] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray02] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray02] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray02] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray02] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray02] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray02] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray02] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: red;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray02] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray02] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray02] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray02] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray02] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray02] .form-makeup input:checked + label::before, html[data-charte=gray02] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray02] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray02] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray02] button[disabled], html[data-charte=gray02] .form-reset[disabled], html[data-charte=gray02] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray02] button[disabled]:hover, html[data-charte=gray02] .form-reset[disabled]:hover, html[data-charte=gray02] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray02] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray02] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray02] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray02] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray02] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray02] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray02] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray02] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray02] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray02] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray02] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray02] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray02] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray02] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray02] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray02] div.datepickerDialog th, html[data-charte=gray02] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray02] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray02] div.datepickerDialog td button {
  width: 100%;
  color: red;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray02] div.datepickerDialog td button:hover, html[data-charte=gray02] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray02] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray02] div.datepickerDialog p.buttons-bar, html[data-charte=gray02] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray02] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray02] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray02] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray02] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray02] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray02] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray02] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray02] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray02] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray02] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray02] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray02] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray02] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray02] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray02] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray02] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray02] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray02] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray02] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray02] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray02] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray02] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray02] .icon-zoom {
  position: inherit;
}
html[data-charte=gray02] figure.img-container img {
  width: 100%;
}
html[data-charte=gray02] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray02] div.editor-wrapper .audio, html[data-charte=gray02] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray02] div.editor-wrapper .audio, html[data-charte=gray02] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray02] div.editor-wrapper .audio, html[data-charte=gray02] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray02] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray02] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray02] .audio-preview {
  justify-content: center;
}
html[data-charte=gray02] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray02] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray02] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray02] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray02] .audio-message, html[data-charte=gray02] .audio-record, html[data-charte=gray02] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray02] .audio-message audio, html[data-charte=gray02] .audio-record audio, html[data-charte=gray02] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray02] .audio-message .icon-download.voice-message, html[data-charte=gray02] .audio-record .icon-download.voice-message, html[data-charte=gray02] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray02] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray02] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray02] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray02] .audio {
  min-width: 20rem;
}
html[data-charte=gray02] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray02] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray02] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray02] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray02] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray02] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray02] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray02] #volume-control, html[data-charte=gray02] #speed-control {
  display: none;
}
html[data-charte=gray02] #volume-control > input, html[data-charte=gray02] #speed-control > input {
  width: 65px;
}
html[data-charte=gray02] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray02] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray02] #volume-control[aria-hidden=false], html[data-charte=gray02] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray02] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray02] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray02] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray02] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray02] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray02] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray02] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray02] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray02] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray02] ul.add-list li {
  padding: 0;
}
html[data-charte=gray02] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray02] .icon-share, html[data-charte=gray02] .icon-edit, html[data-charte=gray02] .icon-info,
html[data-charte=gray02] .icon-upload, html[data-charte=gray02] .icon-close, html[data-charte=gray02] .icon-info-close,
html[data-charte=gray02] .icon-notify, html[data-charte=gray02] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray02] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray02] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray02] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray02] .icon-info, html[data-charte=gray02] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray02] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray02] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray02] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray02] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray02] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray02] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray02] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray02] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray02] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray02] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray02] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray02] div.project-card::before, html[data-charte=gray02] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray02] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray02] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray02] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray02] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray02] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray02] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray02] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray02] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray02] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray02] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray02] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray02] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray02] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: red;
}
html[data-charte=gray02] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray02] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray02] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray02] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray02] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray02] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray02] dl.project-info dt, html[data-charte=gray02] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray02] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray02] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray02] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray02] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray02] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray02] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray02] p.assignment strong {
  display: block;
}
html[data-charte=gray02] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray02] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray02] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray02] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray02] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray02] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray02] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray02] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray02] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray02] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray02] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray02] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray02] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray02] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray02] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray02] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray02] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray02] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray02] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray02] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray02] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray02] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray02] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray02] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray02] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray02] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray02] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray02] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray02] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray02] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray02] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray02] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray02] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray02] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray02] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray02] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray02] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray02] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray02] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray02] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray02] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray02] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray02] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray02] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray02] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray02] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray02] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray02] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray02] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray02] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray02] div.project-card h4 a, html[data-charte=gray02] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray02] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray02] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray02] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray02] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray02] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray02] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray02] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray02] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray02] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray02] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray02] p.nature {
    flex: 1;
  }
  html[data-charte=gray02] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray02] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray02] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray02] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray02] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray02] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray02] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray02] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray02] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray02] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray02] ul.treeview button.element-button:hover, html[data-charte=gray02] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray02] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray02] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray02] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray02] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray02] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray02] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray02] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray02] ul.treeview button.deploy, html[data-charte=gray02] ul.treeview button.element {
  color: red;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray02] ul.treeview button.deploy, html[data-charte=gray02] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray02] ul.treeview button:focus, html[data-charte=gray02] ul.treeview button:hover, html[data-charte=gray02] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray02] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray02] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray02] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray02] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray02] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray02] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray02] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray02] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray02] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray02] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray02] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray02] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray02] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray02] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray02] .treeview-search-combo button.element.highlight, html[data-charte=gray02] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray02] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray02] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray02] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray02] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray02] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray02] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray02] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray02] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray02] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray02] #absences-calendar ul.actions-list, html[data-charte=gray02] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray02] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray02] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray02] #absences-calendar .icon-next, html[data-charte=gray02] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray02] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray02] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray02] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray02] table.plan-grid th, html[data-charte=gray02] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray02] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray02] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray02] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray02] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray02] table.plan-grid tr td:first-of-type, html[data-charte=gray02] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray02] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray02] table.plan-grid div p {
  display: none;
}
html[data-charte=gray02] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray02] table.plan-grid div:hover p, html[data-charte=gray02] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray02] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray02] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray02] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray02] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray02] #absences-calendar ul.actions-list, html[data-charte=gray02] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray02] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray02] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray02] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray02] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray02] table.plan-grid td, html[data-charte=gray02] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray02] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray02] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray02] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray02] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray02] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray02] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray02] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray02] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray02] table.plan-grid div:hover p, html[data-charte=gray02] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray02] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray02] table.plan-grid div:hover p, html[data-charte=gray02] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray02] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray02] div.editor-wrapper a, html[data-charte=gray02] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray02] div.editor-wrapper a:visited, html[data-charte=gray02] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray02] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray02] div.editor-wrapper li, html[data-charte=gray02] div.editor-wrapper th:not(.external-th), html[data-charte=gray02] div.editor-wrapper td:not(.external-td), html[data-charte=gray02] div.editor p:not(.feedback-message), html[data-charte=gray02] div.editor li, html[data-charte=gray02] div.editor th:not(.external-th), html[data-charte=gray02] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray02] div.editor-wrapper p, html[data-charte=gray02] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray02] div.editor-wrapper th, html[data-charte=gray02] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray02] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray02] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray02] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray02] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray02] div.editor-wrapper th[scope=row], html[data-charte=gray02] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray02] div.editor-wrapper strong, html[data-charte=gray02] div.editor-wrapper b, html[data-charte=gray02] div.editor-wrapper th:not(.external-th), html[data-charte=gray02] div.editor strong, html[data-charte=gray02] div.editor b, html[data-charte=gray02] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray02] div.editor-wrapper table:not(.external-table), html[data-charte=gray02] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block ul, html[data-charte=gray02] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray02] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray02] #side-bar-profile {
  position: relative;
}
html[data-charte=gray02] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray02] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray02] header#side-panel {
  color: black;
}
html[data-charte=gray02] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray02] .tooltip {
  z-index: 2000;
}
html[data-charte=gray02] div.tooltip .tooltip-inner, html[data-charte=gray02] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray02] figure {
  text-align: center;
}
html[data-charte=gray02] figure img {
  margin: 0 auto;
}
html[data-charte=gray02] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray02] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray02] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray02] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray02] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray02] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray02] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray02] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray02] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray02] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray02] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray02] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray02] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray02] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray02] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray02] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray02] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray02] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray02] section.login h1::after {
  content: none;
}
html[data-charte=gray02] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray02] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray02] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray02] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray02] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray02] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray02] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray02] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray02] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray02] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray02] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray02] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray02] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray02] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray02] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray02] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray02] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray02] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray02] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray02] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray02] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray02] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray02] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray02] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray02] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray02] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray02] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray02] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray02] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray02] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray02] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray02] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray02] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray02] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray02] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray02] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray02] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray02] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray02] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray02] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray02] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray02] p, html[data-charte=gray02] li, html[data-charte=gray02] dt, html[data-charte=gray02] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray02] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray02] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray02] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray02] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray02] ul.optional-status li, html[data-charte=gray02] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray02] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray02] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray02] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray02] div.card > div, html[data-charte=gray02] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray02] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray02] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray02] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray02] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray02] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray02] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray02] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray02] div.card dt, html[data-charte=gray02] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray02] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray02] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray02] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray02] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray02] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray02] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray02] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray02] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray02] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray02] div.bubble .u-photo, html[data-charte=gray02] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray02] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray02] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray02] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray02] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray02] div.request {
    position: relative;
  }
  html[data-charte=gray02] div.request dt, html[data-charte=gray02] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray02] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray02] div.request a:hover::after, html[data-charte=gray02] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray02] h3 {
    font-size: 2em;
  }
  html[data-charte=gray02] .collapsible h2, html[data-charte=gray02] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray02] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray02] #container {
    display: flex;
  }
  html[data-charte=gray02] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray02] #wrapper footer {
    display: none;
  }
  html[data-charte=gray02] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray02] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray02] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray02] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray02] div.grid-2thirds, html[data-charte=gray02] div.grid-3cols, html[data-charte=gray02] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray02] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray02] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray02] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray02] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray02] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray02] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray02] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray02] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray02] table.transform th {
    display: none;
  }
  html[data-charte=gray02] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray02] table.transform tr, html[data-charte=gray02] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray02] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray02] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray02] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray02] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray02] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray02] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray02] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray02] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray02] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray02] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray02] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray02] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray02] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray02] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray02] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray02] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray02] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray02] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray02] div.actions-bar p, html[data-charte=gray02] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray02] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray02] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray02] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray02] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray02] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray02] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray02] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray02] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray02] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray02] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray02] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray02] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray02] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray02] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray02] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray02] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray02] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray02] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray02] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray02] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray02] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray02] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray02] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray02] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray02] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray02] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray02] section.participants div.h-card .u-photo, html[data-charte=gray02] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray02] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray02] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray02] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray02] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray02] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray02] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray02] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray02] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray02] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray02] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray02] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray02] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray02] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray02] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray02] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray02] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray02] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray02] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray02] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray02] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray02] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray02] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray02] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray02] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray02] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray02] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray02] div.bubble .content p:not(.feedback-message), html[data-charte=gray02] div.bubble .content li, html[data-charte=gray02] div.bubble .content th:not(.external-th), html[data-charte=gray02] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray02] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray02] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray02] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray02] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray02] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray02] div.bubble .content strong, html[data-charte=gray02] div.bubble .content b, html[data-charte=gray02] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray02] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray02] div.bubble .content li, html[data-charte=gray02] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray02] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray02] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray02] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray02] .f-upload-editor {
  display: none;
}
html[data-charte=gray02] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray02] .f-size, html[data-charte=gray02] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray02] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray02] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray02] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray02] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray02] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray02] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray02] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray02] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray02] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray02] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray02] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray02] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray02] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray02] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray02] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray02] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray02] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray02] [class*=icon-],
html[data-charte=gray02] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray02] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray02] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray02] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray02] .icon-info-simple,
html[data-charte=gray02] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray02] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray02] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray02] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray02] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray02] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray02] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray02] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray02] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray02] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray02] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray02] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray02] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray02] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray02] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray02] input[type=search],
html[data-charte=gray02] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray02] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray02] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray02] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray02] legend {
  color: #222;
}
html[data-charte=gray02] label {
  color: #222;
}
html[data-charte=gray02] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray02] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray02] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray02] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray02] #ccSelector {
  display: none;
}
html[data-charte=gray02] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray02] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray02] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray02] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray02] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray02] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray02] label[for=subject] {
  display: none !important;
}
html[data-charte=gray02] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray02] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray02] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray02] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray02] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray02] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray02] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray02] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray02] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray02] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray02] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray02] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray02] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray02] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray02] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray02] ul.message-attachments {
  color: #222;
}
html[data-charte=gray02] .tree,
html[data-charte=gray02] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray02] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray02] .tree li:last-child {
  border: 0;
}
html[data-charte=gray02] .section ul {
  display: none;
}
html[data-charte=gray02] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray02] .section input[type=radio] {
  display: none;
}
html[data-charte=gray02] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray02] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray02] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray02] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray02] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray02] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray02] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray02] .feedback-message {
  color: #222;
}
html[data-charte=gray02] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray02] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray02] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray02] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray02] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray02] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray02] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray02] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray02] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray02] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray02] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray02] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray02] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray02] div.controled {
  background: transparent;
}
html[data-charte=gray02] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray02] .message-body th:not(.external-th), html[data-charte=gray02] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray02] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray03] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray03] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray03] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray03] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray03] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray03] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray03] div.user-data a, html[data-charte=gray03] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray03] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray03] div.user-data button:focus, html[data-charte=gray03] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray03] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray03] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray03] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray03] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray03] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray03] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray03] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray03] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray03] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray03] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray03] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray03] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray03] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray03] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray03] span.status {
  display: inline-block;
}
html[data-charte=gray03] div.h-card h2 a, html[data-charte=gray03] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray03] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray03] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray03] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray03] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray03] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray03] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray03] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray03] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray03] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray03] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray03] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray03] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray03] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray03] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray03] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray03] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray03] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray03] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray03] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray03] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray03] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray03] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray03] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray03] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray03] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray03] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray03] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray03] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray03] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray03] main.settings div.data-sheet h4 {
  color: red;
  background-color: #fff;
}
html[data-charte=gray03] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray03] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray03] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray03] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray03] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray03] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray03] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray03] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray03] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray03] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray03] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray03] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray03] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray03] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray03] div.bubble h3 time {
  display: block;
}
html[data-charte=gray03] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray03] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray03] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray03] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray03] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray03] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.bubble div.content {
  color: black;
  background-color: red;
  word-wrap: break-word;
}
html[data-charte=gray03] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray03] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray03] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray03] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray03] div.bubble details div {
  display: flex;
}
html[data-charte=gray03] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray03] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray03] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray03] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray03] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray03] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray03] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray03] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray03] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray03] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray03] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray03] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray03] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray03] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray03] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray03] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray03] div.bubble.message-comment .u-photo, html[data-charte=gray03] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray03] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray03] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray03] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray03] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray03] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray03] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray03] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray03] .message-body blockquote {
  color: black;
}
html[data-charte=gray03] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray03] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray03] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray03] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray03] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray03] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray03] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray03] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray03] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray03] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray03] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray03] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray03] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray03] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray03] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray03] div.editor ul.message-attachments {
  border-top: 2px solid red;
}
html[data-charte=gray03] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray03] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray03] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray03] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray03] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray03] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray03] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray03] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray03] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray03] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray03] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray03] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray03] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray03] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray03] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray03] div.request dl div {
  display: flex;
}
html[data-charte=gray03] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray03] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray03] div.editor, html[data-charte=gray03] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray03] form.create-new {
  border: none;
}
html[data-charte=gray03] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray03] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray03] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray03] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] p.template-selector {
  width: 100%;
}
html[data-charte=gray03] p.template-selector input {
  width: 100%;
}
html[data-charte=gray03] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray03] div.mce-toolbar-grp button:hover, html[data-charte=gray03] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] select, html[data-charte=gray03] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray03] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray03] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray03] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray03] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray03] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray03] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray03] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray03] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray03] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray03] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray03] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray03] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray03] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray03] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray03] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray03] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray03] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray03] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray03] #main-nav li a.label-color::before,
html[data-charte=gray03] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray03] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray03] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray03] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray03] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray03] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray03] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray03] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray03] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray03] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray03] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray03] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray03] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray03] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray03] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray03] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray03] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray03] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray03] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray03] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray03] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray03] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray03] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray03] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray03] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray03] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray03] div.actions-bar button.icon-check:hover, html[data-charte=gray03] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray03] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray03] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray03] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray03] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray03] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray03] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray03] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: red;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray03] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray03] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray03] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray03] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray03] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] div.project-card.details header {
  position: relative;
}
html[data-charte=gray03] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray03] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray03] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray03] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray03] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray03] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray03] html, html[data-charte=gray03] body, html[data-charte=gray03] div, html[data-charte=gray03] span, html[data-charte=gray03] object, html[data-charte=gray03] iframe,
html[data-charte=gray03] h1, html[data-charte=gray03] h2, html[data-charte=gray03] h3, html[data-charte=gray03] h4, html[data-charte=gray03] h5, html[data-charte=gray03] h6, html[data-charte=gray03] p, html[data-charte=gray03] blockquote, html[data-charte=gray03] pre,
html[data-charte=gray03] a, html[data-charte=gray03] abbr, html[data-charte=gray03] address, html[data-charte=gray03] big, html[data-charte=gray03] cite, html[data-charte=gray03] code,
html[data-charte=gray03] del, html[data-charte=gray03] dfn, html[data-charte=gray03] em, html[data-charte=gray03] form, html[data-charte=gray03] img, html[data-charte=gray03] ins, html[data-charte=gray03] kbd, html[data-charte=gray03] q, html[data-charte=gray03] s, html[data-charte=gray03] samp,
html[data-charte=gray03] small, html[data-charte=gray03] strike, html[data-charte=gray03] strong, html[data-charte=gray03] sub, html[data-charte=gray03] sup, html[data-charte=gray03] tt, html[data-charte=gray03] var,
html[data-charte=gray03] b, html[data-charte=gray03] u, html[data-charte=gray03] i, html[data-charte=gray03] dl, html[data-charte=gray03] dt, html[data-charte=gray03] dd, html[data-charte=gray03] ol, html[data-charte=gray03] ul, html[data-charte=gray03] li,
html[data-charte=gray03] fieldset, html[data-charte=gray03] form, html[data-charte=gray03] label, html[data-charte=gray03] legend,
html[data-charte=gray03] table:not(.external-table),
html[data-charte=gray03] caption:not(.external-caption), html[data-charte=gray03] tbody, html[data-charte=gray03] tfoot, html[data-charte=gray03] thead,
html[data-charte=gray03] tr:not(.external-tr),
html[data-charte=gray03] th:not(.external-th),
html[data-charte=gray03] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray03] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray03] header, html[data-charte=gray03] footer, html[data-charte=gray03] main, html[data-charte=gray03] nav, html[data-charte=gray03] aside, html[data-charte=gray03] article, html[data-charte=gray03] section, html[data-charte=gray03] figure, html[data-charte=gray03] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray03] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray03] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray03] h2, html[data-charte=gray03] h3, html[data-charte=gray03] h4, html[data-charte=gray03] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray03] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray03] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray03] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray03] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] p, html[data-charte=gray03] li, html[data-charte=gray03] dt, html[data-charte=gray03] dd, html[data-charte=gray03] h5, html[data-charte=gray03] th, html[data-charte=gray03] td {
  font-size: 0.95em;
}
html[data-charte=gray03] li li, html[data-charte=gray03] li p, html[data-charte=gray03] li dt, html[data-charte=gray03] li dd {
  font-size: 100%;
}
html[data-charte=gray03] a {
  color: black;
}
html[data-charte=gray03] a:visited {
  opacity: 0.8;
}
html[data-charte=gray03] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray03] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray03] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray03] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray03] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray03] blockquote::before, html[data-charte=gray03] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray03] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray03] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray03] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray03] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray03] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid red;
}
html[data-charte=gray03] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray03] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray03] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray03] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray03] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray03] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray03] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray03] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray03] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray03] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray03] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray03] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray03] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray03] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray03] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray03] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: red;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray03] button:hover {
  background-color: #EEE;
}
html[data-charte=gray03] button[disabled], html[data-charte=gray03] .form-reset[disabled], html[data-charte=gray03] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray03] button[disabled]:hover, html[data-charte=gray03] .form-reset[disabled]:hover, html[data-charte=gray03] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: red;
}
html[data-charte=gray03] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray03] button.secondary {
  background-color: #222;
}
html[data-charte=gray03] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray03] button.discret:hover, html[data-charte=gray03] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray03] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: red;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray03] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] a[class*=bt-], html[data-charte=gray03] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray03] [class*=bt-]:hover, html[data-charte=gray03] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray03] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray03] .bt-create:hover, html[data-charte=gray03] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray03] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray03] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray03] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray03] a.bt-link, html[data-charte=gray03] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray03] [class*=icon-], html[data-charte=gray03] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: red;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray03] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray03] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray03] [class*=icon-]:hover, html[data-charte=gray03] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray03] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray03] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray03] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray03] .icon-assign, html[data-charte=gray03] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray03] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray03] .icon-pin, html[data-charte=gray03] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray03] .icon-pinned, html[data-charte=gray03] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray03] .icon-pinned:hover, html[data-charte=gray03] .follow-true:hover, html[data-charte=gray03] .icon-pinned:focus, html[data-charte=gray03] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray03] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray03] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray03] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray03] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray03] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray03] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray03] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray03] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray03] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray03] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray03] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray03] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray03] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: red;
}
html[data-charte=gray03] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray03] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: red;
}
html[data-charte=gray03] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: red;
}
html[data-charte=gray03] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray03] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray03] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray03] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray03] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray03] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray03] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray03] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray03] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray03] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray03] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray03] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray03] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray03] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray03] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray03] .icon-mark-as-unread, html[data-charte=gray03] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray03] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray03] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray03] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray03] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray03] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray03] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray03] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray03] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray03] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray03] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray03] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray03] button.icon-check:focus, html[data-charte=gray03] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray03] .icon-info-simple, html[data-charte=gray03] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray03] button.play, html[data-charte=gray03] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray03] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray03] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray03] button.icon-info-simple:hover, html[data-charte=gray03] button.icon-info-simple:focus,
html[data-charte=gray03] button.icon-back:hover, html[data-charte=gray03] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray03] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray03] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray03] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray03] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray03] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray03] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray03] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray03] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray03] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray03] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray03] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray03] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray03] th:not(.external-th), html[data-charte=gray03] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray03] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray03] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray03] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray03] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] th[scope=row] {
  text-align: left;
}
html[data-charte=gray03] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray03] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray03] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray03] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray03] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray03] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray03] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray03] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray03] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray03] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray03] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray03] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray03] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray03] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray03] input[type=text], html[data-charte=gray03] input[type=password], html[data-charte=gray03] input[type=date], html[data-charte=gray03] input[type=url], html[data-charte=gray03] input[type=tel],
html[data-charte=gray03] input[type=time], html[data-charte=gray03] input[type=email], html[data-charte=gray03] input[type=number], html[data-charte=gray03] input[type=search], html[data-charte=gray03] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray03] input[type=number], html[data-charte=gray03] input[type=date], html[data-charte=gray03] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray03] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray03] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray03] input[type=text]:focus, html[data-charte=gray03] input[type=password]:focus, html[data-charte=gray03] input[type=url]:focus,
html[data-charte=gray03] input[type=date]:focus, html[data-charte=gray03] input[type=search]:focus, html[data-charte=gray03] select:focus {
  border-color: red;
}
html[data-charte=gray03] input[type=url], html[data-charte=gray03] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray03] input[type=number] {
  width: 6em;
}
html[data-charte=gray03] .has-error input {
  border-color: #f00;
}
html[data-charte=gray03] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray03] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray03] select::-ms-expand {
  display: none;
}
html[data-charte=gray03] [type=submit], html[data-charte=gray03] [type=reset], html[data-charte=gray03] button.form-submit, html[data-charte=gray03] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: red;
  padding: 0.55em 1.5em;
  border: 1px solid red;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray03] [type=reset], html[data-charte=gray03] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray03] [type=submit]:hover, html[data-charte=gray03] [type=submit]:focus,
html[data-charte=gray03] [type=submit].optional:hover, html[data-charte=gray03] [type=submit].optional:focus,
html[data-charte=gray03] [type=reset]:hover, html[data-charte=gray03] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray03] button.form-submit:hover, html[data-charte=gray03] button.form-submit:focus,
html[data-charte=gray03] button.form-submit.optional:hover, html[data-charte=gray03] button.form-submit.optional:focus,
html[data-charte=gray03] button.form-reset:hover, html[data-charte=gray03] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray03] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray03] [type=submit] + [type=reset], html[data-charte=gray03] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray03] [type=submit].optional, html[data-charte=gray03] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray03] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: red;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray03] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray03] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray03] ::-webkit-input-placeholder, html[data-charte=gray03] ::-moz-placeholder, html[data-charte=gray03] :-moz-placeholder, html[data-charte=gray03] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray03] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray03] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray03] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray03] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray03] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray03] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray03] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray03] .highlight label, html[data-charte=gray03] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray03] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray03] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray03] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray03] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray03] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray03] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray03] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray03] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray03] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray03] ul.choices {
  display: flex;
}
html[data-charte=gray03] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray03] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray03] ul.choices.vertical {
  display: block;
}
html[data-charte=gray03] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray03] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray03] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray03] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray03] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray03] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray03] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray03] .form-makeup input:checked + label::before, html[data-charte=gray03] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray03] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray03] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray03] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray03] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray03] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray03] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray03] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray03] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray03] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray03] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray03] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: red;
}
html[data-charte=gray03] .check-chips input:checked + label, html[data-charte=gray03] .check-chips label.active {
  color: black;
  background-color: red;
  border-color: red;
}
html[data-charte=gray03] .check-chips input[checked] + label {
  color: black;
  background-color: red;
  border-color: red;
}
html[data-charte=gray03] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray03] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray03] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray03] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray03] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray03] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray03] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray03] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray03] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray03] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray03] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray03] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray03] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray03] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray03] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray03] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray03] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray03] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray03] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray03] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray03] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray03] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray03] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray03] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray03] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray03] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray03] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray03] div.card dt, html[data-charte=gray03] div.card dd {
  max-width: 100%;
}
html[data-charte=gray03] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray03] div.card a {
  text-decoration: none;
}
html[data-charte=gray03] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray03] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray03] div.card.unread a, html[data-charte=gray03] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
}
html[data-charte=gray03] div.card.read a, html[data-charte=gray03] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray03] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray03] span.social-icon img {
  width: 16px;
}
html[data-charte=gray03] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray03] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray03] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray03] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray03] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray03] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray03] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray03] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray03] div.h-card form p {
  margin: 0;
}
html[data-charte=gray03] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray03] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray03] div.h-card h2 a, html[data-charte=gray03] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray03] div.h-card h2 a:hover, html[data-charte=gray03] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray03] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray03] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray03] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray03] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray03] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray03] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray03] div.spinner strong {
  display: block;
}
html[data-charte=gray03] div.spinner ::before, html[data-charte=gray03] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray03] div.spinner p::before,
html[data-charte=gray03] div.spinner p::after,
html[data-charte=gray03] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray03] div.spinner.ease-in-out ::before, html[data-charte=gray03] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: red;
}
html[data-charte=gray03] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray03] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray03] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray03] div.spinner.cubic-bezier ::before, html[data-charte=gray03] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: red;
}
html[data-charte=gray03] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray03] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray03] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em red;
  }
  40% {
    box-shadow: 0 2.5em 0 0 red;
  }
}
html[data-charte=gray03] div.spinner.ease-in-out-fill ::before, html[data-charte=gray03] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray03] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray03] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray03] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray03] div.spinner.linear-dot ::before, html[data-charte=gray03] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: red;
}
html[data-charte=gray03] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray03] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray03] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray03] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray03] div.spinner.linear-circle ::before, html[data-charte=gray03] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray03] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray03] div.spinner.linear-circle p::before,
html[data-charte=gray03] div.spinner.linear-circle strong::before,
html[data-charte=gray03] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray03] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray03] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray03] div.spinner.progress-bar ::before, html[data-charte=gray03] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray03] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray03] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray03] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray03] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray03] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray03] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray03] .box-animation .box {
  background: red;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray03] .box1, html[data-charte=gray03] .box4, html[data-charte=gray03] .box8, html[data-charte=gray03] .box11, html[data-charte=gray03] .box13, html[data-charte=gray03] .box16, html[data-charte=gray03] .box20 {
  animation-name: quiet;
}
html[data-charte=gray03] .box2, html[data-charte=gray03] .box6, html[data-charte=gray03] .box10, html[data-charte=gray03] .box14, html[data-charte=gray03] .box17, html[data-charte=gray03] .box19 {
  animation-name: normal;
}
html[data-charte=gray03] .box3, html[data-charte=gray03] .box5, html[data-charte=gray03] .box7, html[data-charte=gray03] .box9, html[data-charte=gray03] .box12, html[data-charte=gray03] .box15, html[data-charte=gray03] .box18 {
  animation-name: loud;
}
html[data-charte=gray03] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray03] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray03] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray03] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray03] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray03] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray03] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray03] .show-icons a:hover + .tooltip, html[data-charte=gray03] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray03] .alternative-alt:hover, html[data-charte=gray03] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray03] .alternative-alt:hover::before, html[data-charte=gray03] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray03] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray03] .ember-basic-dropdown, html[data-charte=gray03] .ember-basic-dropdown-content, html[data-charte=gray03] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray03] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray03] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray03] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray03] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray03] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray03] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray03] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray03] .ember-power-select-options li:hover, html[data-charte=gray03] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray03] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray03] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray03] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray03] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray03] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray03] .ember-power-select-trigger:focus,
html[data-charte=gray03] .ember-power-select-trigger--active {
  border-top: 2px solid red;
  box-shadow: none;
}
html[data-charte=gray03] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray03] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray03] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray03] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray03] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray03] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray03] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray03] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray03] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray03] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray03] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray03] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray03] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray03] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray03] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray03] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray03] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray03] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray03] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray03] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray03] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray03] div.controled div.content {
  display: none;
}
html[data-charte=gray03] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray03] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray03] .underlay {
  opacity: 0;
}
html[data-charte=gray03] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray03] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] #main-nav h2::before {
  content: none;
}
html[data-charte=gray03] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray03] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray03] button.nav-control:focus {
  outline-color: red;
}
html[data-charte=gray03] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray03] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray03] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray03] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray03] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray03] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray03] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray03] #main-nav li a, html[data-charte=gray03] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray03] #main-nav li a:focus, html[data-charte=gray03] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray03] #main-nav li a::after, html[data-charte=gray03] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray03] #main-nav li a.active::after,
html[data-charte=gray03] #main-nav li a:hover::after,
html[data-charte=gray03] #main-nav li a:focus::after {
  background-color: red;
}
html[data-charte=gray03] #main-nav li button:hover::after,
html[data-charte=gray03] #main-nav li button:focus::after {
  background-color: red;
}
html[data-charte=gray03] #main-nav li.active > button:first-child::after {
  background-color: red;
}
html[data-charte=gray03] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray03] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray03] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray03] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray03] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray03] #main-nav li a.bt-create, html[data-charte=gray03] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: red;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray03] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray03] #main-nav li a.bt-create:hover, html[data-charte=gray03] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray03] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray03] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray03] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray03] #main-nav button.has-level2, html[data-charte=gray03] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray03] #main-nav button.has-level2::after, html[data-charte=gray03] #main-nav a.has-level2::after,
html[data-charte=gray03] #main-nav button.has-level2:hover::after, html[data-charte=gray03] #main-nav a.has-level2:hover::after,
html[data-charte=gray03] #main-nav button.has-level2:focus::after, html[data-charte=gray03] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray03] #main-nav button.collapse::after,
html[data-charte=gray03] #main-nav button.collapse:hover::after,
html[data-charte=gray03] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray03] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray03] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray03] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: red;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray03] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray03] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray03] div.modal[aria-hidden=false], html[data-charte=gray03] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray03] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray03] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray03] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray03] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray03] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray03] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray03] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray03] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray03] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray03] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray03] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray03] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray03] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray03] div.dropdown button.dd-trigger:hover, html[data-charte=gray03] div.dropdown button.dd-trigger:focus {
  border-color: red;
}
html[data-charte=gray03] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray03] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray03] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray03] div.dropdown ul button,
html[data-charte=gray03] div.dropdown ul a,
html[data-charte=gray03] div.dropdown ul [class*=icon-],
html[data-charte=gray03] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray03] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray03] div.dropdown ul button:hover, html[data-charte=gray03] div.dropdown ul a:hover,
html[data-charte=gray03] div.dropdown ul button:focus, html[data-charte=gray03] div.dropdown ul a:focus,
html[data-charte=gray03] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray03] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray03] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray03] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray03] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray03] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray03] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray03] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray03] nav.pagination li:not(.page) + li.page, html[data-charte=gray03] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray03] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray03] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray03] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray03] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray03] nav.pagination a, html[data-charte=gray03] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray03] nav.pagination a.firstPage, html[data-charte=gray03] nav.pagination a.previousPage, html[data-charte=gray03] nav.pagination a.nextPage, html[data-charte=gray03] nav.pagination a.lastPage, html[data-charte=gray03] nav.pagination li button.firstPage, html[data-charte=gray03] nav.pagination li button.previousPage, html[data-charte=gray03] nav.pagination li button.nextPage, html[data-charte=gray03] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray03] nav.pagination a.firstPage, html[data-charte=gray03] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray03] nav.pagination a.previousPage, html[data-charte=gray03] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray03] nav.pagination a.nextPage, html[data-charte=gray03] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray03] nav.pagination a.lastPage, html[data-charte=gray03] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray03] nav.pagination a:hover, html[data-charte=gray03] nav.pagination a:focus, html[data-charte=gray03] nav.pagination li.active a,
html[data-charte=gray03] nav.pagination li button:hover, html[data-charte=gray03] nav.pagination li button:focus, html[data-charte=gray03] nav.pagination li.active button {
  border-bottom-color: red;
}
html[data-charte=gray03] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray03] nav.pagination li.shortcut a, html[data-charte=gray03] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray03] select.selector, html[data-charte=gray03] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray03] .has-error input, html[data-charte=gray03] .has-error select, html[data-charte=gray03] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray03] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray03] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray03] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray03] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray03] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray03] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray03] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray03] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray03] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray03] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray03] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray03] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray03] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray03] div.editor {
  position: relative;
}
html[data-charte=gray03] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray03] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray03] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray03] div.editor-wrapper a, html[data-charte=gray03] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray03] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray03] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray03] strong, html[data-charte=gray03] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray03] em, html[data-charte=gray03] i {
  font-style: italic;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block p, html[data-charte=gray03] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray03] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray03] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block:focus, html[data-charte=gray03] div.editor-wrapper div.editable-block:hover {
  border-color: red;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray03] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray03] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray03] select.models, html[data-charte=gray03] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray03] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray03] .contentEditableValue {
  display: none;
}
html[data-charte=gray03] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray03] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray03] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray03] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray03] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray03] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray03] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray03] #color-poly {
  display: none;
}
html[data-charte=gray03] #color-poly.active {
  display: block;
}
html[data-charte=gray03] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray03] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray03] button.color:hover, html[data-charte=gray03] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray03] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray03] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray03] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray03] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray03] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray03] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray03] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray03] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray03] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray03] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray03] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray03] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray03] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray03] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray03] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray03] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray03] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray03] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray03] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray03] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray03] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray03] div.format-options.active {
  display: block;
}
html[data-charte=gray03] div.format-options p {
  margin: 0;
}
html[data-charte=gray03] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray03] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray03] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray03] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray03] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray03] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray03] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray03] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray03] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray03] mark {
  cursor: help;
}
html[data-charte=gray03] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray03] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray03] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray03] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray03] b ul.sc-options li, html[data-charte=gray03] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray03] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray03] em ul.sc-options li, html[data-charte=gray03] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray03] ul.sc-options li:hover, html[data-charte=gray03] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray03] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray03] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray03] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray03] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray03] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray03] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray03] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray03] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray03] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray03] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray03] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray03] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray03] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray03] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray03] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray03] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray03] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray03] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray03] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray03] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray03] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray03] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] select, html[data-charte=gray03] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray03] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray03] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray03] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray03] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray03] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray03] section.participants div.h-card .u-photo, html[data-charte=gray03] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray03] main.conversation section.participants ul.actions-list,
html[data-charte=gray03] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray03] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray03] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray03] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray03] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray03] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray03] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.actions-bar p, html[data-charte=gray03] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray03] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray03] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray03] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray03] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray03] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: red;
}
html[data-charte=gray03] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: red;
  border-color: red;
}
html[data-charte=gray03] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray03] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray03] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray03] .collapsible h3, html[data-charte=gray03] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray03] .collapsible > .content {
  display: none;
}
html[data-charte=gray03] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray03] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray03] .collapsible button.control[aria-expanded=true] {
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray03] .collapsible.top-level button.control {
  color: black;
  background-color: red;
}
html[data-charte=gray03] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray03] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray03] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray03] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray03] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray03] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray03] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray03] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray03] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid red;
}
html[data-charte=gray03] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray03] ul.tabs li a, html[data-charte=gray03] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray03] ul.tabs li a:hover, html[data-charte=gray03] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray03] ul.tabs li.active a, html[data-charte=gray03] ul.tabs li.active a:visited {
  color: black;
  background-color: red;
}
html[data-charte=gray03] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray03] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray03] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray03] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: red;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray03] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray03] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray03] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray03] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray03] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray03] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray03] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray03] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray03] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray03] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray03] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray03] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray03] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray03] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray03] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray03] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: red;
}
html[data-charte=gray03] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray03] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray03] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray03] details.simple summary::after {
  content: " +";
}
html[data-charte=gray03] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray03] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray03] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray03] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray03] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray03] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray03] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray03] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray03] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray03] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray03] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray03] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray03] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray03] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray03] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray03] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray03] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray03] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid red;
}
html[data-charte=gray03] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray03] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray03] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray03] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray03] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray03] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray03] .form-makeup input:checked + label::before, html[data-charte=gray03] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray03] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray03] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray03] button[disabled], html[data-charte=gray03] .form-reset[disabled], html[data-charte=gray03] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray03] button[disabled]:hover, html[data-charte=gray03] .form-reset[disabled]:hover, html[data-charte=gray03] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray03] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray03] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray03] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray03] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray03] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray03] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray03] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray03] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray03] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray03] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray03] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray03] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray03] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray03] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray03] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray03] div.datepickerDialog th, html[data-charte=gray03] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray03] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray03] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray03] div.datepickerDialog td button:hover, html[data-charte=gray03] div.datepickerDialog td button:focus {
  color: black;
  background-color: red;
}
html[data-charte=gray03] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray03] div.datepickerDialog p.buttons-bar, html[data-charte=gray03] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray03] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray03] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray03] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray03] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray03] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray03] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray03] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray03] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray03] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray03] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray03] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray03] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray03] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray03] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray03] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray03] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray03] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray03] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray03] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray03] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray03] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray03] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray03] .icon-zoom {
  position: inherit;
}
html[data-charte=gray03] figure.img-container img {
  width: 100%;
}
html[data-charte=gray03] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray03] div.editor-wrapper .audio, html[data-charte=gray03] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray03] div.editor-wrapper .audio, html[data-charte=gray03] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray03] div.editor-wrapper .audio, html[data-charte=gray03] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray03] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray03] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray03] .audio-preview {
  justify-content: center;
}
html[data-charte=gray03] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray03] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray03] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray03] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray03] .audio-message, html[data-charte=gray03] .audio-record, html[data-charte=gray03] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray03] .audio-message audio, html[data-charte=gray03] .audio-record audio, html[data-charte=gray03] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray03] .audio-message .icon-download.voice-message, html[data-charte=gray03] .audio-record .icon-download.voice-message, html[data-charte=gray03] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray03] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray03] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray03] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray03] .audio {
  min-width: 20rem;
}
html[data-charte=gray03] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray03] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray03] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray03] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray03] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray03] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray03] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray03] #volume-control, html[data-charte=gray03] #speed-control {
  display: none;
}
html[data-charte=gray03] #volume-control > input, html[data-charte=gray03] #speed-control > input {
  width: 65px;
}
html[data-charte=gray03] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray03] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray03] #volume-control[aria-hidden=false], html[data-charte=gray03] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray03] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray03] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray03] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray03] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray03] input[type=range] {
  -webkit-appearance: none;
  background-color: red;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray03] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray03] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray03] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray03] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid red;
}
html[data-charte=gray03] ul.add-list li {
  padding: 0;
}
html[data-charte=gray03] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray03] .icon-share, html[data-charte=gray03] .icon-edit, html[data-charte=gray03] .icon-info,
html[data-charte=gray03] .icon-upload, html[data-charte=gray03] .icon-close, html[data-charte=gray03] .icon-info-close,
html[data-charte=gray03] .icon-notify, html[data-charte=gray03] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray03] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray03] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray03] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray03] .icon-info, html[data-charte=gray03] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray03] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray03] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray03] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray03] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray03] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray03] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray03] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray03] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray03] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray03] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray03] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray03] div.project-card::before, html[data-charte=gray03] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray03] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray03] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray03] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray03] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray03] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray03] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray03] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray03] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray03] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray03] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray03] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray03] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray03] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray03] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray03] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray03] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray03] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray03] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray03] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray03] dl.project-info dt, html[data-charte=gray03] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray03] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray03] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray03] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray03] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray03] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray03] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray03] p.assignment strong {
  display: block;
}
html[data-charte=gray03] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid red;
}
html[data-charte=gray03] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray03] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray03] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray03] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray03] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: red;
}
html[data-charte=gray03] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: red;
}
html[data-charte=gray03] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray03] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray03] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray03] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray03] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray03] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray03] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray03] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray03] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray03] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray03] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray03] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray03] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray03] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray03] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray03] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray03] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray03] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray03] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray03] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray03] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray03] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray03] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray03] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray03] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray03] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray03] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray03] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray03] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray03] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray03] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray03] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray03] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray03] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray03] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray03] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray03] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray03] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray03] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray03] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray03] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray03] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray03] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray03] div.project-card h4 a, html[data-charte=gray03] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray03] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray03] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray03] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray03] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray03] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray03] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray03] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray03] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray03] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray03] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray03] p.nature {
    flex: 1;
  }
  html[data-charte=gray03] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray03] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray03] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray03] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray03] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray03] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray03] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray03] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray03] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray03] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray03] ul.treeview button.element-button:hover, html[data-charte=gray03] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray03] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray03] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray03] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray03] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray03] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray03] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray03] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray03] ul.treeview button.deploy, html[data-charte=gray03] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray03] ul.treeview button.deploy, html[data-charte=gray03] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray03] ul.treeview button:focus, html[data-charte=gray03] ul.treeview button:hover, html[data-charte=gray03] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray03] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray03] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray03] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray03] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray03] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray03] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray03] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray03] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray03] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray03] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray03] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray03] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray03] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray03] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray03] .treeview-search-combo button.element.highlight, html[data-charte=gray03] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray03] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray03] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray03] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray03] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray03] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray03] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray03] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray03] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray03] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray03] #absences-calendar ul.actions-list, html[data-charte=gray03] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray03] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray03] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray03] #absences-calendar .icon-next, html[data-charte=gray03] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray03] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray03] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray03] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray03] table.plan-grid th, html[data-charte=gray03] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray03] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray03] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray03] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray03] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray03] table.plan-grid tr td:first-of-type, html[data-charte=gray03] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray03] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray03] table.plan-grid div p {
  display: none;
}
html[data-charte=gray03] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray03] table.plan-grid div:hover p, html[data-charte=gray03] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray03] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray03] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray03] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray03] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray03] #absences-calendar ul.actions-list, html[data-charte=gray03] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray03] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray03] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray03] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray03] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray03] table.plan-grid td, html[data-charte=gray03] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray03] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray03] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray03] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray03] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray03] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray03] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray03] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray03] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray03] table.plan-grid div:hover p, html[data-charte=gray03] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray03] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray03] table.plan-grid div:hover p, html[data-charte=gray03] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray03] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray03] div.editor-wrapper a, html[data-charte=gray03] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray03] div.editor-wrapper a:visited, html[data-charte=gray03] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray03] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray03] div.editor-wrapper li, html[data-charte=gray03] div.editor-wrapper th:not(.external-th), html[data-charte=gray03] div.editor-wrapper td:not(.external-td), html[data-charte=gray03] div.editor p:not(.feedback-message), html[data-charte=gray03] div.editor li, html[data-charte=gray03] div.editor th:not(.external-th), html[data-charte=gray03] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray03] div.editor-wrapper p, html[data-charte=gray03] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray03] div.editor-wrapper th, html[data-charte=gray03] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray03] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray03] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray03] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray03] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray03] div.editor-wrapper th[scope=row], html[data-charte=gray03] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray03] div.editor-wrapper strong, html[data-charte=gray03] div.editor-wrapper b, html[data-charte=gray03] div.editor-wrapper th:not(.external-th), html[data-charte=gray03] div.editor strong, html[data-charte=gray03] div.editor b, html[data-charte=gray03] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray03] div.editor-wrapper table:not(.external-table), html[data-charte=gray03] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block ul, html[data-charte=gray03] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray03] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray03] #side-bar-profile {
  position: relative;
}
html[data-charte=gray03] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray03] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray03] header#side-panel {
  color: black;
}
html[data-charte=gray03] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray03] .tooltip {
  z-index: 2000;
}
html[data-charte=gray03] div.tooltip .tooltip-inner, html[data-charte=gray03] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray03] figure {
  text-align: center;
}
html[data-charte=gray03] figure img {
  margin: 0 auto;
}
html[data-charte=gray03] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray03] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray03] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray03] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray03] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray03] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray03] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray03] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray03] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray03] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray03] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray03] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray03] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray03] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray03] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray03] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray03] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray03] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray03] section.login h1::after {
  content: none;
}
html[data-charte=gray03] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray03] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray03] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray03] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray03] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray03] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray03] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray03] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray03] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray03] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray03] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray03] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray03] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray03] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray03] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray03] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray03] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray03] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray03] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray03] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray03] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray03] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray03] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray03] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray03] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray03] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray03] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray03] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray03] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray03] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray03] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray03] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray03] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray03] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray03] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray03] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray03] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray03] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray03] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray03] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray03] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray03] p, html[data-charte=gray03] li, html[data-charte=gray03] dt, html[data-charte=gray03] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray03] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray03] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray03] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray03] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray03] ul.optional-status li, html[data-charte=gray03] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray03] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray03] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray03] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray03] div.card > div, html[data-charte=gray03] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray03] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray03] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray03] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray03] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray03] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray03] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray03] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray03] div.card dt, html[data-charte=gray03] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray03] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray03] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray03] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray03] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray03] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray03] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray03] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray03] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray03] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray03] div.bubble .u-photo, html[data-charte=gray03] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray03] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray03] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray03] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray03] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray03] div.request {
    position: relative;
  }
  html[data-charte=gray03] div.request dt, html[data-charte=gray03] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray03] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray03] div.request a:hover::after, html[data-charte=gray03] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray03] h3 {
    font-size: 2em;
  }
  html[data-charte=gray03] .collapsible h2, html[data-charte=gray03] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray03] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray03] #container {
    display: flex;
  }
  html[data-charte=gray03] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray03] #wrapper footer {
    display: none;
  }
  html[data-charte=gray03] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray03] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray03] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray03] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray03] div.grid-2thirds, html[data-charte=gray03] div.grid-3cols, html[data-charte=gray03] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray03] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray03] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray03] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray03] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray03] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray03] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray03] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray03] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray03] table.transform th {
    display: none;
  }
  html[data-charte=gray03] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray03] table.transform tr, html[data-charte=gray03] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray03] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid red;
  }
  html[data-charte=gray03] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray03] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray03] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray03] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray03] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray03] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray03] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray03] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray03] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray03] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray03] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: red;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray03] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray03] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray03] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray03] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray03] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray03] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray03] div.actions-bar p, html[data-charte=gray03] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray03] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray03] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray03] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray03] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray03] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray03] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray03] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray03] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray03] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray03] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray03] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray03] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray03] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray03] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray03] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray03] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray03] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray03] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray03] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray03] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray03] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray03] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray03] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray03] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray03] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray03] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray03] section.participants div.h-card .u-photo, html[data-charte=gray03] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray03] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray03] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray03] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray03] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray03] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray03] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray03] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray03] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray03] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray03] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray03] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray03] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray03] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray03] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray03] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray03] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray03] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray03] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray03] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray03] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray03] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray03] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray03] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray03] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray03] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray03] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray03] div.bubble .content p:not(.feedback-message), html[data-charte=gray03] div.bubble .content li, html[data-charte=gray03] div.bubble .content th:not(.external-th), html[data-charte=gray03] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray03] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray03] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray03] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray03] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray03] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray03] div.bubble .content strong, html[data-charte=gray03] div.bubble .content b, html[data-charte=gray03] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray03] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray03] div.bubble .content li, html[data-charte=gray03] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray03] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray03] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray03] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray03] .f-upload-editor {
  display: none;
}
html[data-charte=gray03] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray03] .f-size, html[data-charte=gray03] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray03] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray03] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray03] .ember-transitioning-in {
  color: red;
}
html[data-charte=gray03] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray03] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: red;
}
html[data-charte=gray03] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: red;
}
html[data-charte=gray03] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray03] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: red;
}
html[data-charte=gray03] button.form-submit:not(.optional) {
  color: #111;
  background-color: red;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: red;
}
html[data-charte=gray03] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray03] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: red;
}
html[data-charte=gray03] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: red;
}
html[data-charte=gray03] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: red !important;
}
html[data-charte=gray03] div.dropdown ul {
  border-color: red;
  background-color: #EEE;
}
html[data-charte=gray03] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray03] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray03] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray03] [class*=icon-],
html[data-charte=gray03] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray03] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray03] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray03] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray03] .icon-info-simple,
html[data-charte=gray03] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray03] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray03] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray03] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray03] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray03] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray03] .ember-transitioning-in {
  color: red !important;
}
html[data-charte=gray03] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray03] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray03] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray03] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray03] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray03] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray03] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray03] select {
  border-color: red;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray03] input[type=search],
html[data-charte=gray03] select {
  border-color: red;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray03] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray03] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray03] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray03] legend {
  color: #222;
}
html[data-charte=gray03] label {
  color: #222;
}
html[data-charte=gray03] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray03] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray03] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray03] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray03] #ccSelector {
  display: none;
}
html[data-charte=gray03] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray03] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray03] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray03] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray03] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray03] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray03] label[for=subject] {
  display: none !important;
}
html[data-charte=gray03] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray03] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray03] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray03] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray03] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray03] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray03] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray03] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray03] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray03] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray03] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray03] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray03] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray03] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray03] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray03] ul.message-attachments {
  color: #222;
}
html[data-charte=gray03] .tree,
html[data-charte=gray03] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray03] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray03] .tree li:last-child {
  border: 0;
}
html[data-charte=gray03] .section ul {
  display: none;
}
html[data-charte=gray03] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray03] .section input[type=radio] {
  display: none;
}
html[data-charte=gray03] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray03] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray03] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray03] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray03] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray03] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray03] .section input:checked + label.labelThemeItem {
  color: red;
  border: 1px solid black;
}
html[data-charte=gray03] .feedback-message {
  color: #222;
}
html[data-charte=gray03] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray03] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray03] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray03] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray03] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray03] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray03] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray03] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray03] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray03] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray03] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray03] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray03] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray03] div.controled {
  background: transparent;
}
html[data-charte=gray03] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray03] .message-body th:not(.external-th), html[data-charte=gray03] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray03] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray04] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray04] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray04] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray04] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray04] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray04] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray04] div.user-data a, html[data-charte=gray04] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray04] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray04] div.user-data button:focus, html[data-charte=gray04] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray04] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray04] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray04] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray04] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray04] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray04] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray04] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray04] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray04] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray04] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray04] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray04] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray04] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray04] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray04] span.status {
  display: inline-block;
}
html[data-charte=gray04] div.h-card h2 a, html[data-charte=gray04] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray04] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray04] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray04] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray04] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray04] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray04] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray04] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray04] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray04] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray04] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray04] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray04] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray04] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray04] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray04] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray04] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray04] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray04] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray04] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray04] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray04] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray04] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray04] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray04] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray04] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray04] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray04] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray04] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray04] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray04] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray04] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray04] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray04] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray04] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray04] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray04] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray04] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray04] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray04] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray04] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray04] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray04] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray04] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray04] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray04] div.bubble h3 time {
  display: block;
}
html[data-charte=gray04] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray04] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray04] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray04] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray04] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray04] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray04] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray04] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray04] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray04] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray04] div.bubble details div {
  display: flex;
}
html[data-charte=gray04] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray04] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray04] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray04] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray04] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray04] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray04] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray04] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray04] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray04] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray04] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray04] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray04] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray04] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray04] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray04] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray04] div.bubble.message-comment .u-photo, html[data-charte=gray04] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray04] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray04] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray04] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray04] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray04] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray04] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray04] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray04] .message-body blockquote {
  color: black;
}
html[data-charte=gray04] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray04] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray04] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray04] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray04] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray04] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray04] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray04] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray04] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray04] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray04] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray04] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray04] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray04] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray04] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray04] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray04] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray04] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray04] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray04] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray04] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray04] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray04] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray04] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray04] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray04] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray04] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray04] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray04] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray04] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray04] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray04] div.request dl div {
  display: flex;
}
html[data-charte=gray04] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray04] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray04] div.editor, html[data-charte=gray04] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray04] form.create-new {
  border: none;
}
html[data-charte=gray04] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray04] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray04] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray04] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] p.template-selector {
  width: 100%;
}
html[data-charte=gray04] p.template-selector input {
  width: 100%;
}
html[data-charte=gray04] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray04] div.mce-toolbar-grp button:hover, html[data-charte=gray04] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] select, html[data-charte=gray04] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray04] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray04] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray04] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray04] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray04] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray04] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray04] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray04] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray04] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray04] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray04] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray04] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray04] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray04] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray04] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray04] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray04] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray04] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray04] #main-nav li a.label-color::before,
html[data-charte=gray04] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray04] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray04] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray04] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray04] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray04] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray04] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray04] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray04] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray04] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray04] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray04] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray04] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray04] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray04] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray04] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray04] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray04] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray04] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray04] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray04] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray04] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray04] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray04] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray04] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray04] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray04] div.actions-bar button.icon-check:hover, html[data-charte=gray04] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray04] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray04] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray04] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray04] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray04] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray04] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray04] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray04] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray04] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray04] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray04] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray04] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] div.project-card.details header {
  position: relative;
}
html[data-charte=gray04] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray04] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray04] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray04] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray04] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray04] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray04] html, html[data-charte=gray04] body, html[data-charte=gray04] div, html[data-charte=gray04] span, html[data-charte=gray04] object, html[data-charte=gray04] iframe,
html[data-charte=gray04] h1, html[data-charte=gray04] h2, html[data-charte=gray04] h3, html[data-charte=gray04] h4, html[data-charte=gray04] h5, html[data-charte=gray04] h6, html[data-charte=gray04] p, html[data-charte=gray04] blockquote, html[data-charte=gray04] pre,
html[data-charte=gray04] a, html[data-charte=gray04] abbr, html[data-charte=gray04] address, html[data-charte=gray04] big, html[data-charte=gray04] cite, html[data-charte=gray04] code,
html[data-charte=gray04] del, html[data-charte=gray04] dfn, html[data-charte=gray04] em, html[data-charte=gray04] form, html[data-charte=gray04] img, html[data-charte=gray04] ins, html[data-charte=gray04] kbd, html[data-charte=gray04] q, html[data-charte=gray04] s, html[data-charte=gray04] samp,
html[data-charte=gray04] small, html[data-charte=gray04] strike, html[data-charte=gray04] strong, html[data-charte=gray04] sub, html[data-charte=gray04] sup, html[data-charte=gray04] tt, html[data-charte=gray04] var,
html[data-charte=gray04] b, html[data-charte=gray04] u, html[data-charte=gray04] i, html[data-charte=gray04] dl, html[data-charte=gray04] dt, html[data-charte=gray04] dd, html[data-charte=gray04] ol, html[data-charte=gray04] ul, html[data-charte=gray04] li,
html[data-charte=gray04] fieldset, html[data-charte=gray04] form, html[data-charte=gray04] label, html[data-charte=gray04] legend,
html[data-charte=gray04] table:not(.external-table),
html[data-charte=gray04] caption:not(.external-caption), html[data-charte=gray04] tbody, html[data-charte=gray04] tfoot, html[data-charte=gray04] thead,
html[data-charte=gray04] tr:not(.external-tr),
html[data-charte=gray04] th:not(.external-th),
html[data-charte=gray04] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray04] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray04] header, html[data-charte=gray04] footer, html[data-charte=gray04] main, html[data-charte=gray04] nav, html[data-charte=gray04] aside, html[data-charte=gray04] article, html[data-charte=gray04] section, html[data-charte=gray04] figure, html[data-charte=gray04] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray04] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray04] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray04] h2, html[data-charte=gray04] h3, html[data-charte=gray04] h4, html[data-charte=gray04] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray04] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray04] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray04] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray04] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] p, html[data-charte=gray04] li, html[data-charte=gray04] dt, html[data-charte=gray04] dd, html[data-charte=gray04] h5, html[data-charte=gray04] th, html[data-charte=gray04] td {
  font-size: 0.95em;
}
html[data-charte=gray04] li li, html[data-charte=gray04] li p, html[data-charte=gray04] li dt, html[data-charte=gray04] li dd {
  font-size: 100%;
}
html[data-charte=gray04] a {
  color: black;
}
html[data-charte=gray04] a:visited {
  opacity: 0.8;
}
html[data-charte=gray04] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray04] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray04] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray04] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray04] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray04] blockquote::before, html[data-charte=gray04] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray04] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray04] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray04] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray04] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray04] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray04] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray04] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray04] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray04] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray04] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray04] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray04] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray04] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray04] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray04] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray04] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray04] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray04] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray04] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray04] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray04] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray04] button:hover {
  background-color: #EEE;
}
html[data-charte=gray04] button[disabled], html[data-charte=gray04] .form-reset[disabled], html[data-charte=gray04] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray04] button[disabled]:hover, html[data-charte=gray04] .form-reset[disabled]:hover, html[data-charte=gray04] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray04] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray04] button.secondary {
  background-color: #222;
}
html[data-charte=gray04] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray04] button.discret:hover, html[data-charte=gray04] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray04] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray04] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] a[class*=bt-], html[data-charte=gray04] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray04] [class*=bt-]:hover, html[data-charte=gray04] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray04] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray04] .bt-create:hover, html[data-charte=gray04] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray04] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray04] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray04] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray04] a.bt-link, html[data-charte=gray04] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray04] [class*=icon-], html[data-charte=gray04] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray04] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray04] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray04] [class*=icon-]:hover, html[data-charte=gray04] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray04] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray04] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray04] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray04] .icon-assign, html[data-charte=gray04] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray04] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray04] .icon-pin, html[data-charte=gray04] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray04] .icon-pinned, html[data-charte=gray04] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray04] .icon-pinned:hover, html[data-charte=gray04] .follow-true:hover, html[data-charte=gray04] .icon-pinned:focus, html[data-charte=gray04] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray04] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray04] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray04] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray04] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray04] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray04] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray04] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray04] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray04] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray04] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray04] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray04] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray04] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray04] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray04] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray04] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray04] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray04] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray04] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray04] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray04] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray04] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray04] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray04] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray04] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray04] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray04] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray04] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray04] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray04] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray04] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray04] .icon-mark-as-unread, html[data-charte=gray04] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray04] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray04] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray04] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray04] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray04] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray04] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray04] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray04] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray04] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray04] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray04] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray04] button.icon-check:focus, html[data-charte=gray04] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray04] .icon-info-simple, html[data-charte=gray04] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray04] button.play, html[data-charte=gray04] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray04] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray04] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray04] button.icon-info-simple:hover, html[data-charte=gray04] button.icon-info-simple:focus,
html[data-charte=gray04] button.icon-back:hover, html[data-charte=gray04] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray04] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray04] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray04] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray04] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray04] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray04] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray04] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray04] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray04] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray04] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray04] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray04] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray04] th:not(.external-th), html[data-charte=gray04] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray04] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray04] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray04] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray04] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] th[scope=row] {
  text-align: left;
}
html[data-charte=gray04] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray04] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray04] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray04] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray04] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray04] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray04] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray04] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray04] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray04] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray04] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray04] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray04] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray04] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray04] input[type=text], html[data-charte=gray04] input[type=password], html[data-charte=gray04] input[type=date], html[data-charte=gray04] input[type=url], html[data-charte=gray04] input[type=tel],
html[data-charte=gray04] input[type=time], html[data-charte=gray04] input[type=email], html[data-charte=gray04] input[type=number], html[data-charte=gray04] input[type=search], html[data-charte=gray04] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray04] input[type=number], html[data-charte=gray04] input[type=date], html[data-charte=gray04] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray04] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray04] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray04] input[type=text]:focus, html[data-charte=gray04] input[type=password]:focus, html[data-charte=gray04] input[type=url]:focus,
html[data-charte=gray04] input[type=date]:focus, html[data-charte=gray04] input[type=search]:focus, html[data-charte=gray04] select:focus {
  border-color: #555;
}
html[data-charte=gray04] input[type=url], html[data-charte=gray04] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray04] input[type=number] {
  width: 6em;
}
html[data-charte=gray04] .has-error input {
  border-color: #f00;
}
html[data-charte=gray04] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray04] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray04] select::-ms-expand {
  display: none;
}
html[data-charte=gray04] [type=submit], html[data-charte=gray04] [type=reset], html[data-charte=gray04] button.form-submit, html[data-charte=gray04] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray04] [type=reset], html[data-charte=gray04] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray04] [type=submit]:hover, html[data-charte=gray04] [type=submit]:focus,
html[data-charte=gray04] [type=submit].optional:hover, html[data-charte=gray04] [type=submit].optional:focus,
html[data-charte=gray04] [type=reset]:hover, html[data-charte=gray04] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray04] button.form-submit:hover, html[data-charte=gray04] button.form-submit:focus,
html[data-charte=gray04] button.form-submit.optional:hover, html[data-charte=gray04] button.form-submit.optional:focus,
html[data-charte=gray04] button.form-reset:hover, html[data-charte=gray04] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray04] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray04] [type=submit] + [type=reset], html[data-charte=gray04] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray04] [type=submit].optional, html[data-charte=gray04] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray04] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray04] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray04] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray04] ::-webkit-input-placeholder, html[data-charte=gray04] ::-moz-placeholder, html[data-charte=gray04] :-moz-placeholder, html[data-charte=gray04] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray04] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray04] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray04] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray04] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray04] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray04] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray04] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray04] .highlight label, html[data-charte=gray04] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray04] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray04] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray04] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray04] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray04] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray04] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray04] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray04] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray04] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray04] ul.choices {
  display: flex;
}
html[data-charte=gray04] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray04] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray04] ul.choices.vertical {
  display: block;
}
html[data-charte=gray04] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray04] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray04] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray04] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray04] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray04] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray04] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray04] .form-makeup input:checked + label::before, html[data-charte=gray04] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray04] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray04] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray04] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray04] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray04] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray04] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray04] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray04] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray04] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray04] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray04] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray04] .check-chips input:checked + label, html[data-charte=gray04] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray04] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray04] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray04] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray04] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray04] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray04] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray04] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray04] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray04] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray04] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray04] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray04] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray04] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray04] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray04] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray04] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray04] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray04] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray04] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray04] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray04] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray04] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray04] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray04] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray04] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray04] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray04] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray04] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray04] div.card dt, html[data-charte=gray04] div.card dd {
  max-width: 100%;
}
html[data-charte=gray04] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray04] div.card a {
  text-decoration: none;
}
html[data-charte=gray04] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray04] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray04] div.card.unread a, html[data-charte=gray04] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray04] div.card.read a, html[data-charte=gray04] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray04] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray04] span.social-icon img {
  width: 16px;
}
html[data-charte=gray04] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray04] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray04] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray04] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray04] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray04] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray04] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray04] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray04] div.h-card form p {
  margin: 0;
}
html[data-charte=gray04] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray04] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray04] div.h-card h2 a, html[data-charte=gray04] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray04] div.h-card h2 a:hover, html[data-charte=gray04] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray04] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray04] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray04] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray04] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray04] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray04] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray04] div.spinner strong {
  display: block;
}
html[data-charte=gray04] div.spinner ::before, html[data-charte=gray04] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray04] div.spinner p::before,
html[data-charte=gray04] div.spinner p::after,
html[data-charte=gray04] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray04] div.spinner.ease-in-out ::before, html[data-charte=gray04] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray04] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray04] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray04] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray04] div.spinner.cubic-bezier ::before, html[data-charte=gray04] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray04] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray04] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray04] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray04] div.spinner.ease-in-out-fill ::before, html[data-charte=gray04] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray04] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray04] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray04] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray04] div.spinner.linear-dot ::before, html[data-charte=gray04] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray04] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray04] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray04] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray04] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray04] div.spinner.linear-circle ::before, html[data-charte=gray04] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray04] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray04] div.spinner.linear-circle p::before,
html[data-charte=gray04] div.spinner.linear-circle strong::before,
html[data-charte=gray04] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray04] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray04] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray04] div.spinner.progress-bar ::before, html[data-charte=gray04] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray04] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray04] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray04] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray04] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray04] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray04] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray04] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray04] .box1, html[data-charte=gray04] .box4, html[data-charte=gray04] .box8, html[data-charte=gray04] .box11, html[data-charte=gray04] .box13, html[data-charte=gray04] .box16, html[data-charte=gray04] .box20 {
  animation-name: quiet;
}
html[data-charte=gray04] .box2, html[data-charte=gray04] .box6, html[data-charte=gray04] .box10, html[data-charte=gray04] .box14, html[data-charte=gray04] .box17, html[data-charte=gray04] .box19 {
  animation-name: normal;
}
html[data-charte=gray04] .box3, html[data-charte=gray04] .box5, html[data-charte=gray04] .box7, html[data-charte=gray04] .box9, html[data-charte=gray04] .box12, html[data-charte=gray04] .box15, html[data-charte=gray04] .box18 {
  animation-name: loud;
}
html[data-charte=gray04] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray04] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray04] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray04] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray04] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray04] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray04] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray04] .show-icons a:hover + .tooltip, html[data-charte=gray04] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray04] .alternative-alt:hover, html[data-charte=gray04] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray04] .alternative-alt:hover::before, html[data-charte=gray04] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray04] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray04] .ember-basic-dropdown, html[data-charte=gray04] .ember-basic-dropdown-content, html[data-charte=gray04] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray04] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray04] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray04] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray04] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray04] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray04] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray04] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray04] .ember-power-select-options li:hover, html[data-charte=gray04] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray04] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray04] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray04] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray04] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray04] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray04] .ember-power-select-trigger:focus,
html[data-charte=gray04] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray04] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray04] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray04] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray04] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray04] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray04] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray04] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray04] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray04] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray04] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray04] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray04] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray04] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray04] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray04] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray04] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray04] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray04] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray04] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray04] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray04] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray04] div.controled div.content {
  display: none;
}
html[data-charte=gray04] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray04] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray04] .underlay {
  opacity: 0;
}
html[data-charte=gray04] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray04] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] #main-nav h2::before {
  content: none;
}
html[data-charte=gray04] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray04] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray04] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray04] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray04] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray04] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray04] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray04] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray04] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray04] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray04] #main-nav li a, html[data-charte=gray04] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray04] #main-nav li a:focus, html[data-charte=gray04] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray04] #main-nav li a::after, html[data-charte=gray04] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray04] #main-nav li a.active::after,
html[data-charte=gray04] #main-nav li a:hover::after,
html[data-charte=gray04] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray04] #main-nav li button:hover::after,
html[data-charte=gray04] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray04] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray04] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray04] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray04] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray04] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray04] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray04] #main-nav li a.bt-create, html[data-charte=gray04] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray04] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray04] #main-nav li a.bt-create:hover, html[data-charte=gray04] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray04] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray04] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray04] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray04] #main-nav button.has-level2, html[data-charte=gray04] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray04] #main-nav button.has-level2::after, html[data-charte=gray04] #main-nav a.has-level2::after,
html[data-charte=gray04] #main-nav button.has-level2:hover::after, html[data-charte=gray04] #main-nav a.has-level2:hover::after,
html[data-charte=gray04] #main-nav button.has-level2:focus::after, html[data-charte=gray04] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray04] #main-nav button.collapse::after,
html[data-charte=gray04] #main-nav button.collapse:hover::after,
html[data-charte=gray04] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray04] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray04] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray04] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray04] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray04] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray04] div.modal[aria-hidden=false], html[data-charte=gray04] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray04] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray04] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray04] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray04] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray04] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray04] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray04] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray04] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray04] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray04] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray04] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray04] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray04] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray04] div.dropdown button.dd-trigger:hover, html[data-charte=gray04] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray04] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray04] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray04] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray04] div.dropdown ul button,
html[data-charte=gray04] div.dropdown ul a,
html[data-charte=gray04] div.dropdown ul [class*=icon-],
html[data-charte=gray04] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray04] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray04] div.dropdown ul button:hover, html[data-charte=gray04] div.dropdown ul a:hover,
html[data-charte=gray04] div.dropdown ul button:focus, html[data-charte=gray04] div.dropdown ul a:focus,
html[data-charte=gray04] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray04] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray04] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray04] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray04] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray04] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray04] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray04] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray04] nav.pagination li:not(.page) + li.page, html[data-charte=gray04] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray04] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray04] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray04] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray04] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray04] nav.pagination a, html[data-charte=gray04] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray04] nav.pagination a.firstPage, html[data-charte=gray04] nav.pagination a.previousPage, html[data-charte=gray04] nav.pagination a.nextPage, html[data-charte=gray04] nav.pagination a.lastPage, html[data-charte=gray04] nav.pagination li button.firstPage, html[data-charte=gray04] nav.pagination li button.previousPage, html[data-charte=gray04] nav.pagination li button.nextPage, html[data-charte=gray04] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray04] nav.pagination a.firstPage, html[data-charte=gray04] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray04] nav.pagination a.previousPage, html[data-charte=gray04] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray04] nav.pagination a.nextPage, html[data-charte=gray04] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray04] nav.pagination a.lastPage, html[data-charte=gray04] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray04] nav.pagination a:hover, html[data-charte=gray04] nav.pagination a:focus, html[data-charte=gray04] nav.pagination li.active a,
html[data-charte=gray04] nav.pagination li button:hover, html[data-charte=gray04] nav.pagination li button:focus, html[data-charte=gray04] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray04] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray04] nav.pagination li.shortcut a, html[data-charte=gray04] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray04] select.selector, html[data-charte=gray04] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray04] .has-error input, html[data-charte=gray04] .has-error select, html[data-charte=gray04] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray04] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray04] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray04] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray04] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray04] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray04] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray04] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray04] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray04] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray04] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray04] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray04] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray04] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray04] div.editor {
  position: relative;
}
html[data-charte=gray04] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray04] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray04] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray04] div.editor-wrapper a, html[data-charte=gray04] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray04] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray04] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray04] strong, html[data-charte=gray04] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray04] em, html[data-charte=gray04] i {
  font-style: italic;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block p, html[data-charte=gray04] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray04] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray04] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block:focus, html[data-charte=gray04] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray04] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray04] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray04] select.models, html[data-charte=gray04] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray04] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray04] .contentEditableValue {
  display: none;
}
html[data-charte=gray04] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray04] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray04] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray04] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray04] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray04] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray04] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray04] #color-poly {
  display: none;
}
html[data-charte=gray04] #color-poly.active {
  display: block;
}
html[data-charte=gray04] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray04] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray04] button.color:hover, html[data-charte=gray04] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray04] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray04] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray04] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray04] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray04] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray04] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray04] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray04] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray04] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray04] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray04] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray04] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray04] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray04] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray04] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray04] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray04] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray04] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray04] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray04] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray04] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray04] div.format-options.active {
  display: block;
}
html[data-charte=gray04] div.format-options p {
  margin: 0;
}
html[data-charte=gray04] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray04] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray04] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray04] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray04] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray04] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray04] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray04] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray04] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray04] mark {
  cursor: help;
}
html[data-charte=gray04] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray04] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray04] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray04] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray04] b ul.sc-options li, html[data-charte=gray04] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray04] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray04] em ul.sc-options li, html[data-charte=gray04] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray04] ul.sc-options li:hover, html[data-charte=gray04] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray04] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray04] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray04] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray04] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray04] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray04] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray04] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray04] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray04] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray04] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray04] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray04] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray04] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray04] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray04] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray04] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray04] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray04] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray04] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray04] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray04] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray04] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] select, html[data-charte=gray04] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray04] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray04] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray04] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray04] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray04] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray04] section.participants div.h-card .u-photo, html[data-charte=gray04] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray04] main.conversation section.participants ul.actions-list,
html[data-charte=gray04] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray04] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray04] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray04] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray04] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray04] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray04] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.actions-bar p, html[data-charte=gray04] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray04] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray04] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray04] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray04] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray04] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray04] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray04] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray04] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray04] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray04] .collapsible h3, html[data-charte=gray04] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray04] .collapsible > .content {
  display: none;
}
html[data-charte=gray04] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray04] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray04] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray04] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray04] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray04] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray04] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray04] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray04] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray04] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray04] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray04] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray04] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray04] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray04] ul.tabs li a, html[data-charte=gray04] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray04] ul.tabs li a:hover, html[data-charte=gray04] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray04] ul.tabs li.active a, html[data-charte=gray04] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray04] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray04] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray04] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray04] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray04] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray04] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray04] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray04] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray04] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray04] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray04] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray04] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray04] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray04] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray04] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray04] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray04] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray04] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray04] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray04] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray04] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray04] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray04] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray04] details.simple summary::after {
  content: " +";
}
html[data-charte=gray04] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray04] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray04] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray04] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray04] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray04] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray04] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray04] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray04] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray04] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray04] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray04] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray04] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray04] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray04] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray04] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray04] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray04] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray04] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray04] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray04] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray04] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray04] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray04] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray04] .form-makeup input:checked + label::before, html[data-charte=gray04] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray04] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray04] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray04] button[disabled], html[data-charte=gray04] .form-reset[disabled], html[data-charte=gray04] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray04] button[disabled]:hover, html[data-charte=gray04] .form-reset[disabled]:hover, html[data-charte=gray04] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray04] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray04] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray04] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray04] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray04] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray04] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray04] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray04] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray04] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray04] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray04] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray04] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray04] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray04] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray04] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray04] div.datepickerDialog th, html[data-charte=gray04] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray04] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray04] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray04] div.datepickerDialog td button:hover, html[data-charte=gray04] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray04] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray04] div.datepickerDialog p.buttons-bar, html[data-charte=gray04] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray04] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray04] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray04] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray04] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray04] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray04] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray04] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray04] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray04] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray04] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray04] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray04] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray04] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray04] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray04] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray04] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray04] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray04] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray04] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray04] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray04] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray04] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray04] .icon-zoom {
  position: inherit;
}
html[data-charte=gray04] figure.img-container img {
  width: 100%;
}
html[data-charte=gray04] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray04] div.editor-wrapper .audio, html[data-charte=gray04] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray04] div.editor-wrapper .audio, html[data-charte=gray04] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray04] div.editor-wrapper .audio, html[data-charte=gray04] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray04] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray04] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray04] .audio-preview {
  justify-content: center;
}
html[data-charte=gray04] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray04] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray04] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray04] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray04] .audio-message, html[data-charte=gray04] .audio-record, html[data-charte=gray04] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray04] .audio-message audio, html[data-charte=gray04] .audio-record audio, html[data-charte=gray04] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray04] .audio-message .icon-download.voice-message, html[data-charte=gray04] .audio-record .icon-download.voice-message, html[data-charte=gray04] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray04] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray04] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray04] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray04] .audio {
  min-width: 20rem;
}
html[data-charte=gray04] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray04] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray04] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray04] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray04] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray04] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray04] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray04] #volume-control, html[data-charte=gray04] #speed-control {
  display: none;
}
html[data-charte=gray04] #volume-control > input, html[data-charte=gray04] #speed-control > input {
  width: 65px;
}
html[data-charte=gray04] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray04] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray04] #volume-control[aria-hidden=false], html[data-charte=gray04] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray04] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray04] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray04] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray04] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray04] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray04] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray04] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray04] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray04] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray04] ul.add-list li {
  padding: 0;
}
html[data-charte=gray04] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray04] .icon-share, html[data-charte=gray04] .icon-edit, html[data-charte=gray04] .icon-info,
html[data-charte=gray04] .icon-upload, html[data-charte=gray04] .icon-close, html[data-charte=gray04] .icon-info-close,
html[data-charte=gray04] .icon-notify, html[data-charte=gray04] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray04] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray04] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray04] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray04] .icon-info, html[data-charte=gray04] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray04] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray04] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray04] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray04] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray04] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray04] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray04] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray04] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray04] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray04] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray04] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray04] div.project-card::before, html[data-charte=gray04] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray04] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray04] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray04] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray04] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray04] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray04] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray04] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray04] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray04] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray04] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray04] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray04] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray04] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray04] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray04] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray04] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray04] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray04] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray04] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray04] dl.project-info dt, html[data-charte=gray04] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray04] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray04] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray04] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray04] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray04] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray04] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray04] p.assignment strong {
  display: block;
}
html[data-charte=gray04] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray04] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray04] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray04] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray04] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray04] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray04] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray04] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray04] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray04] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray04] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray04] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray04] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray04] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray04] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray04] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray04] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray04] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray04] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray04] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray04] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray04] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray04] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray04] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray04] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray04] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray04] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray04] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray04] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray04] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray04] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray04] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray04] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray04] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray04] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray04] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray04] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray04] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray04] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray04] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray04] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray04] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray04] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray04] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray04] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray04] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray04] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray04] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray04] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray04] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray04] div.project-card h4 a, html[data-charte=gray04] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray04] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray04] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray04] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray04] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray04] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray04] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray04] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray04] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray04] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray04] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray04] p.nature {
    flex: 1;
  }
  html[data-charte=gray04] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray04] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray04] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray04] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray04] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray04] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray04] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray04] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray04] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray04] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray04] ul.treeview button.element-button:hover, html[data-charte=gray04] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray04] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray04] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray04] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray04] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray04] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray04] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray04] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray04] ul.treeview button.deploy, html[data-charte=gray04] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray04] ul.treeview button.deploy, html[data-charte=gray04] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray04] ul.treeview button:focus, html[data-charte=gray04] ul.treeview button:hover, html[data-charte=gray04] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray04] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray04] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray04] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray04] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray04] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray04] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray04] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray04] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray04] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray04] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray04] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray04] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray04] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray04] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray04] .treeview-search-combo button.element.highlight, html[data-charte=gray04] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray04] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray04] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray04] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray04] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray04] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray04] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray04] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray04] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray04] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray04] #absences-calendar ul.actions-list, html[data-charte=gray04] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray04] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray04] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray04] #absences-calendar .icon-next, html[data-charte=gray04] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray04] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray04] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray04] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray04] table.plan-grid th, html[data-charte=gray04] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray04] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray04] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray04] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray04] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray04] table.plan-grid tr td:first-of-type, html[data-charte=gray04] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray04] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray04] table.plan-grid div p {
  display: none;
}
html[data-charte=gray04] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray04] table.plan-grid div:hover p, html[data-charte=gray04] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray04] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray04] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray04] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray04] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray04] #absences-calendar ul.actions-list, html[data-charte=gray04] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray04] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray04] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray04] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray04] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray04] table.plan-grid td, html[data-charte=gray04] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray04] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray04] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray04] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray04] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray04] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray04] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray04] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray04] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray04] table.plan-grid div:hover p, html[data-charte=gray04] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray04] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray04] table.plan-grid div:hover p, html[data-charte=gray04] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray04] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray04] div.editor-wrapper a, html[data-charte=gray04] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray04] div.editor-wrapper a:visited, html[data-charte=gray04] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray04] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray04] div.editor-wrapper li, html[data-charte=gray04] div.editor-wrapper th:not(.external-th), html[data-charte=gray04] div.editor-wrapper td:not(.external-td), html[data-charte=gray04] div.editor p:not(.feedback-message), html[data-charte=gray04] div.editor li, html[data-charte=gray04] div.editor th:not(.external-th), html[data-charte=gray04] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray04] div.editor-wrapper p, html[data-charte=gray04] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray04] div.editor-wrapper th, html[data-charte=gray04] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray04] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray04] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray04] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray04] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray04] div.editor-wrapper th[scope=row], html[data-charte=gray04] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray04] div.editor-wrapper strong, html[data-charte=gray04] div.editor-wrapper b, html[data-charte=gray04] div.editor-wrapper th:not(.external-th), html[data-charte=gray04] div.editor strong, html[data-charte=gray04] div.editor b, html[data-charte=gray04] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray04] div.editor-wrapper table:not(.external-table), html[data-charte=gray04] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block ul, html[data-charte=gray04] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray04] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray04] #side-bar-profile {
  position: relative;
}
html[data-charte=gray04] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray04] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray04] header#side-panel {
  color: black;
}
html[data-charte=gray04] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray04] .tooltip {
  z-index: 2000;
}
html[data-charte=gray04] div.tooltip .tooltip-inner, html[data-charte=gray04] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray04] figure {
  text-align: center;
}
html[data-charte=gray04] figure img {
  margin: 0 auto;
}
html[data-charte=gray04] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray04] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray04] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray04] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray04] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray04] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray04] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray04] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray04] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray04] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray04] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray04] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray04] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray04] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray04] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray04] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray04] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray04] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray04] section.login h1::after {
  content: none;
}
html[data-charte=gray04] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray04] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray04] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray04] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray04] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray04] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray04] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray04] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray04] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray04] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray04] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray04] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray04] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray04] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray04] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray04] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray04] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray04] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray04] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray04] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray04] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray04] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray04] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray04] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray04] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray04] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray04] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray04] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray04] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray04] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray04] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray04] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray04] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray04] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray04] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray04] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray04] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray04] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray04] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray04] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray04] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray04] p, html[data-charte=gray04] li, html[data-charte=gray04] dt, html[data-charte=gray04] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray04] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray04] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray04] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray04] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray04] ul.optional-status li, html[data-charte=gray04] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray04] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray04] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray04] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray04] div.card > div, html[data-charte=gray04] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray04] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray04] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray04] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray04] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray04] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray04] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray04] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray04] div.card dt, html[data-charte=gray04] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray04] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray04] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray04] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray04] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray04] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray04] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray04] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray04] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray04] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray04] div.bubble .u-photo, html[data-charte=gray04] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray04] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray04] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray04] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray04] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray04] div.request {
    position: relative;
  }
  html[data-charte=gray04] div.request dt, html[data-charte=gray04] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray04] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray04] div.request a:hover::after, html[data-charte=gray04] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray04] h3 {
    font-size: 2em;
  }
  html[data-charte=gray04] .collapsible h2, html[data-charte=gray04] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray04] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray04] #container {
    display: flex;
  }
  html[data-charte=gray04] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray04] #wrapper footer {
    display: none;
  }
  html[data-charte=gray04] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray04] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray04] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray04] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray04] div.grid-2thirds, html[data-charte=gray04] div.grid-3cols, html[data-charte=gray04] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray04] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray04] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray04] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray04] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray04] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray04] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray04] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray04] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray04] table.transform th {
    display: none;
  }
  html[data-charte=gray04] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray04] table.transform tr, html[data-charte=gray04] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray04] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray04] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray04] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray04] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray04] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray04] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray04] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray04] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray04] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray04] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray04] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray04] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray04] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray04] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray04] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray04] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray04] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray04] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray04] div.actions-bar p, html[data-charte=gray04] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray04] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray04] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray04] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray04] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray04] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray04] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray04] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray04] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray04] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray04] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray04] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray04] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray04] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray04] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray04] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray04] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray04] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray04] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray04] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray04] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray04] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray04] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray04] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray04] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray04] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray04] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray04] section.participants div.h-card .u-photo, html[data-charte=gray04] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray04] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray04] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray04] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray04] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray04] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray04] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray04] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray04] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray04] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray04] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray04] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray04] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray04] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray04] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray04] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray04] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray04] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray04] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray04] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray04] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray04] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray04] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray04] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray04] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray04] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray04] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray04] div.bubble .content p:not(.feedback-message), html[data-charte=gray04] div.bubble .content li, html[data-charte=gray04] div.bubble .content th:not(.external-th), html[data-charte=gray04] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray04] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray04] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray04] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray04] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray04] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray04] div.bubble .content strong, html[data-charte=gray04] div.bubble .content b, html[data-charte=gray04] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray04] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray04] div.bubble .content li, html[data-charte=gray04] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray04] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray04] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray04] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray04] .f-upload-editor {
  display: none;
}
html[data-charte=gray04] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray04] .f-size, html[data-charte=gray04] .f-family {
  border: 1px solid #FF0000;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray04] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray04] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray04] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray04] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray04] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray04] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray04] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray04] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray04] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray04] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray04] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray04] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray04] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray04] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray04] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray04] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray04] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray04] [class*=icon-],
html[data-charte=gray04] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray04] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray04] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray04] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray04] .icon-info-simple,
html[data-charte=gray04] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray04] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray04] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray04] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray04] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #FF0000;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray04] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray04] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray04] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray04] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray04] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23FF0000'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23FF0000'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray04] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23FF0000'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray04] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray04] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray04] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray04] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FF0000'/%3E%3C/svg%3E");
}
html[data-charte=gray04] input[type=search],
html[data-charte=gray04] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray04] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23FF0000; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray04] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FF0000' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray04] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray04] legend {
  color: #222;
}
html[data-charte=gray04] label {
  color: #222;
}
html[data-charte=gray04] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray04] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray04] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray04] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray04] #ccSelector {
  display: none;
}
html[data-charte=gray04] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray04] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray04] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray04] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray04] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray04] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray04] label[for=subject] {
  display: none !important;
}
html[data-charte=gray04] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray04] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray04] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray04] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray04] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray04] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray04] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray04] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray04] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray04] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray04] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray04] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray04] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray04] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FF0000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray04] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray04] ul.message-attachments {
  color: #222;
}
html[data-charte=gray04] .tree,
html[data-charte=gray04] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray04] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray04] .tree li:last-child {
  border: 0;
}
html[data-charte=gray04] .section ul {
  display: none;
}
html[data-charte=gray04] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray04] .section input[type=radio] {
  display: none;
}
html[data-charte=gray04] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray04] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray04] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray04] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray04] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray04] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray04] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray04] .feedback-message {
  color: #222;
}
html[data-charte=gray04] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray04] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray04] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray04] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray04] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray04] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray04] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray04] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray04] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray04] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray04] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23FF0000'/%3E%3C/svg%3E");
}
html[data-charte=gray04] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray04] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray04] div.controled {
  background: transparent;
}
html[data-charte=gray04] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray04] .message-body th:not(.external-th), html[data-charte=gray04] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray04] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray05] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray05] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray05] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray05] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray05] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray05] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray05] div.user-data a, html[data-charte=gray05] div.user-data a:visited {
  color: black;
  background-color: red;
}
html[data-charte=gray05] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray05] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: red;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray05] div.user-data button:focus, html[data-charte=gray05] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray05] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray05] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray05] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray05] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray05] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray05] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray05] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray05] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray05] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray05] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray05] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray05] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray05] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray05] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray05] span.status {
  display: inline-block;
}
html[data-charte=gray05] div.h-card h2 a, html[data-charte=gray05] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray05] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray05] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray05] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray05] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray05] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray05] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray05] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray05] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray05] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray05] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: red;
}
html[data-charte=gray05] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray05] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray05] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray05] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray05] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray05] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray05] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray05] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray05] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray05] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray05] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray05] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray05] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray05] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray05] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray05] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray05] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray05] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray05] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray05] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray05] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray05] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray05] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray05] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray05] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray05] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray05] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray05] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray05] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray05] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray05] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray05] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray05] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray05] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray05] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray05] div.bubble h3 time {
  display: block;
}
html[data-charte=gray05] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray05] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray05] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray05] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray05] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray05] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray05] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray05] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray05] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray05] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray05] div.bubble details div {
  display: flex;
}
html[data-charte=gray05] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray05] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray05] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray05] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray05] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray05] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray05] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray05] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray05] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray05] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray05] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray05] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray05] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray05] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray05] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray05] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray05] div.bubble.message-comment .u-photo, html[data-charte=gray05] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray05] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray05] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray05] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray05] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray05] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray05] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray05] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray05] .message-body blockquote {
  color: black;
}
html[data-charte=gray05] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray05] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray05] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray05] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray05] ul.message-attachments {
  list-style-type: none;
  color: red;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray05] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray05] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray05] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray05] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray05] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray05] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray05] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray05] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray05] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray05] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray05] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray05] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray05] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray05] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray05] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray05] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray05] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray05] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray05] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray05] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray05] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray05] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray05] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray05] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray05] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray05] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray05] div.request dl div {
  display: flex;
}
html[data-charte=gray05] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray05] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray05] div.editor, html[data-charte=gray05] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray05] form.create-new {
  border: none;
}
html[data-charte=gray05] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray05] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray05] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray05] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] p.template-selector {
  width: 100%;
}
html[data-charte=gray05] p.template-selector input {
  width: 100%;
}
html[data-charte=gray05] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray05] div.mce-toolbar-grp button:hover, html[data-charte=gray05] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] select, html[data-charte=gray05] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray05] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray05] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray05] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray05] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray05] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray05] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray05] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: red;
  border-radius: 100%;
}
html[data-charte=gray05] .badge {
  color: black;
  background-color: red;
  margin-left: 1rem;
}
html[data-charte=gray05] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray05] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray05] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray05] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray05] .chip.label-color-1 {
  color: red;
  background-color: #85D687;
}
html[data-charte=gray05] .chip.label-color-2 {
  color: red;
  background-color: #90CBDA;
}
html[data-charte=gray05] .chip.label-color-3 {
  color: red;
  background-color: #D1CE75;
}
html[data-charte=gray05] .chip.label-color-4 {
  color: red;
  background-color: #E6B3E1;
}
html[data-charte=gray05] .chip.label-color-5 {
  color: red;
  background-color: #D9AC8C;
}
html[data-charte=gray05] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray05] #main-nav li a.label-color::before,
html[data-charte=gray05] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray05] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray05] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray05] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray05] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray05] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray05] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray05] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray05] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray05] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray05] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray05] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray05] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray05] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray05] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray05] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray05] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray05] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray05] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray05] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray05] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray05] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray05] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray05] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray05] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray05] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray05] div.actions-bar button.icon-check:hover, html[data-charte=gray05] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray05] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray05] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray05] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray05] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray05] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray05] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray05] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray05] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray05] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray05] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray05] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid red;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray05] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray05] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] div.project-card.details header {
  position: relative;
}
html[data-charte=gray05] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray05] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray05] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray05] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray05] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray05] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray05] html, html[data-charte=gray05] body, html[data-charte=gray05] div, html[data-charte=gray05] span, html[data-charte=gray05] object, html[data-charte=gray05] iframe,
html[data-charte=gray05] h1, html[data-charte=gray05] h2, html[data-charte=gray05] h3, html[data-charte=gray05] h4, html[data-charte=gray05] h5, html[data-charte=gray05] h6, html[data-charte=gray05] p, html[data-charte=gray05] blockquote, html[data-charte=gray05] pre,
html[data-charte=gray05] a, html[data-charte=gray05] abbr, html[data-charte=gray05] address, html[data-charte=gray05] big, html[data-charte=gray05] cite, html[data-charte=gray05] code,
html[data-charte=gray05] del, html[data-charte=gray05] dfn, html[data-charte=gray05] em, html[data-charte=gray05] form, html[data-charte=gray05] img, html[data-charte=gray05] ins, html[data-charte=gray05] kbd, html[data-charte=gray05] q, html[data-charte=gray05] s, html[data-charte=gray05] samp,
html[data-charte=gray05] small, html[data-charte=gray05] strike, html[data-charte=gray05] strong, html[data-charte=gray05] sub, html[data-charte=gray05] sup, html[data-charte=gray05] tt, html[data-charte=gray05] var,
html[data-charte=gray05] b, html[data-charte=gray05] u, html[data-charte=gray05] i, html[data-charte=gray05] dl, html[data-charte=gray05] dt, html[data-charte=gray05] dd, html[data-charte=gray05] ol, html[data-charte=gray05] ul, html[data-charte=gray05] li,
html[data-charte=gray05] fieldset, html[data-charte=gray05] form, html[data-charte=gray05] label, html[data-charte=gray05] legend,
html[data-charte=gray05] table:not(.external-table),
html[data-charte=gray05] caption:not(.external-caption), html[data-charte=gray05] tbody, html[data-charte=gray05] tfoot, html[data-charte=gray05] thead,
html[data-charte=gray05] tr:not(.external-tr),
html[data-charte=gray05] th:not(.external-th),
html[data-charte=gray05] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray05] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray05] header, html[data-charte=gray05] footer, html[data-charte=gray05] main, html[data-charte=gray05] nav, html[data-charte=gray05] aside, html[data-charte=gray05] article, html[data-charte=gray05] section, html[data-charte=gray05] figure, html[data-charte=gray05] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray05] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray05] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray05] h2, html[data-charte=gray05] h3, html[data-charte=gray05] h4, html[data-charte=gray05] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray05] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: red;
  background-color: #fff;
}
html[data-charte=gray05] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray05] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray05] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] p, html[data-charte=gray05] li, html[data-charte=gray05] dt, html[data-charte=gray05] dd, html[data-charte=gray05] h5, html[data-charte=gray05] th, html[data-charte=gray05] td {
  font-size: 0.95em;
}
html[data-charte=gray05] li li, html[data-charte=gray05] li p, html[data-charte=gray05] li dt, html[data-charte=gray05] li dd {
  font-size: 100%;
}
html[data-charte=gray05] a {
  color: black;
}
html[data-charte=gray05] a:visited {
  opacity: 0.8;
}
html[data-charte=gray05] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray05] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray05] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray05] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray05] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray05] blockquote::before, html[data-charte=gray05] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray05] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray05] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray05] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray05] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray05] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray05] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray05] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray05] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray05] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray05] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray05] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray05] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray05] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray05] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray05] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray05] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray05] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray05] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray05] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray05] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray05] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray05] button:hover {
  background-color: red;
}
html[data-charte=gray05] button[disabled], html[data-charte=gray05] .form-reset[disabled], html[data-charte=gray05] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray05] button[disabled]:hover, html[data-charte=gray05] .form-reset[disabled]:hover, html[data-charte=gray05] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray05] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray05] button.secondary {
  background-color: #222;
}
html[data-charte=gray05] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray05] button.discret:hover, html[data-charte=gray05] button.discret:focus {
  color: black;
  background-color: red;
  border-color: red;
}
html[data-charte=gray05] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray05] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: red;
}
html[data-charte=gray05] a[class*=bt-], html[data-charte=gray05] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray05] [class*=bt-]:hover, html[data-charte=gray05] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray05] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray05] .bt-create:hover, html[data-charte=gray05] .bt-create:focus {
  background-color: red;
}
html[data-charte=gray05] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray05] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray05] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray05] a.bt-link, html[data-charte=gray05] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray05] [class*=icon-], html[data-charte=gray05] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray05] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: red;
}
html[data-charte=gray05] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray05] [class*=icon-]:hover, html[data-charte=gray05] [class*=icon-]:focus {
  color: black;
  background-color: red;
}
html[data-charte=gray05] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: red;
}
html[data-charte=gray05] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray05] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray05] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray05] .icon-assign, html[data-charte=gray05] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray05] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray05] .icon-pin, html[data-charte=gray05] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray05] .icon-pinned, html[data-charte=gray05] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray05] .icon-pinned:hover, html[data-charte=gray05] .follow-true:hover, html[data-charte=gray05] .icon-pinned:focus, html[data-charte=gray05] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray05] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray05] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray05] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray05] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray05] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray05] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray05] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray05] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray05] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray05] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray05] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray05] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray05] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray05] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray05] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray05] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray05] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray05] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray05] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray05] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray05] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray05] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray05] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray05] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray05] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray05] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray05] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray05] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray05] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray05] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray05] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray05] .icon-mark-as-unread, html[data-charte=gray05] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray05] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray05] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray05] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray05] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray05] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray05] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray05] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray05] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray05] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray05] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray05] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray05] button.icon-check:focus, html[data-charte=gray05] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray05] .icon-info-simple, html[data-charte=gray05] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray05] button.play, html[data-charte=gray05] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray05] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray05] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray05] button.icon-info-simple:hover, html[data-charte=gray05] button.icon-info-simple:focus,
html[data-charte=gray05] button.icon-back:hover, html[data-charte=gray05] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray05] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray05] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray05] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray05] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray05] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray05] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray05] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray05] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray05] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray05] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: red;
}
html[data-charte=gray05] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray05] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray05] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray05] th:not(.external-th), html[data-charte=gray05] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray05] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray05] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray05] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray05] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray05] th[scope=row] {
  text-align: left;
}
html[data-charte=gray05] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray05] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray05] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray05] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray05] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray05] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray05] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray05] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray05] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray05] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray05] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray05] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray05] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray05] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray05] input[type=text], html[data-charte=gray05] input[type=password], html[data-charte=gray05] input[type=date], html[data-charte=gray05] input[type=url], html[data-charte=gray05] input[type=tel],
html[data-charte=gray05] input[type=time], html[data-charte=gray05] input[type=email], html[data-charte=gray05] input[type=number], html[data-charte=gray05] input[type=search], html[data-charte=gray05] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray05] input[type=number], html[data-charte=gray05] input[type=date], html[data-charte=gray05] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray05] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray05] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray05] input[type=text]:focus, html[data-charte=gray05] input[type=password]:focus, html[data-charte=gray05] input[type=url]:focus,
html[data-charte=gray05] input[type=date]:focus, html[data-charte=gray05] input[type=search]:focus, html[data-charte=gray05] select:focus {
  border-color: #555;
}
html[data-charte=gray05] input[type=url], html[data-charte=gray05] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray05] input[type=number] {
  width: 6em;
}
html[data-charte=gray05] .has-error input {
  border-color: #f00;
}
html[data-charte=gray05] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray05] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray05] select::-ms-expand {
  display: none;
}
html[data-charte=gray05] [type=submit], html[data-charte=gray05] [type=reset], html[data-charte=gray05] button.form-submit, html[data-charte=gray05] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray05] [type=reset], html[data-charte=gray05] button.form-reset {
  color: red;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray05] [type=submit]:hover, html[data-charte=gray05] [type=submit]:focus,
html[data-charte=gray05] [type=submit].optional:hover, html[data-charte=gray05] [type=submit].optional:focus,
html[data-charte=gray05] [type=reset]:hover, html[data-charte=gray05] [type=reset]:focus {
  color: black;
  background-color: red;
  border-color: red;
}
html[data-charte=gray05] button.form-submit:hover, html[data-charte=gray05] button.form-submit:focus,
html[data-charte=gray05] button.form-submit.optional:hover, html[data-charte=gray05] button.form-submit.optional:focus,
html[data-charte=gray05] button.form-reset:hover, html[data-charte=gray05] button.form-reset:focus {
  color: black;
  background-color: red;
  border-color: red;
}
html[data-charte=gray05] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray05] [type=submit] + [type=reset], html[data-charte=gray05] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray05] [type=submit].optional, html[data-charte=gray05] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray05] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray05] input[type=image]:hover {
  background-color: red;
}
html[data-charte=gray05] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray05] ::-webkit-input-placeholder, html[data-charte=gray05] ::-moz-placeholder, html[data-charte=gray05] :-moz-placeholder, html[data-charte=gray05] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray05] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray05] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray05] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray05] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray05] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray05] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray05] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray05] .highlight label, html[data-charte=gray05] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray05] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray05] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray05] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray05] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray05] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray05] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray05] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray05] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray05] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray05] ul.choices {
  display: flex;
}
html[data-charte=gray05] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray05] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray05] ul.choices.vertical {
  display: block;
}
html[data-charte=gray05] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray05] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray05] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray05] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray05] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray05] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray05] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray05] .form-makeup input:checked + label::before, html[data-charte=gray05] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray05] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray05] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray05] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray05] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray05] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray05] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray05] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray05] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray05] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray05] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray05] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray05] .check-chips input:checked + label, html[data-charte=gray05] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray05] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray05] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray05] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray05] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray05] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray05] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray05] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray05] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray05] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray05] .field-comment {
  font-size: 90%;
  color: red;
  padding: 0.3em;
}
html[data-charte=gray05] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray05] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray05] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray05] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray05] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray05] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray05] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray05] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray05] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray05] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray05] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray05] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray05] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray05] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray05] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray05] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray05] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray05] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray05] div.card dt, html[data-charte=gray05] div.card dd {
  max-width: 100%;
}
html[data-charte=gray05] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray05] div.card a {
  text-decoration: none;
}
html[data-charte=gray05] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray05] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray05] div.card.unread a, html[data-charte=gray05] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray05] div.card.read a, html[data-charte=gray05] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray05] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray05] span.social-icon img {
  width: 16px;
}
html[data-charte=gray05] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray05] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray05] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray05] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray05] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray05] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray05] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray05] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray05] div.h-card form p {
  margin: 0;
}
html[data-charte=gray05] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray05] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray05] div.h-card h2 a, html[data-charte=gray05] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray05] div.h-card h2 a:hover, html[data-charte=gray05] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray05] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray05] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray05] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray05] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray05] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray05] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray05] div.spinner strong {
  display: block;
}
html[data-charte=gray05] div.spinner ::before, html[data-charte=gray05] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray05] div.spinner p::before,
html[data-charte=gray05] div.spinner p::after,
html[data-charte=gray05] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray05] div.spinner.ease-in-out ::before, html[data-charte=gray05] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray05] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray05] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray05] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray05] div.spinner.cubic-bezier ::before, html[data-charte=gray05] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray05] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray05] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray05] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray05] div.spinner.ease-in-out-fill ::before, html[data-charte=gray05] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray05] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray05] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray05] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray05] div.spinner.linear-dot ::before, html[data-charte=gray05] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray05] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray05] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray05] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray05] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray05] div.spinner.linear-circle ::before, html[data-charte=gray05] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray05] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray05] div.spinner.linear-circle p::before,
html[data-charte=gray05] div.spinner.linear-circle strong::before,
html[data-charte=gray05] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray05] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray05] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray05] div.spinner.progress-bar ::before, html[data-charte=gray05] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray05] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray05] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray05] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray05] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray05] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray05] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray05] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray05] .box1, html[data-charte=gray05] .box4, html[data-charte=gray05] .box8, html[data-charte=gray05] .box11, html[data-charte=gray05] .box13, html[data-charte=gray05] .box16, html[data-charte=gray05] .box20 {
  animation-name: quiet;
}
html[data-charte=gray05] .box2, html[data-charte=gray05] .box6, html[data-charte=gray05] .box10, html[data-charte=gray05] .box14, html[data-charte=gray05] .box17, html[data-charte=gray05] .box19 {
  animation-name: normal;
}
html[data-charte=gray05] .box3, html[data-charte=gray05] .box5, html[data-charte=gray05] .box7, html[data-charte=gray05] .box9, html[data-charte=gray05] .box12, html[data-charte=gray05] .box15, html[data-charte=gray05] .box18 {
  animation-name: loud;
}
html[data-charte=gray05] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray05] [class*=icon-].icon-reading-speed:hover {
  background-color: red;
}
html[data-charte=gray05] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray05] [class*=icon-].icon-volume:hover {
  background-color: red;
}
html[data-charte=gray05] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: red;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray05] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: red;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray05] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray05] .show-icons a:hover + .tooltip, html[data-charte=gray05] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray05] .alternative-alt:hover, html[data-charte=gray05] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray05] .alternative-alt:hover::before, html[data-charte=gray05] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray05] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray05] .ember-basic-dropdown, html[data-charte=gray05] .ember-basic-dropdown-content, html[data-charte=gray05] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray05] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray05] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray05] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray05] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray05] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray05] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray05] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray05] .ember-power-select-options li:hover, html[data-charte=gray05] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray05] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray05] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray05] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray05] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray05] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray05] .ember-power-select-trigger:focus,
html[data-charte=gray05] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray05] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray05] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray05] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray05] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray05] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray05] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray05] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray05] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray05] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray05] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray05] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: red;
  z-index: 1020;
}
html[data-charte=gray05] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray05] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray05] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray05] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray05] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray05] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray05] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray05] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray05] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray05] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray05] div.controled div.content {
  display: none;
}
html[data-charte=gray05] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray05] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray05] .underlay {
  opacity: 0;
}
html[data-charte=gray05] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray05] #main-nav h2 {
  color: black;
  background-color: red;
}
html[data-charte=gray05] #main-nav h2::before {
  content: none;
}
html[data-charte=gray05] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray05] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray05] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray05] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray05] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray05] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray05] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray05] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray05] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray05] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray05] #main-nav li a, html[data-charte=gray05] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: red;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray05] #main-nav li a:focus, html[data-charte=gray05] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray05] #main-nav li a::after, html[data-charte=gray05] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: red;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray05] #main-nav li a.active::after,
html[data-charte=gray05] #main-nav li a:hover::after,
html[data-charte=gray05] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray05] #main-nav li button:hover::after,
html[data-charte=gray05] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray05] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray05] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray05] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray05] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray05] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray05] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray05] #main-nav li a.bt-create, html[data-charte=gray05] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray05] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray05] #main-nav li a.bt-create:hover, html[data-charte=gray05] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray05] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray05] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray05] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray05] #main-nav button.has-level2, html[data-charte=gray05] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray05] #main-nav button.has-level2::after, html[data-charte=gray05] #main-nav a.has-level2::after,
html[data-charte=gray05] #main-nav button.has-level2:hover::after, html[data-charte=gray05] #main-nav a.has-level2:hover::after,
html[data-charte=gray05] #main-nav button.has-level2:focus::after, html[data-charte=gray05] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray05] #main-nav button.collapse::after,
html[data-charte=gray05] #main-nav button.collapse:hover::after,
html[data-charte=gray05] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray05] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray05] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray05] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray05] p.uploader input:focus + label.icon-file-uploader {
  background-color: red;
}
html[data-charte=gray05] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray05] div.modal[aria-hidden=false], html[data-charte=gray05] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray05] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray05] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray05] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray05] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray05] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray05] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray05] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray05] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray05] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray05] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray05] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray05] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray05] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray05] div.dropdown button.dd-trigger:hover, html[data-charte=gray05] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray05] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray05] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray05] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray05] div.dropdown ul button,
html[data-charte=gray05] div.dropdown ul a,
html[data-charte=gray05] div.dropdown ul [class*=icon-],
html[data-charte=gray05] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray05] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray05] div.dropdown ul button:hover, html[data-charte=gray05] div.dropdown ul a:hover,
html[data-charte=gray05] div.dropdown ul button:focus, html[data-charte=gray05] div.dropdown ul a:focus,
html[data-charte=gray05] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray05] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray05] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray05] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray05] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray05] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray05] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray05] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray05] nav.pagination li:not(.page) + li.page, html[data-charte=gray05] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray05] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray05] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray05] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray05] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray05] nav.pagination a, html[data-charte=gray05] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray05] nav.pagination a.firstPage, html[data-charte=gray05] nav.pagination a.previousPage, html[data-charte=gray05] nav.pagination a.nextPage, html[data-charte=gray05] nav.pagination a.lastPage, html[data-charte=gray05] nav.pagination li button.firstPage, html[data-charte=gray05] nav.pagination li button.previousPage, html[data-charte=gray05] nav.pagination li button.nextPage, html[data-charte=gray05] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray05] nav.pagination a.firstPage, html[data-charte=gray05] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray05] nav.pagination a.previousPage, html[data-charte=gray05] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray05] nav.pagination a.nextPage, html[data-charte=gray05] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray05] nav.pagination a.lastPage, html[data-charte=gray05] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray05] nav.pagination a:hover, html[data-charte=gray05] nav.pagination a:focus, html[data-charte=gray05] nav.pagination li.active a,
html[data-charte=gray05] nav.pagination li button:hover, html[data-charte=gray05] nav.pagination li button:focus, html[data-charte=gray05] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray05] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray05] nav.pagination li.shortcut a, html[data-charte=gray05] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray05] select.selector, html[data-charte=gray05] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray05] .has-error input, html[data-charte=gray05] .has-error select, html[data-charte=gray05] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray05] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray05] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray05] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray05] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray05] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray05] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray05] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray05] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray05] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray05] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray05] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray05] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray05] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray05] div.editor {
  position: relative;
}
html[data-charte=gray05] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray05] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray05] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray05] div.editor-wrapper a, html[data-charte=gray05] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray05] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray05] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray05] strong, html[data-charte=gray05] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray05] em, html[data-charte=gray05] i {
  font-style: italic;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block p, html[data-charte=gray05] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray05] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray05] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block:focus, html[data-charte=gray05] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray05] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray05] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray05] select.models, html[data-charte=gray05] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray05] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray05] .contentEditableValue {
  display: none;
}
html[data-charte=gray05] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray05] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray05] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray05] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray05] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray05] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray05] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray05] #color-poly {
  display: none;
}
html[data-charte=gray05] #color-poly.active {
  display: block;
}
html[data-charte=gray05] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray05] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray05] button.color:hover, html[data-charte=gray05] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray05] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray05] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray05] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray05] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray05] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray05] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray05] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray05] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray05] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray05] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray05] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray05] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray05] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray05] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray05] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray05] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray05] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray05] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray05] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray05] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray05] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray05] div.format-options.active {
  display: block;
}
html[data-charte=gray05] div.format-options p {
  margin: 0;
}
html[data-charte=gray05] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray05] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray05] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray05] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray05] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray05] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray05] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray05] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray05] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray05] mark {
  cursor: help;
}
html[data-charte=gray05] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray05] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray05] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray05] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray05] b ul.sc-options li, html[data-charte=gray05] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray05] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray05] em ul.sc-options li, html[data-charte=gray05] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray05] ul.sc-options li:hover, html[data-charte=gray05] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray05] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray05] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray05] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray05] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray05] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray05] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray05] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray05] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray05] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray05] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid red;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray05] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid red;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray05] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray05] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray05] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray05] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray05] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray05] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray05] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray05] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray05] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray05] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray05] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] select, html[data-charte=gray05] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray05] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray05] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray05] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray05] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray05] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray05] section.participants div.h-card .u-photo, html[data-charte=gray05] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray05] main.conversation section.participants ul.actions-list,
html[data-charte=gray05] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray05] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray05] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray05] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray05] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray05] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray05] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.actions-bar p, html[data-charte=gray05] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray05] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray05] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray05] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray05] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray05] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray05] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray05] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray05] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray05] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray05] .collapsible h3, html[data-charte=gray05] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray05] .collapsible > .content {
  display: none;
}
html[data-charte=gray05] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray05] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray05] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray05] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray05] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray05] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray05] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray05] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray05] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray05] .collapsible.top-level button.control[aria-expanded=true] {
    color: red;
    background-color: #FFF;
  }
  html[data-charte=gray05] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray05] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray05] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray05] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray05] ul.tabs li a, html[data-charte=gray05] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray05] ul.tabs li a:hover, html[data-charte=gray05] ul.tabs li a:focus {
  color: black;
  background-color: red;
}
html[data-charte=gray05] ul.tabs li.active a, html[data-charte=gray05] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray05] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray05] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray05] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray05] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray05] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray05] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray05] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray05] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray05] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray05] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray05] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray05] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray05] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray05] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray05] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray05] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray05] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray05] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray05] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray05] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray05] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray05] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray05] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray05] details.simple summary::after {
  content: " +";
}
html[data-charte=gray05] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray05] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray05] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray05] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray05] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray05] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray05] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray05] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray05] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray05] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray05] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray05] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray05] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray05] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray05] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray05] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray05] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray05] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray05] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray05] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray05] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray05] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray05] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray05] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray05] .form-makeup input:checked + label::before, html[data-charte=gray05] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray05] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray05] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray05] button[disabled], html[data-charte=gray05] .form-reset[disabled], html[data-charte=gray05] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray05] button[disabled]:hover, html[data-charte=gray05] .form-reset[disabled]:hover, html[data-charte=gray05] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray05] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray05] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray05] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray05] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray05] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray05] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray05] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray05] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray05] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray05] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray05] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray05] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray05] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray05] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray05] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray05] div.datepickerDialog th, html[data-charte=gray05] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray05] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray05] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray05] div.datepickerDialog td button:hover, html[data-charte=gray05] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray05] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray05] div.datepickerDialog p.buttons-bar, html[data-charte=gray05] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray05] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray05] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray05] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray05] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray05] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray05] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray05] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray05] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray05] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray05] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray05] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray05] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray05] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray05] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray05] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray05] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray05] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray05] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray05] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray05] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray05] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray05] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray05] .icon-zoom {
  position: inherit;
}
html[data-charte=gray05] figure.img-container img {
  width: 100%;
}
html[data-charte=gray05] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray05] div.editor-wrapper .audio, html[data-charte=gray05] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray05] div.editor-wrapper .audio, html[data-charte=gray05] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray05] div.editor-wrapper .audio, html[data-charte=gray05] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: red;
}
html[data-charte=gray05] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray05] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray05] .audio-preview {
  justify-content: center;
}
html[data-charte=gray05] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray05] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray05] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray05] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray05] .audio-message, html[data-charte=gray05] .audio-record, html[data-charte=gray05] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray05] .audio-message audio, html[data-charte=gray05] .audio-record audio, html[data-charte=gray05] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray05] .audio-message .icon-download.voice-message, html[data-charte=gray05] .audio-record .icon-download.voice-message, html[data-charte=gray05] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray05] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray05] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray05] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray05] .audio {
  min-width: 20rem;
}
html[data-charte=gray05] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray05] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray05] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray05] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray05] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray05] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray05] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray05] #volume-control, html[data-charte=gray05] #speed-control {
  display: none;
}
html[data-charte=gray05] #volume-control > input, html[data-charte=gray05] #speed-control > input {
  width: 65px;
}
html[data-charte=gray05] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray05] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray05] #volume-control[aria-hidden=false], html[data-charte=gray05] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray05] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray05] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray05] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray05] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: red;
}
html[data-charte=gray05] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray05] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray05] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray05] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray05] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray05] ul.add-list li {
  padding: 0;
}
html[data-charte=gray05] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray05] .icon-share, html[data-charte=gray05] .icon-edit, html[data-charte=gray05] .icon-info,
html[data-charte=gray05] .icon-upload, html[data-charte=gray05] .icon-close, html[data-charte=gray05] .icon-info-close,
html[data-charte=gray05] .icon-notify, html[data-charte=gray05] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray05] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray05] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray05] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray05] .icon-info, html[data-charte=gray05] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray05] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray05] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray05] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray05] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray05] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray05] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray05] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray05] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray05] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray05] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray05] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray05] div.project-card::before, html[data-charte=gray05] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray05] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray05] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray05] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray05] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray05] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray05] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray05] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray05] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray05] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray05] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray05] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray05] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray05] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray05] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray05] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray05] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray05] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray05] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray05] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray05] dl.project-info dt, html[data-charte=gray05] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray05] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray05] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray05] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray05] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray05] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray05] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray05] p.assignment strong {
  display: block;
}
html[data-charte=gray05] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray05] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray05] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray05] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray05] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray05] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray05] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray05] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray05] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray05] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray05] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray05] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray05] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray05] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray05] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray05] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray05] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray05] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray05] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray05] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray05] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray05] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray05] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid red;
}
html[data-charte=gray05] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray05] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray05] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray05] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray05] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray05] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray05] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray05] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray05] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray05] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray05] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray05] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray05] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray05] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray05] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray05] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray05] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray05] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray05] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray05] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray05] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray05] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray05] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray05] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray05] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray05] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray05] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray05] div.project-card h4 a, html[data-charte=gray05] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray05] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray05] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray05] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray05] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray05] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray05] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray05] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray05] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray05] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray05] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray05] p.nature {
    flex: 1;
  }
  html[data-charte=gray05] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray05] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray05] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray05] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray05] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray05] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray05] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray05] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray05] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray05] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray05] ul.treeview button.element-button:hover, html[data-charte=gray05] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray05] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray05] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray05] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray05] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray05] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray05] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray05] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray05] ul.treeview button.deploy, html[data-charte=gray05] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray05] ul.treeview button.deploy, html[data-charte=gray05] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray05] ul.treeview button:focus, html[data-charte=gray05] ul.treeview button:hover, html[data-charte=gray05] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray05] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray05] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray05] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray05] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray05] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray05] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray05] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray05] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray05] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray05] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray05] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray05] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray05] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray05] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray05] .treeview-search-combo button.element.highlight, html[data-charte=gray05] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray05] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray05] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray05] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray05] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray05] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray05] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray05] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray05] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray05] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray05] #absences-calendar ul.actions-list, html[data-charte=gray05] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray05] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray05] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray05] #absences-calendar .icon-next, html[data-charte=gray05] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray05] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray05] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray05] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray05] table.plan-grid th, html[data-charte=gray05] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray05] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray05] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray05] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray05] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray05] table.plan-grid tr td:first-of-type, html[data-charte=gray05] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray05] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray05] table.plan-grid div p {
  display: none;
}
html[data-charte=gray05] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray05] table.plan-grid div:hover p, html[data-charte=gray05] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray05] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray05] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray05] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray05] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray05] #absences-calendar ul.actions-list, html[data-charte=gray05] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray05] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray05] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray05] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray05] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray05] table.plan-grid td, html[data-charte=gray05] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray05] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray05] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray05] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray05] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray05] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray05] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray05] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray05] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray05] table.plan-grid div:hover p, html[data-charte=gray05] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray05] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray05] table.plan-grid div:hover p, html[data-charte=gray05] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray05] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray05] div.editor-wrapper a, html[data-charte=gray05] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray05] div.editor-wrapper a:visited, html[data-charte=gray05] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray05] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray05] div.editor-wrapper li, html[data-charte=gray05] div.editor-wrapper th:not(.external-th), html[data-charte=gray05] div.editor-wrapper td:not(.external-td), html[data-charte=gray05] div.editor p:not(.feedback-message), html[data-charte=gray05] div.editor li, html[data-charte=gray05] div.editor th:not(.external-th), html[data-charte=gray05] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray05] div.editor-wrapper p, html[data-charte=gray05] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray05] div.editor-wrapper th, html[data-charte=gray05] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray05] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray05] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray05] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray05] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray05] div.editor-wrapper th[scope=row], html[data-charte=gray05] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray05] div.editor-wrapper strong, html[data-charte=gray05] div.editor-wrapper b, html[data-charte=gray05] div.editor-wrapper th:not(.external-th), html[data-charte=gray05] div.editor strong, html[data-charte=gray05] div.editor b, html[data-charte=gray05] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray05] div.editor-wrapper table:not(.external-table), html[data-charte=gray05] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block ul, html[data-charte=gray05] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray05] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray05] #side-bar-profile {
  position: relative;
}
html[data-charte=gray05] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray05] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray05] header#side-panel {
  color: black;
}
html[data-charte=gray05] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray05] .tooltip {
  z-index: 2000;
}
html[data-charte=gray05] div.tooltip .tooltip-inner, html[data-charte=gray05] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray05] figure {
  text-align: center;
}
html[data-charte=gray05] figure img {
  margin: 0 auto;
}
html[data-charte=gray05] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray05] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray05] .feedback-message {
  color: red;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray05] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray05] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray05] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray05] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray05] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray05] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray05] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray05] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray05] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray05] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray05] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray05] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray05] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray05] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray05] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray05] section.login h1::after {
  content: none;
}
html[data-charte=gray05] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray05] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray05] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray05] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray05] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray05] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray05] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray05] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray05] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray05] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray05] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray05] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray05] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray05] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray05] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray05] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray05] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray05] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray05] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray05] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray05] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray05] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray05] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray05] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray05] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray05] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray05] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray05] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray05] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray05] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray05] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray05] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray05] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray05] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray05] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray05] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray05] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray05] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray05] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray05] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray05] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray05] p, html[data-charte=gray05] li, html[data-charte=gray05] dt, html[data-charte=gray05] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray05] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray05] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray05] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray05] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray05] ul.optional-status li, html[data-charte=gray05] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray05] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray05] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray05] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray05] div.card > div, html[data-charte=gray05] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray05] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray05] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray05] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray05] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray05] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray05] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray05] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray05] div.card dt, html[data-charte=gray05] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray05] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray05] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray05] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray05] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray05] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray05] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray05] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray05] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray05] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray05] div.bubble .u-photo, html[data-charte=gray05] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray05] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray05] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray05] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray05] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray05] div.request {
    position: relative;
  }
  html[data-charte=gray05] div.request dt, html[data-charte=gray05] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray05] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray05] div.request a:hover::after, html[data-charte=gray05] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray05] h3 {
    font-size: 2em;
  }
  html[data-charte=gray05] .collapsible h2, html[data-charte=gray05] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray05] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray05] #container {
    display: flex;
  }
  html[data-charte=gray05] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray05] #wrapper footer {
    display: none;
  }
  html[data-charte=gray05] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray05] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray05] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray05] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray05] div.grid-2thirds, html[data-charte=gray05] div.grid-3cols, html[data-charte=gray05] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray05] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray05] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray05] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray05] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray05] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray05] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray05] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray05] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray05] table.transform th {
    display: none;
  }
  html[data-charte=gray05] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray05] table.transform tr, html[data-charte=gray05] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray05] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray05] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray05] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray05] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray05] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray05] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray05] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray05] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray05] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray05] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray05] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray05] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray05] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray05] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray05] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray05] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray05] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray05] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray05] div.actions-bar p, html[data-charte=gray05] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray05] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray05] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray05] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray05] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray05] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray05] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray05] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray05] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray05] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray05] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray05] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray05] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray05] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray05] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray05] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray05] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray05] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray05] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray05] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray05] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray05] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray05] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray05] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray05] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray05] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray05] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray05] section.participants div.h-card .u-photo, html[data-charte=gray05] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray05] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray05] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray05] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray05] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray05] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray05] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray05] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray05] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray05] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray05] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray05] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: red;
    flex-direction: column-reverse;
  }
  html[data-charte=gray05] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray05] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray05] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray05] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray05] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray05] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray05] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray05] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray05] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray05] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray05] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray05] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray05] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray05] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray05] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray05] div.bubble .content p:not(.feedback-message), html[data-charte=gray05] div.bubble .content li, html[data-charte=gray05] div.bubble .content th:not(.external-th), html[data-charte=gray05] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray05] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray05] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray05] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray05] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray05] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray05] div.bubble .content strong, html[data-charte=gray05] div.bubble .content b, html[data-charte=gray05] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray05] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray05] div.bubble .content li, html[data-charte=gray05] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray05] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray05] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray05] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray05] .f-upload-editor {
  display: none;
}
html[data-charte=gray05] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray05] .f-size, html[data-charte=gray05] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray05] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray05] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray05] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray05] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray05] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray05] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray05] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray05] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray05] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray05] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray05] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray05] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray05] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray05] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray05] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray05] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray05] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray05] [class*=icon-],
html[data-charte=gray05] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray05] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray05] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray05] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray05] .icon-info-simple,
html[data-charte=gray05] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray05] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray05] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray05] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray05] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray05] .side-panel-footer {
  background-color: red;
  text-align: center;
}
html[data-charte=gray05] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray05] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray05] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray05] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray05] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray05] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray05] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray05] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray05] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray05] input[type=search],
html[data-charte=gray05] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray05] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray05] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray05] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray05] legend {
  color: #222;
}
html[data-charte=gray05] label {
  color: #222;
}
html[data-charte=gray05] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray05] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray05] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray05] div.controled.active .underlay {
  background-color: rgba(255, 0, 0, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray05] #ccSelector {
  display: none;
}
html[data-charte=gray05] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray05] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray05] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray05] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray05] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray05] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray05] label[for=subject] {
  display: none !important;
}
html[data-charte=gray05] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray05] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray05] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray05] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray05] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray05] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray05] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray05] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray05] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray05] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray05] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray05] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray05] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray05] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray05] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray05] ul.message-attachments {
  color: #222;
}
html[data-charte=gray05] .tree,
html[data-charte=gray05] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray05] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray05] .tree li:last-child {
  border: 0;
}
html[data-charte=gray05] .section ul {
  display: none;
}
html[data-charte=gray05] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray05] .section input[type=radio] {
  display: none;
}
html[data-charte=gray05] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray05] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray05] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray05] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray05] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray05] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray05] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray05] .feedback-message {
  color: #222;
}
html[data-charte=gray05] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray05] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray05] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray05] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray05] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray05] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray05] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray05] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray05] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray05] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray05] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray05] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray05] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray05] div.controled {
  background: transparent;
}
html[data-charte=gray05] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray05] .message-body th:not(.external-th), html[data-charte=gray05] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray05] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray06] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray06] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray06] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray06] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray06] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray06] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray06] div.user-data a, html[data-charte=gray06] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray06] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray06] div.user-data button:focus, html[data-charte=gray06] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray06] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray06] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray06] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray06] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray06] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray06] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray06] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray06] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray06] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray06] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray06] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray06] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray06] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray06] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray06] span.status {
  display: inline-block;
}
html[data-charte=gray06] div.h-card h2 a, html[data-charte=gray06] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray06] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray06] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray06] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray06] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray06] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray06] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray06] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray06] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray06] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray06] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray06] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray06] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray06] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray06] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray06] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray06] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray06] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray06] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray06] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray06] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray06] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray06] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray06] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray06] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray06] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray06] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray06] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray06] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray06] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray06] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray06] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray06] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray06] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray06] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray06] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray06] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray06] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray06] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray06] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray06] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray06] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray06] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray06] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray06] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray06] div.bubble h3 time {
  display: block;
}
html[data-charte=gray06] div.bubble h3 strong {
  color: red;
}
html[data-charte=gray06] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray06] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray06] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray06] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray06] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray06] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray06] div.bubble div.content a {
  color: red;
}
html[data-charte=gray06] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray06] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray06] div.bubble details div {
  display: flex;
}
html[data-charte=gray06] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray06] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray06] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray06] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray06] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray06] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray06] div.conversation-message--owner-organization > div.bubble div.content {
  color: red;
  background-color: #FFF;
}
html[data-charte=gray06] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray06] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray06] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray06] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray06] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray06] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray06] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray06] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray06] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray06] div.bubble.message-comment .u-photo, html[data-charte=gray06] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray06] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray06] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray06] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray06] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray06] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray06] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray06] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray06] .message-body blockquote {
  color: black;
}
html[data-charte=gray06] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray06] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray06] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray06] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray06] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray06] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray06] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray06] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray06] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray06] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray06] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray06] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray06] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray06] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray06] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray06] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray06] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray06] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray06] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray06] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray06] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray06] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray06] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray06] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray06] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray06] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray06] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray06] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray06] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray06] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray06] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray06] div.request dl div {
  display: flex;
}
html[data-charte=gray06] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray06] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray06] div.editor, html[data-charte=gray06] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray06] form.create-new {
  border: none;
}
html[data-charte=gray06] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray06] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray06] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray06] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] p.template-selector {
  width: 100%;
}
html[data-charte=gray06] p.template-selector input {
  width: 100%;
}
html[data-charte=gray06] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray06] div.mce-toolbar-grp button:hover, html[data-charte=gray06] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] select, html[data-charte=gray06] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray06] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray06] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray06] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray06] p.mandatory {
  text-align: right;
  color: red;
  background-color: #fff;
}
html[data-charte=gray06] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray06] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray06] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray06] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray06] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray06] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray06] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray06] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray06] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray06] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray06] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray06] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray06] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray06] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray06] #main-nav li a.label-color::before,
html[data-charte=gray06] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray06] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray06] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray06] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray06] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray06] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray06] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray06] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted red;
}
html[data-charte=gray06] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray06] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray06] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray06] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray06] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray06] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray06] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray06] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray06] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray06] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray06] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray06] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray06] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray06] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray06] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray06] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray06] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray06] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray06] div.actions-bar button.icon-check:hover, html[data-charte=gray06] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray06] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray06] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray06] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray06] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray06] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray06] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray06] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray06] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray06] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray06] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray06] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray06] div.project-card p.divided {
  color: red;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] div.project-card.details header {
  position: relative;
}
html[data-charte=gray06] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray06] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray06] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray06] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray06] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray06] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray06] html, html[data-charte=gray06] body, html[data-charte=gray06] div, html[data-charte=gray06] span, html[data-charte=gray06] object, html[data-charte=gray06] iframe,
html[data-charte=gray06] h1, html[data-charte=gray06] h2, html[data-charte=gray06] h3, html[data-charte=gray06] h4, html[data-charte=gray06] h5, html[data-charte=gray06] h6, html[data-charte=gray06] p, html[data-charte=gray06] blockquote, html[data-charte=gray06] pre,
html[data-charte=gray06] a, html[data-charte=gray06] abbr, html[data-charte=gray06] address, html[data-charte=gray06] big, html[data-charte=gray06] cite, html[data-charte=gray06] code,
html[data-charte=gray06] del, html[data-charte=gray06] dfn, html[data-charte=gray06] em, html[data-charte=gray06] form, html[data-charte=gray06] img, html[data-charte=gray06] ins, html[data-charte=gray06] kbd, html[data-charte=gray06] q, html[data-charte=gray06] s, html[data-charte=gray06] samp,
html[data-charte=gray06] small, html[data-charte=gray06] strike, html[data-charte=gray06] strong, html[data-charte=gray06] sub, html[data-charte=gray06] sup, html[data-charte=gray06] tt, html[data-charte=gray06] var,
html[data-charte=gray06] b, html[data-charte=gray06] u, html[data-charte=gray06] i, html[data-charte=gray06] dl, html[data-charte=gray06] dt, html[data-charte=gray06] dd, html[data-charte=gray06] ol, html[data-charte=gray06] ul, html[data-charte=gray06] li,
html[data-charte=gray06] fieldset, html[data-charte=gray06] form, html[data-charte=gray06] label, html[data-charte=gray06] legend,
html[data-charte=gray06] table:not(.external-table),
html[data-charte=gray06] caption:not(.external-caption), html[data-charte=gray06] tbody, html[data-charte=gray06] tfoot, html[data-charte=gray06] thead,
html[data-charte=gray06] tr:not(.external-tr),
html[data-charte=gray06] th:not(.external-th),
html[data-charte=gray06] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray06] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray06] header, html[data-charte=gray06] footer, html[data-charte=gray06] main, html[data-charte=gray06] nav, html[data-charte=gray06] aside, html[data-charte=gray06] article, html[data-charte=gray06] section, html[data-charte=gray06] figure, html[data-charte=gray06] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray06] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray06] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray06] h2, html[data-charte=gray06] h3, html[data-charte=gray06] h4, html[data-charte=gray06] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray06] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray06] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray06] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray06] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] p, html[data-charte=gray06] li, html[data-charte=gray06] dt, html[data-charte=gray06] dd, html[data-charte=gray06] h5, html[data-charte=gray06] th, html[data-charte=gray06] td {
  font-size: 0.95em;
}
html[data-charte=gray06] li li, html[data-charte=gray06] li p, html[data-charte=gray06] li dt, html[data-charte=gray06] li dd {
  font-size: 100%;
}
html[data-charte=gray06] a {
  color: black;
}
html[data-charte=gray06] a:visited {
  opacity: 0.8;
}
html[data-charte=gray06] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray06] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray06] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray06] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray06] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray06] blockquote::before, html[data-charte=gray06] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray06] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray06] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray06] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray06] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray06] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray06] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray06] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray06] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray06] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray06] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray06] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray06] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray06] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray06] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray06] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray06] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray06] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray06] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray06] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray06] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray06] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray06] button:hover {
  background-color: #EEE;
}
html[data-charte=gray06] button[disabled], html[data-charte=gray06] .form-reset[disabled], html[data-charte=gray06] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray06] button[disabled]:hover, html[data-charte=gray06] .form-reset[disabled]:hover, html[data-charte=gray06] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray06] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray06] button.secondary {
  background-color: #222;
}
html[data-charte=gray06] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray06] button.discret:hover, html[data-charte=gray06] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray06] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray06] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] a[class*=bt-], html[data-charte=gray06] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray06] [class*=bt-]:hover, html[data-charte=gray06] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray06] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray06] .bt-create:hover, html[data-charte=gray06] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray06] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray06] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray06] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray06] a.bt-link, html[data-charte=gray06] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray06] [class*=icon-], html[data-charte=gray06] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray06] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray06] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray06] [class*=icon-]:hover, html[data-charte=gray06] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray06] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray06] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray06] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray06] .icon-assign, html[data-charte=gray06] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray06] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray06] .icon-pin, html[data-charte=gray06] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray06] .icon-pinned, html[data-charte=gray06] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray06] .icon-pinned:hover, html[data-charte=gray06] .follow-true:hover, html[data-charte=gray06] .icon-pinned:focus, html[data-charte=gray06] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray06] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray06] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray06] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray06] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray06] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray06] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray06] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray06] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray06] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray06] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray06] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray06] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray06] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray06] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray06] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray06] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray06] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray06] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray06] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray06] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray06] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray06] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray06] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray06] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray06] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray06] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray06] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray06] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray06] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray06] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray06] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray06] .icon-mark-as-unread, html[data-charte=gray06] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray06] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray06] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray06] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray06] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray06] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray06] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray06] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray06] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray06] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray06] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray06] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray06] button.icon-check:focus, html[data-charte=gray06] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray06] .icon-info-simple, html[data-charte=gray06] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray06] button.play, html[data-charte=gray06] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray06] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray06] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray06] button.icon-info-simple:hover, html[data-charte=gray06] button.icon-info-simple:focus,
html[data-charte=gray06] button.icon-back:hover, html[data-charte=gray06] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray06] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray06] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray06] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray06] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray06] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray06] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray06] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray06] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray06] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray06] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray06] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray06] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray06] th:not(.external-th), html[data-charte=gray06] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray06] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray06] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray06] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray06] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] th[scope=row] {
  text-align: left;
}
html[data-charte=gray06] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray06] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray06] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray06] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray06] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray06] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray06] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray06] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray06] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray06] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray06] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray06] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray06] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray06] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray06] input[type=text], html[data-charte=gray06] input[type=password], html[data-charte=gray06] input[type=date], html[data-charte=gray06] input[type=url], html[data-charte=gray06] input[type=tel],
html[data-charte=gray06] input[type=time], html[data-charte=gray06] input[type=email], html[data-charte=gray06] input[type=number], html[data-charte=gray06] input[type=search], html[data-charte=gray06] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray06] input[type=number], html[data-charte=gray06] input[type=date], html[data-charte=gray06] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray06] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray06] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray06] input[type=text]:focus, html[data-charte=gray06] input[type=password]:focus, html[data-charte=gray06] input[type=url]:focus,
html[data-charte=gray06] input[type=date]:focus, html[data-charte=gray06] input[type=search]:focus, html[data-charte=gray06] select:focus {
  border-color: #555;
}
html[data-charte=gray06] input[type=url], html[data-charte=gray06] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray06] input[type=number] {
  width: 6em;
}
html[data-charte=gray06] .has-error input {
  border-color: #f00;
}
html[data-charte=gray06] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray06] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray06] select::-ms-expand {
  display: none;
}
html[data-charte=gray06] [type=submit], html[data-charte=gray06] [type=reset], html[data-charte=gray06] button.form-submit, html[data-charte=gray06] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray06] [type=reset], html[data-charte=gray06] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray06] [type=submit]:hover, html[data-charte=gray06] [type=submit]:focus,
html[data-charte=gray06] [type=submit].optional:hover, html[data-charte=gray06] [type=submit].optional:focus,
html[data-charte=gray06] [type=reset]:hover, html[data-charte=gray06] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray06] button.form-submit:hover, html[data-charte=gray06] button.form-submit:focus,
html[data-charte=gray06] button.form-submit.optional:hover, html[data-charte=gray06] button.form-submit.optional:focus,
html[data-charte=gray06] button.form-reset:hover, html[data-charte=gray06] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray06] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray06] [type=submit] + [type=reset], html[data-charte=gray06] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray06] [type=submit].optional, html[data-charte=gray06] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray06] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray06] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray06] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray06] ::-webkit-input-placeholder, html[data-charte=gray06] ::-moz-placeholder, html[data-charte=gray06] :-moz-placeholder, html[data-charte=gray06] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray06] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray06] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray06] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray06] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray06] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray06] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray06] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray06] .highlight label, html[data-charte=gray06] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray06] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray06] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray06] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray06] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray06] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray06] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray06] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray06] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray06] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray06] ul.choices {
  display: flex;
}
html[data-charte=gray06] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray06] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray06] ul.choices.vertical {
  display: block;
}
html[data-charte=gray06] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray06] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray06] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray06] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray06] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray06] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray06] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray06] .form-makeup input:checked + label::before, html[data-charte=gray06] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray06] .form-makeup input:focus + label {
  outline: 1px dotted red;
}
html[data-charte=gray06] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray06] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray06] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray06] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray06] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray06] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray06] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray06] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray06] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray06] .check-chips input:focus + label {
  color: red;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray06] .check-chips input:checked + label, html[data-charte=gray06] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray06] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray06] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray06] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray06] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray06] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray06] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray06] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray06] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray06] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray06] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray06] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray06] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray06] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray06] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray06] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray06] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray06] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray06] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray06] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray06] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray06] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray06] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray06] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray06] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray06] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray06] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray06] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray06] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: red;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray06] div.card dt, html[data-charte=gray06] div.card dd {
  max-width: 100%;
}
html[data-charte=gray06] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray06] div.card a {
  text-decoration: none;
}
html[data-charte=gray06] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray06] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray06] div.card.unread a, html[data-charte=gray06] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray06] div.card.read a, html[data-charte=gray06] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray06] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray06] span.social-icon img {
  width: 16px;
}
html[data-charte=gray06] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray06] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray06] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray06] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray06] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray06] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray06] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray06] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray06] div.h-card form p {
  margin: 0;
}
html[data-charte=gray06] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray06] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray06] div.h-card h2 a, html[data-charte=gray06] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray06] div.h-card h2 a:hover, html[data-charte=gray06] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray06] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray06] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray06] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray06] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray06] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray06] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray06] div.spinner strong {
  display: block;
}
html[data-charte=gray06] div.spinner ::before, html[data-charte=gray06] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray06] div.spinner p::before,
html[data-charte=gray06] div.spinner p::after,
html[data-charte=gray06] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray06] div.spinner.ease-in-out ::before, html[data-charte=gray06] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray06] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray06] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray06] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray06] div.spinner.cubic-bezier ::before, html[data-charte=gray06] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray06] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray06] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray06] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray06] div.spinner.ease-in-out-fill ::before, html[data-charte=gray06] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray06] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray06] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray06] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray06] div.spinner.linear-dot ::before, html[data-charte=gray06] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray06] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray06] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray06] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray06] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray06] div.spinner.linear-circle ::before, html[data-charte=gray06] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray06] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray06] div.spinner.linear-circle p::before,
html[data-charte=gray06] div.spinner.linear-circle strong::before,
html[data-charte=gray06] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray06] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray06] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray06] div.spinner.progress-bar ::before, html[data-charte=gray06] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray06] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray06] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray06] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray06] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray06] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray06] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray06] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray06] .box1, html[data-charte=gray06] .box4, html[data-charte=gray06] .box8, html[data-charte=gray06] .box11, html[data-charte=gray06] .box13, html[data-charte=gray06] .box16, html[data-charte=gray06] .box20 {
  animation-name: quiet;
}
html[data-charte=gray06] .box2, html[data-charte=gray06] .box6, html[data-charte=gray06] .box10, html[data-charte=gray06] .box14, html[data-charte=gray06] .box17, html[data-charte=gray06] .box19 {
  animation-name: normal;
}
html[data-charte=gray06] .box3, html[data-charte=gray06] .box5, html[data-charte=gray06] .box7, html[data-charte=gray06] .box9, html[data-charte=gray06] .box12, html[data-charte=gray06] .box15, html[data-charte=gray06] .box18 {
  animation-name: loud;
}
html[data-charte=gray06] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray06] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray06] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray06] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray06] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray06] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray06] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray06] .show-icons a:hover + .tooltip, html[data-charte=gray06] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray06] .alternative-alt:hover, html[data-charte=gray06] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray06] .alternative-alt:hover::before, html[data-charte=gray06] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray06] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray06] .ember-basic-dropdown, html[data-charte=gray06] .ember-basic-dropdown-content, html[data-charte=gray06] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray06] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray06] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray06] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray06] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray06] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray06] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray06] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray06] .ember-power-select-options li:hover, html[data-charte=gray06] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray06] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray06] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray06] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray06] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray06] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray06] .ember-power-select-trigger:focus,
html[data-charte=gray06] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray06] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray06] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray06] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray06] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray06] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray06] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray06] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray06] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray06] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray06] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray06] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray06] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray06] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray06] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray06] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray06] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray06] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray06] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray06] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray06] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray06] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray06] div.controled div.content {
  display: none;
}
html[data-charte=gray06] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray06] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray06] .underlay {
  opacity: 0;
}
html[data-charte=gray06] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray06] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] #main-nav h2::before {
  content: none;
}
html[data-charte=gray06] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray06] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray06] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray06] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray06] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray06] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray06] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray06] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray06] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray06] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray06] #main-nav li a, html[data-charte=gray06] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray06] #main-nav li a:focus, html[data-charte=gray06] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray06] #main-nav li a::after, html[data-charte=gray06] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray06] #main-nav li a.active::after,
html[data-charte=gray06] #main-nav li a:hover::after,
html[data-charte=gray06] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray06] #main-nav li button:hover::after,
html[data-charte=gray06] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray06] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray06] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray06] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray06] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray06] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray06] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray06] #main-nav li a.bt-create, html[data-charte=gray06] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray06] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray06] #main-nav li a.bt-create:hover, html[data-charte=gray06] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray06] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray06] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray06] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray06] #main-nav button.has-level2, html[data-charte=gray06] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray06] #main-nav button.has-level2::after, html[data-charte=gray06] #main-nav a.has-level2::after,
html[data-charte=gray06] #main-nav button.has-level2:hover::after, html[data-charte=gray06] #main-nav a.has-level2:hover::after,
html[data-charte=gray06] #main-nav button.has-level2:focus::after, html[data-charte=gray06] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray06] #main-nav button.collapse::after,
html[data-charte=gray06] #main-nav button.collapse:hover::after,
html[data-charte=gray06] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray06] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray06] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray06] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray06] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray06] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray06] div.modal[aria-hidden=false], html[data-charte=gray06] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray06] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray06] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray06] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray06] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray06] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray06] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray06] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray06] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray06] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray06] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray06] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray06] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray06] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray06] div.dropdown button.dd-trigger:hover, html[data-charte=gray06] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray06] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray06] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray06] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray06] div.dropdown ul button,
html[data-charte=gray06] div.dropdown ul a,
html[data-charte=gray06] div.dropdown ul [class*=icon-],
html[data-charte=gray06] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray06] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray06] div.dropdown ul button:hover, html[data-charte=gray06] div.dropdown ul a:hover,
html[data-charte=gray06] div.dropdown ul button:focus, html[data-charte=gray06] div.dropdown ul a:focus,
html[data-charte=gray06] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray06] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray06] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray06] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray06] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray06] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray06] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray06] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray06] nav.pagination li:not(.page) + li.page, html[data-charte=gray06] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray06] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray06] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray06] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray06] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray06] nav.pagination a, html[data-charte=gray06] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray06] nav.pagination a.firstPage, html[data-charte=gray06] nav.pagination a.previousPage, html[data-charte=gray06] nav.pagination a.nextPage, html[data-charte=gray06] nav.pagination a.lastPage, html[data-charte=gray06] nav.pagination li button.firstPage, html[data-charte=gray06] nav.pagination li button.previousPage, html[data-charte=gray06] nav.pagination li button.nextPage, html[data-charte=gray06] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray06] nav.pagination a.firstPage, html[data-charte=gray06] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray06] nav.pagination a.previousPage, html[data-charte=gray06] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray06] nav.pagination a.nextPage, html[data-charte=gray06] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray06] nav.pagination a.lastPage, html[data-charte=gray06] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray06] nav.pagination a:hover, html[data-charte=gray06] nav.pagination a:focus, html[data-charte=gray06] nav.pagination li.active a,
html[data-charte=gray06] nav.pagination li button:hover, html[data-charte=gray06] nav.pagination li button:focus, html[data-charte=gray06] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray06] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray06] nav.pagination li.shortcut a, html[data-charte=gray06] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray06] select.selector, html[data-charte=gray06] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray06] .has-error input, html[data-charte=gray06] .has-error select, html[data-charte=gray06] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray06] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray06] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray06] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray06] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray06] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray06] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray06] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray06] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray06] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray06] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray06] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray06] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray06] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray06] div.editor {
  position: relative;
}
html[data-charte=gray06] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray06] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray06] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray06] div.editor-wrapper a, html[data-charte=gray06] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray06] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray06] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray06] strong, html[data-charte=gray06] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray06] em, html[data-charte=gray06] i {
  font-style: italic;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block p, html[data-charte=gray06] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray06] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray06] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block:focus, html[data-charte=gray06] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray06] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray06] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray06] select.models, html[data-charte=gray06] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray06] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray06] .contentEditableValue {
  display: none;
}
html[data-charte=gray06] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray06] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray06] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray06] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray06] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray06] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray06] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray06] #color-poly {
  display: none;
}
html[data-charte=gray06] #color-poly.active {
  display: block;
}
html[data-charte=gray06] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray06] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray06] button.color:hover, html[data-charte=gray06] button.color:focus {
  border-top-color: red;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: red;
}
html[data-charte=gray06] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray06] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray06] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray06] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray06] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray06] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray06] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray06] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray06] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray06] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray06] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray06] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray06] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray06] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray06] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray06] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray06] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray06] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray06] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray06] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray06] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray06] div.format-options.active {
  display: block;
}
html[data-charte=gray06] div.format-options p {
  margin: 0;
}
html[data-charte=gray06] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray06] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray06] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray06] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray06] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray06] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray06] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray06] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray06] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray06] mark {
  cursor: help;
}
html[data-charte=gray06] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray06] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray06] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray06] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray06] b ul.sc-options li, html[data-charte=gray06] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray06] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray06] em ul.sc-options li, html[data-charte=gray06] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray06] ul.sc-options li:hover, html[data-charte=gray06] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray06] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray06] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray06] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray06] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray06] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray06] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray06] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray06] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray06] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray06] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray06] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray06] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray06] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray06] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray06] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray06] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray06] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray06] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray06] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray06] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray06] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray06] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] select, html[data-charte=gray06] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray06] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray06] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray06] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray06] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray06] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray06] section.participants div.h-card .u-photo, html[data-charte=gray06] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray06] main.conversation section.participants ul.actions-list,
html[data-charte=gray06] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray06] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray06] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray06] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray06] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray06] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray06] div.actions-bar {
  color: red;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.actions-bar p, html[data-charte=gray06] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray06] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray06] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray06] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray06] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray06] div.actions-bar .radio-chips input:focus + label {
  color: red;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray06] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray06] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray06] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray06] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray06] .collapsible h3, html[data-charte=gray06] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray06] .collapsible > .content {
  display: none;
}
html[data-charte=gray06] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray06] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray06] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray06] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray06] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray06] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray06] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray06] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray06] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray06] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray06] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray06] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray06] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray06] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray06] ul.tabs li a, html[data-charte=gray06] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray06] ul.tabs li a:hover, html[data-charte=gray06] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray06] ul.tabs li.active a, html[data-charte=gray06] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray06] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray06] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray06] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray06] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray06] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray06] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray06] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray06] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray06] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray06] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray06] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray06] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray06] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray06] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray06] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray06] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray06] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray06] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray06] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray06] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray06] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray06] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray06] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray06] details.simple summary::after {
  content: " +";
}
html[data-charte=gray06] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray06] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray06] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray06] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray06] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray06] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray06] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray06] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray06] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray06] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray06] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray06] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray06] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray06] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray06] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray06] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray06] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray06] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray06] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray06] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray06] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray06] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray06] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray06] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray06] .form-makeup input:checked + label::before, html[data-charte=gray06] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray06] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray06] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray06] button[disabled], html[data-charte=gray06] .form-reset[disabled], html[data-charte=gray06] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray06] button[disabled]:hover, html[data-charte=gray06] .form-reset[disabled]:hover, html[data-charte=gray06] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray06] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray06] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray06] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray06] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray06] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray06] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray06] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray06] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray06] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray06] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray06] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray06] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray06] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray06] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray06] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray06] div.datepickerDialog th, html[data-charte=gray06] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray06] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray06] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray06] div.datepickerDialog td button:hover, html[data-charte=gray06] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray06] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray06] div.datepickerDialog p.buttons-bar, html[data-charte=gray06] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray06] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray06] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray06] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray06] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray06] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray06] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray06] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray06] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray06] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray06] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray06] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray06] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray06] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray06] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray06] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray06] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray06] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray06] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray06] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray06] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray06] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray06] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray06] .icon-zoom {
  position: inherit;
}
html[data-charte=gray06] figure.img-container img {
  width: 100%;
}
html[data-charte=gray06] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray06] div.editor-wrapper .audio, html[data-charte=gray06] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray06] div.editor-wrapper .audio, html[data-charte=gray06] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray06] div.editor-wrapper .audio, html[data-charte=gray06] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray06] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray06] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray06] .audio-preview {
  justify-content: center;
}
html[data-charte=gray06] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray06] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray06] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray06] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray06] .audio-message, html[data-charte=gray06] .audio-record, html[data-charte=gray06] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray06] .audio-message audio, html[data-charte=gray06] .audio-record audio, html[data-charte=gray06] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray06] .audio-message .icon-download.voice-message, html[data-charte=gray06] .audio-record .icon-download.voice-message, html[data-charte=gray06] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray06] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray06] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray06] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray06] .audio {
  min-width: 20rem;
}
html[data-charte=gray06] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray06] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray06] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray06] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray06] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray06] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray06] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray06] #volume-control, html[data-charte=gray06] #speed-control {
  display: none;
}
html[data-charte=gray06] #volume-control > input, html[data-charte=gray06] #speed-control > input {
  width: 65px;
}
html[data-charte=gray06] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray06] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray06] #volume-control[aria-hidden=false], html[data-charte=gray06] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray06] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray06] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray06] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray06] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray06] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray06] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray06] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray06] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray06] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray06] ul.add-list li {
  padding: 0;
}
html[data-charte=gray06] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray06] .icon-share, html[data-charte=gray06] .icon-edit, html[data-charte=gray06] .icon-info,
html[data-charte=gray06] .icon-upload, html[data-charte=gray06] .icon-close, html[data-charte=gray06] .icon-info-close,
html[data-charte=gray06] .icon-notify, html[data-charte=gray06] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray06] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray06] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray06] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray06] .icon-info, html[data-charte=gray06] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray06] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray06] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray06] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray06] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray06] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray06] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray06] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray06] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray06] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray06] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray06] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray06] div.project-card::before, html[data-charte=gray06] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray06] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray06] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray06] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray06] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray06] div.project-card h4 a {
  color: red;
  background-color: #FFF;
}
html[data-charte=gray06] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray06] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray06] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray06] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray06] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray06] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray06] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray06] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray06] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray06] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray06] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray06] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray06] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray06] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray06] dl.project-info dt, html[data-charte=gray06] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray06] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray06] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray06] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray06] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray06] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray06] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray06] p.assignment strong {
  display: block;
}
html[data-charte=gray06] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray06] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray06] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray06] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray06] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray06] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray06] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray06] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray06] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray06] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray06] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray06] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray06] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray06] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray06] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray06] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray06] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray06] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray06] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray06] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray06] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray06] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray06] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray06] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray06] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray06] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray06] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray06] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray06] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray06] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray06] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray06] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray06] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray06] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray06] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray06] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray06] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray06] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray06] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray06] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray06] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray06] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray06] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray06] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray06] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray06] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray06] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray06] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray06] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray06] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray06] div.project-card h4 a, html[data-charte=gray06] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray06] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray06] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray06] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray06] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray06] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray06] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray06] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray06] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray06] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray06] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray06] p.nature {
    flex: 1;
  }
  html[data-charte=gray06] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray06] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray06] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray06] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray06] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray06] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray06] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray06] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray06] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray06] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray06] ul.treeview button.element-button:hover, html[data-charte=gray06] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray06] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray06] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray06] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray06] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray06] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray06] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray06] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray06] ul.treeview button.deploy, html[data-charte=gray06] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray06] ul.treeview button.deploy, html[data-charte=gray06] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray06] ul.treeview button:focus, html[data-charte=gray06] ul.treeview button:hover, html[data-charte=gray06] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray06] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray06] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray06] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray06] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray06] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray06] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray06] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray06] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray06] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray06] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray06] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray06] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray06] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray06] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray06] .treeview-search-combo button.element.highlight, html[data-charte=gray06] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray06] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray06] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray06] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray06] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray06] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray06] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray06] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray06] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray06] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray06] #absences-calendar ul.actions-list, html[data-charte=gray06] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray06] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray06] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray06] #absences-calendar .icon-next, html[data-charte=gray06] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray06] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray06] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray06] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray06] table.plan-grid th, html[data-charte=gray06] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray06] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray06] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray06] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray06] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray06] table.plan-grid tr td:first-of-type, html[data-charte=gray06] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray06] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray06] table.plan-grid div p {
  display: none;
}
html[data-charte=gray06] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray06] table.plan-grid div:hover p, html[data-charte=gray06] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray06] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray06] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray06] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray06] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray06] #absences-calendar ul.actions-list, html[data-charte=gray06] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray06] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray06] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray06] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray06] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray06] table.plan-grid td, html[data-charte=gray06] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray06] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray06] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray06] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray06] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray06] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray06] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray06] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray06] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray06] table.plan-grid div:hover p, html[data-charte=gray06] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray06] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray06] table.plan-grid div:hover p, html[data-charte=gray06] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray06] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray06] div.editor-wrapper a, html[data-charte=gray06] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray06] div.editor-wrapper a:visited, html[data-charte=gray06] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray06] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray06] div.editor-wrapper li, html[data-charte=gray06] div.editor-wrapper th:not(.external-th), html[data-charte=gray06] div.editor-wrapper td:not(.external-td), html[data-charte=gray06] div.editor p:not(.feedback-message), html[data-charte=gray06] div.editor li, html[data-charte=gray06] div.editor th:not(.external-th), html[data-charte=gray06] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray06] div.editor-wrapper p, html[data-charte=gray06] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray06] div.editor-wrapper th, html[data-charte=gray06] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray06] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray06] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray06] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray06] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray06] div.editor-wrapper th[scope=row], html[data-charte=gray06] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray06] div.editor-wrapper strong, html[data-charte=gray06] div.editor-wrapper b, html[data-charte=gray06] div.editor-wrapper th:not(.external-th), html[data-charte=gray06] div.editor strong, html[data-charte=gray06] div.editor b, html[data-charte=gray06] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray06] div.editor-wrapper table:not(.external-table), html[data-charte=gray06] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block ul, html[data-charte=gray06] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray06] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray06] #side-bar-profile {
  position: relative;
}
html[data-charte=gray06] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray06] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray06] header#side-panel {
  color: black;
}
html[data-charte=gray06] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray06] .tooltip {
  z-index: 2000;
}
html[data-charte=gray06] div.tooltip .tooltip-inner, html[data-charte=gray06] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray06] figure {
  text-align: center;
}
html[data-charte=gray06] figure img {
  margin: 0 auto;
}
html[data-charte=gray06] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray06] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray06] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray06] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray06] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray06] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray06] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray06] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray06] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray06] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray06] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray06] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray06] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray06] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray06] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray06] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray06] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray06] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray06] section.login h1::after {
  content: none;
}
html[data-charte=gray06] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray06] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray06] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray06] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray06] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray06] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray06] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray06] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray06] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray06] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray06] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray06] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray06] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray06] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray06] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray06] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray06] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray06] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray06] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray06] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray06] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray06] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray06] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray06] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray06] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray06] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray06] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray06] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray06] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray06] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray06] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray06] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray06] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray06] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray06] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray06] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray06] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray06] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray06] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray06] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray06] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray06] p, html[data-charte=gray06] li, html[data-charte=gray06] dt, html[data-charte=gray06] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray06] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray06] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray06] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray06] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray06] ul.optional-status li, html[data-charte=gray06] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray06] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray06] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray06] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray06] div.card > div, html[data-charte=gray06] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray06] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray06] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray06] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray06] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray06] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray06] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray06] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray06] div.card dt, html[data-charte=gray06] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray06] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray06] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray06] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray06] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray06] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray06] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray06] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray06] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray06] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray06] div.bubble .u-photo, html[data-charte=gray06] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray06] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray06] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray06] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray06] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray06] div.request {
    position: relative;
  }
  html[data-charte=gray06] div.request dt, html[data-charte=gray06] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray06] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray06] div.request a:hover::after, html[data-charte=gray06] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray06] h3 {
    font-size: 2em;
  }
  html[data-charte=gray06] .collapsible h2, html[data-charte=gray06] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray06] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray06] #container {
    display: flex;
  }
  html[data-charte=gray06] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray06] #wrapper footer {
    display: none;
  }
  html[data-charte=gray06] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray06] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray06] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray06] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray06] div.grid-2thirds, html[data-charte=gray06] div.grid-3cols, html[data-charte=gray06] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray06] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray06] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray06] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray06] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray06] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray06] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray06] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray06] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray06] table.transform th {
    display: none;
  }
  html[data-charte=gray06] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray06] table.transform tr, html[data-charte=gray06] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray06] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray06] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray06] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray06] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray06] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray06] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray06] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray06] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray06] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray06] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray06] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: red;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray06] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray06] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray06] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray06] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray06] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray06] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray06] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray06] div.actions-bar p, html[data-charte=gray06] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray06] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray06] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray06] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray06] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray06] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray06] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray06] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray06] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray06] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray06] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray06] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray06] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray06] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray06] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray06] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray06] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray06] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray06] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray06] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray06] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray06] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray06] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray06] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray06] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray06] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray06] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray06] section.participants div.h-card .u-photo, html[data-charte=gray06] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray06] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray06] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray06] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray06] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray06] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray06] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray06] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray06] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray06] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray06] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray06] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray06] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray06] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray06] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray06] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray06] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray06] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray06] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray06] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray06] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray06] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray06] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray06] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray06] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray06] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray06] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray06] div.bubble .content p:not(.feedback-message), html[data-charte=gray06] div.bubble .content li, html[data-charte=gray06] div.bubble .content th:not(.external-th), html[data-charte=gray06] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray06] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray06] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray06] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray06] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray06] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray06] div.bubble .content strong, html[data-charte=gray06] div.bubble .content b, html[data-charte=gray06] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray06] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray06] div.bubble .content li, html[data-charte=gray06] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray06] div.conversation-message--owner-organization > div.bubble div.content {
  color: red;
}
html[data-charte=gray06] div.bubble div.content {
  color: red;
  background-color: #ffe6e6;
}
html[data-charte=gray06] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray06] .f-upload-editor {
  display: none;
}
html[data-charte=gray06] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray06] .f-size, html[data-charte=gray06] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray06] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray06] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray06] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray06] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray06] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: red;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray06] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: red;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray06] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray06] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: red;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray06] button.form-submit:not(.optional) {
  color: red;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray06] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray06] button.form-submit.optional {
  color: red;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray06] button.form-reset {
  color: red;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray06] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: red;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray06] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray06] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: red;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray06] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray06] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray06] [class*=icon-],
html[data-charte=gray06] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray06] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray06] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray06] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray06] .icon-info-simple,
html[data-charte=gray06] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray06] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray06] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray06] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray06] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray06] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray06] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray06] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray06] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray06] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray06] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray06] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray06] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray06] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray06] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray06] input[type=search],
html[data-charte=gray06] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray06] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray06] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray06] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray06] legend {
  color: #222;
}
html[data-charte=gray06] label {
  color: #222;
}
html[data-charte=gray06] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray06] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray06] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray06] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray06] #ccSelector {
  display: none;
}
html[data-charte=gray06] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray06] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray06] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray06] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray06] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray06] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray06] label[for=subject] {
  display: none !important;
}
html[data-charte=gray06] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray06] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray06] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray06] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray06] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray06] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray06] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray06] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray06] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray06] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray06] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray06] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray06] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray06] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray06] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray06] ul.message-attachments {
  color: #222;
}
html[data-charte=gray06] .tree,
html[data-charte=gray06] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray06] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray06] .tree li:last-child {
  border: 0;
}
html[data-charte=gray06] .section ul {
  display: none;
}
html[data-charte=gray06] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray06] .section input[type=radio] {
  display: none;
}
html[data-charte=gray06] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: red;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray06] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray06] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray06] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray06] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray06] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray06] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray06] .feedback-message {
  color: #222;
}
html[data-charte=gray06] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray06] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray06] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray06] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray06] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray06] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray06] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray06] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray06] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray06] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray06] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray06] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray06] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray06] div.controled {
  background: transparent;
}
html[data-charte=gray06] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray06] .message-body th:not(.external-th), html[data-charte=gray06] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray06] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray07] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray07] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid red;
}
html[data-charte=gray07] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray07] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray07] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray07] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray07] div.user-data a, html[data-charte=gray07] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray07] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray07] div.user-data button:focus, html[data-charte=gray07] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray07] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray07] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray07] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray07] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray07] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray07] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray07] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray07] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray07] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray07] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray07] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray07] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray07] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray07] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray07] span.status {
  display: inline-block;
}
html[data-charte=gray07] div.h-card h2 a, html[data-charte=gray07] div.h-card h2 a:visited {
  background-color: red;
}
html[data-charte=gray07] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray07] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray07] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray07] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray07] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray07] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray07] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray07] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray07] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray07] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray07] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray07] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray07] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray07] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray07] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray07] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray07] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray07] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray07] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray07] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray07] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray07] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray07] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray07] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray07] div.personal-info div.avatar {
  background-color: red;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray07] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray07] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray07] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray07] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray07] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray07] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray07] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray07] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray07] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray07] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray07] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray07] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray07] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray07] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray07] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray07] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray07] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray07] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray07] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray07] div.bubble h3 time {
  display: block;
}
html[data-charte=gray07] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray07] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray07] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray07] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray07] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray07] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray07] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray07] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray07] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray07] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray07] div.bubble details div {
  display: flex;
}
html[data-charte=gray07] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray07] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray07] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray07] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray07] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray07] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray07] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray07] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray07] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray07] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray07] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray07] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray07] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray07] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray07] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray07] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray07] div.bubble.message-comment .u-photo, html[data-charte=gray07] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray07] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray07] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray07] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray07] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray07] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray07] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray07] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray07] .message-body blockquote {
  color: black;
}
html[data-charte=gray07] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray07] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray07] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray07] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray07] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray07] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray07] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray07] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray07] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray07] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray07] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray07] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray07] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray07] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray07] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray07] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray07] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray07] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray07] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray07] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray07] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray07] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray07] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray07] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray07] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid red;
}
html[data-charte=gray07] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray07] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray07] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray07] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray07] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray07] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray07] div.request dl div {
  display: flex;
}
html[data-charte=gray07] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray07] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray07] div.editor, html[data-charte=gray07] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid red;
  border-radius: 0.3rem;
}
html[data-charte=gray07] form.create-new {
  border: none;
}
html[data-charte=gray07] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray07] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray07] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray07] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] p.template-selector {
  width: 100%;
}
html[data-charte=gray07] p.template-selector input {
  width: 100%;
}
html[data-charte=gray07] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray07] div.mce-toolbar-grp button:hover, html[data-charte=gray07] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] select, html[data-charte=gray07] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray07] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray07] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray07] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray07] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray07] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray07] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray07] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray07] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray07] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray07] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray07] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray07] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray07] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray07] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray07] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray07] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray07] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray07] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray07] #main-nav li a.label-color::before,
html[data-charte=gray07] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray07] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray07] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray07] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray07] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray07] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray07] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray07] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray07] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray07] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray07] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray07] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray07] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray07] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray07] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray07] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray07] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray07] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray07] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray07] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray07] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray07] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray07] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray07] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray07] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray07] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray07] div.actions-bar button.icon-check:hover, html[data-charte=gray07] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray07] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray07] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray07] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray07] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray07] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray07] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray07] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray07] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray07] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray07] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray07] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray07] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] div.project-card.details header {
  position: relative;
}
html[data-charte=gray07] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray07] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray07] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray07] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray07] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray07] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray07] html, html[data-charte=gray07] body, html[data-charte=gray07] div, html[data-charte=gray07] span, html[data-charte=gray07] object, html[data-charte=gray07] iframe,
html[data-charte=gray07] h1, html[data-charte=gray07] h2, html[data-charte=gray07] h3, html[data-charte=gray07] h4, html[data-charte=gray07] h5, html[data-charte=gray07] h6, html[data-charte=gray07] p, html[data-charte=gray07] blockquote, html[data-charte=gray07] pre,
html[data-charte=gray07] a, html[data-charte=gray07] abbr, html[data-charte=gray07] address, html[data-charte=gray07] big, html[data-charte=gray07] cite, html[data-charte=gray07] code,
html[data-charte=gray07] del, html[data-charte=gray07] dfn, html[data-charte=gray07] em, html[data-charte=gray07] form, html[data-charte=gray07] img, html[data-charte=gray07] ins, html[data-charte=gray07] kbd, html[data-charte=gray07] q, html[data-charte=gray07] s, html[data-charte=gray07] samp,
html[data-charte=gray07] small, html[data-charte=gray07] strike, html[data-charte=gray07] strong, html[data-charte=gray07] sub, html[data-charte=gray07] sup, html[data-charte=gray07] tt, html[data-charte=gray07] var,
html[data-charte=gray07] b, html[data-charte=gray07] u, html[data-charte=gray07] i, html[data-charte=gray07] dl, html[data-charte=gray07] dt, html[data-charte=gray07] dd, html[data-charte=gray07] ol, html[data-charte=gray07] ul, html[data-charte=gray07] li,
html[data-charte=gray07] fieldset, html[data-charte=gray07] form, html[data-charte=gray07] label, html[data-charte=gray07] legend,
html[data-charte=gray07] table:not(.external-table),
html[data-charte=gray07] caption:not(.external-caption), html[data-charte=gray07] tbody, html[data-charte=gray07] tfoot, html[data-charte=gray07] thead,
html[data-charte=gray07] tr:not(.external-tr),
html[data-charte=gray07] th:not(.external-th),
html[data-charte=gray07] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray07] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray07] header, html[data-charte=gray07] footer, html[data-charte=gray07] main, html[data-charte=gray07] nav, html[data-charte=gray07] aside, html[data-charte=gray07] article, html[data-charte=gray07] section, html[data-charte=gray07] figure, html[data-charte=gray07] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray07] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray07] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray07] h2, html[data-charte=gray07] h3, html[data-charte=gray07] h4, html[data-charte=gray07] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray07] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray07] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray07] h3 {
  font-size: 1.2em;
  color: red;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid red;
}
html[data-charte=gray07] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] p, html[data-charte=gray07] li, html[data-charte=gray07] dt, html[data-charte=gray07] dd, html[data-charte=gray07] h5, html[data-charte=gray07] th, html[data-charte=gray07] td {
  font-size: 0.95em;
}
html[data-charte=gray07] li li, html[data-charte=gray07] li p, html[data-charte=gray07] li dt, html[data-charte=gray07] li dd {
  font-size: 100%;
}
html[data-charte=gray07] a {
  color: black;
}
html[data-charte=gray07] a:visited {
  opacity: 0.8;
}
html[data-charte=gray07] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray07] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray07] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray07] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray07] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray07] blockquote::before, html[data-charte=gray07] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray07] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray07] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray07] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray07] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray07] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray07] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray07] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray07] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray07] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray07] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray07] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray07] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray07] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray07] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray07] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray07] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray07] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray07] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray07] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray07] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray07] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray07] button:hover {
  background-color: #EEE;
}
html[data-charte=gray07] button[disabled], html[data-charte=gray07] .form-reset[disabled], html[data-charte=gray07] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray07] button[disabled]:hover, html[data-charte=gray07] .form-reset[disabled]:hover, html[data-charte=gray07] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray07] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray07] button.secondary {
  background-color: red;
}
html[data-charte=gray07] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray07] button.discret:hover, html[data-charte=gray07] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray07] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray07] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] a[class*=bt-], html[data-charte=gray07] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray07] [class*=bt-]:hover, html[data-charte=gray07] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray07] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray07] .bt-create:hover, html[data-charte=gray07] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray07] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray07] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray07] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray07] a.bt-link, html[data-charte=gray07] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray07] [class*=icon-], html[data-charte=gray07] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray07] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray07] [class*=icon-].secondary {
  background-color: red;
}
html[data-charte=gray07] [class*=icon-]:hover, html[data-charte=gray07] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray07] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray07] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray07] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray07] .icon-assign, html[data-charte=gray07] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray07] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray07] .icon-pin, html[data-charte=gray07] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray07] .icon-pinned, html[data-charte=gray07] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray07] .icon-pinned:hover, html[data-charte=gray07] .follow-true:hover, html[data-charte=gray07] .icon-pinned:focus, html[data-charte=gray07] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray07] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray07] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray07] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray07] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray07] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray07] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray07] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray07] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray07] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray07] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray07] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray07] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray07] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray07] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray07] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray07] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray07] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray07] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray07] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray07] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray07] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray07] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray07] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray07] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray07] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray07] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray07] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray07] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray07] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray07] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray07] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray07] .icon-mark-as-unread, html[data-charte=gray07] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray07] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray07] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray07] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray07] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray07] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray07] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray07] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray07] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray07] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray07] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray07] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray07] button.icon-check:focus, html[data-charte=gray07] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray07] .icon-info-simple, html[data-charte=gray07] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray07] button.play, html[data-charte=gray07] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray07] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray07] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray07] button.icon-info-simple:hover, html[data-charte=gray07] button.icon-info-simple:focus,
html[data-charte=gray07] button.icon-back:hover, html[data-charte=gray07] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: red;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: red;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray07] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray07] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray07] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray07] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray07] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray07] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray07] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray07] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray07] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray07] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray07] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray07] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray07] th:not(.external-th), html[data-charte=gray07] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray07] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray07] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray07] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray07] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] th[scope=row] {
  text-align: left;
}
html[data-charte=gray07] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray07] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray07] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray07] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray07] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray07] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray07] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray07] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray07] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray07] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray07] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray07] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray07] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray07] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray07] input[type=text], html[data-charte=gray07] input[type=password], html[data-charte=gray07] input[type=date], html[data-charte=gray07] input[type=url], html[data-charte=gray07] input[type=tel],
html[data-charte=gray07] input[type=time], html[data-charte=gray07] input[type=email], html[data-charte=gray07] input[type=number], html[data-charte=gray07] input[type=search], html[data-charte=gray07] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray07] input[type=number], html[data-charte=gray07] input[type=date], html[data-charte=gray07] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray07] [readonly] {
  color: red;
  background-color: #EEE;
}
html[data-charte=gray07] input[type=search]:focus {
  outline: 1px dotted red;
}
html[data-charte=gray07] input[type=text]:focus, html[data-charte=gray07] input[type=password]:focus, html[data-charte=gray07] input[type=url]:focus,
html[data-charte=gray07] input[type=date]:focus, html[data-charte=gray07] input[type=search]:focus, html[data-charte=gray07] select:focus {
  border-color: #555;
}
html[data-charte=gray07] input[type=url], html[data-charte=gray07] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray07] input[type=number] {
  width: 6em;
}
html[data-charte=gray07] .has-error input {
  border-color: #f00;
}
html[data-charte=gray07] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray07] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray07] select::-ms-expand {
  display: none;
}
html[data-charte=gray07] [type=submit], html[data-charte=gray07] [type=reset], html[data-charte=gray07] button.form-submit, html[data-charte=gray07] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray07] [type=reset], html[data-charte=gray07] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray07] [type=submit]:hover, html[data-charte=gray07] [type=submit]:focus,
html[data-charte=gray07] [type=submit].optional:hover, html[data-charte=gray07] [type=submit].optional:focus,
html[data-charte=gray07] [type=reset]:hover, html[data-charte=gray07] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray07] button.form-submit:hover, html[data-charte=gray07] button.form-submit:focus,
html[data-charte=gray07] button.form-submit.optional:hover, html[data-charte=gray07] button.form-submit.optional:focus,
html[data-charte=gray07] button.form-reset:hover, html[data-charte=gray07] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray07] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray07] [type=submit] + [type=reset], html[data-charte=gray07] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray07] [type=submit].optional, html[data-charte=gray07] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: red;
}
html[data-charte=gray07] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray07] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray07] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray07] ::-webkit-input-placeholder, html[data-charte=gray07] ::-moz-placeholder, html[data-charte=gray07] :-moz-placeholder, html[data-charte=gray07] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray07] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray07] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray07] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray07] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray07] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray07] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray07] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray07] .highlight label, html[data-charte=gray07] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray07] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray07] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray07] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray07] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray07] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray07] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray07] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray07] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray07] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray07] ul.choices {
  display: flex;
}
html[data-charte=gray07] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray07] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray07] ul.choices.vertical {
  display: block;
}
html[data-charte=gray07] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray07] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray07] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray07] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray07] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray07] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray07] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray07] .form-makeup input:checked + label::before, html[data-charte=gray07] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray07] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray07] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray07] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray07] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray07] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray07] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray07] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray07] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray07] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray07] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray07] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray07] .check-chips input:checked + label, html[data-charte=gray07] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray07] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray07] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray07] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray07] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray07] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray07] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray07] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray07] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray07] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray07] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray07] div.error-messages {
  text-align: center;
  color: red;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray07] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray07] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray07] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: red;
}
html[data-charte=gray07] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: red;
}
html[data-charte=gray07] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray07] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: red;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray07] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray07] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray07] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray07] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray07] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray07] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray07] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray07] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray07] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray07] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray07] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray07] div.card dt, html[data-charte=gray07] div.card dd {
  max-width: 100%;
}
html[data-charte=gray07] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray07] div.card a {
  text-decoration: none;
}
html[data-charte=gray07] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray07] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray07] div.card.unread a, html[data-charte=gray07] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray07] div.card.read a, html[data-charte=gray07] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray07] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray07] span.social-icon img {
  width: 16px;
}
html[data-charte=gray07] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray07] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray07] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray07] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray07] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray07] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray07] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: red;
  padding: 1rem;
}
html[data-charte=gray07] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray07] div.h-card form p {
  margin: 0;
}
html[data-charte=gray07] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray07] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: red;
  margin: 0;
}
html[data-charte=gray07] div.h-card h2 a, html[data-charte=gray07] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray07] div.h-card h2 a:hover, html[data-charte=gray07] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray07] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray07] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray07] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray07] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray07] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray07] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray07] div.spinner strong {
  display: block;
}
html[data-charte=gray07] div.spinner ::before, html[data-charte=gray07] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray07] div.spinner p::before,
html[data-charte=gray07] div.spinner p::after,
html[data-charte=gray07] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray07] div.spinner.ease-in-out ::before, html[data-charte=gray07] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray07] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray07] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray07] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray07] div.spinner.cubic-bezier ::before, html[data-charte=gray07] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray07] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray07] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray07] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray07] div.spinner.ease-in-out-fill ::before, html[data-charte=gray07] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray07] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray07] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray07] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray07] div.spinner.linear-dot ::before, html[data-charte=gray07] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray07] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray07] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray07] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray07] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray07] div.spinner.linear-circle ::before, html[data-charte=gray07] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray07] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray07] div.spinner.linear-circle p::before,
html[data-charte=gray07] div.spinner.linear-circle strong::before,
html[data-charte=gray07] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray07] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray07] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray07] div.spinner.progress-bar ::before, html[data-charte=gray07] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray07] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray07] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray07] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray07] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray07] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray07] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray07] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray07] .box1, html[data-charte=gray07] .box4, html[data-charte=gray07] .box8, html[data-charte=gray07] .box11, html[data-charte=gray07] .box13, html[data-charte=gray07] .box16, html[data-charte=gray07] .box20 {
  animation-name: quiet;
}
html[data-charte=gray07] .box2, html[data-charte=gray07] .box6, html[data-charte=gray07] .box10, html[data-charte=gray07] .box14, html[data-charte=gray07] .box17, html[data-charte=gray07] .box19 {
  animation-name: normal;
}
html[data-charte=gray07] .box3, html[data-charte=gray07] .box5, html[data-charte=gray07] .box7, html[data-charte=gray07] .box9, html[data-charte=gray07] .box12, html[data-charte=gray07] .box15, html[data-charte=gray07] .box18 {
  animation-name: loud;
}
html[data-charte=gray07] [class*=icon-].icon-reading-speed {
  background-color: red;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray07] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray07] [class*=icon-].icon-volume {
  background-color: red;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray07] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray07] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray07] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray07] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray07] .show-icons a:hover + .tooltip, html[data-charte=gray07] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray07] .alternative-alt:hover, html[data-charte=gray07] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray07] .alternative-alt:hover::before, html[data-charte=gray07] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray07] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray07] .ember-basic-dropdown, html[data-charte=gray07] .ember-basic-dropdown-content, html[data-charte=gray07] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray07] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray07] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray07] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray07] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray07] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray07] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray07] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray07] .ember-power-select-options li:hover, html[data-charte=gray07] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray07] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray07] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray07] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray07] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray07] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray07] .ember-power-select-trigger:focus,
html[data-charte=gray07] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray07] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray07] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray07] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray07] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray07] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray07] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray07] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray07] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray07] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray07] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray07] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray07] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray07] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray07] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray07] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: red;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray07] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray07] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray07] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray07] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray07] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray07] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray07] div.controled div.content {
  display: none;
}
html[data-charte=gray07] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray07] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray07] .underlay {
  opacity: 0;
}
html[data-charte=gray07] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray07] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] #main-nav h2::before {
  content: none;
}
html[data-charte=gray07] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray07] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: red;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray07] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray07] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray07] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray07] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray07] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray07] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray07] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray07] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray07] #main-nav li a, html[data-charte=gray07] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray07] #main-nav li a:focus, html[data-charte=gray07] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray07] #main-nav li a::after, html[data-charte=gray07] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray07] #main-nav li a.active::after,
html[data-charte=gray07] #main-nav li a:hover::after,
html[data-charte=gray07] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray07] #main-nav li button:hover::after,
html[data-charte=gray07] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray07] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray07] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray07] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray07] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray07] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray07] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray07] #main-nav li a.bt-create, html[data-charte=gray07] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray07] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray07] #main-nav li a.bt-create:hover, html[data-charte=gray07] #main-nav li a.bt-create:focus {
  background-color: red;
}
html[data-charte=gray07] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid red;
}
html[data-charte=gray07] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray07] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray07] #main-nav button.has-level2, html[data-charte=gray07] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray07] #main-nav button.has-level2::after, html[data-charte=gray07] #main-nav a.has-level2::after,
html[data-charte=gray07] #main-nav button.has-level2:hover::after, html[data-charte=gray07] #main-nav a.has-level2:hover::after,
html[data-charte=gray07] #main-nav button.has-level2:focus::after, html[data-charte=gray07] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray07] #main-nav button.collapse::after,
html[data-charte=gray07] #main-nav button.collapse:hover::after,
html[data-charte=gray07] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray07] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray07] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray07] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray07] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray07] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray07] div.modal[aria-hidden=false], html[data-charte=gray07] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray07] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray07] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray07] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray07] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray07] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray07] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray07] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray07] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray07] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray07] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray07] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray07] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray07] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray07] div.dropdown button.dd-trigger:hover, html[data-charte=gray07] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray07] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray07] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray07] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray07] div.dropdown ul button,
html[data-charte=gray07] div.dropdown ul a,
html[data-charte=gray07] div.dropdown ul [class*=icon-],
html[data-charte=gray07] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray07] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray07] div.dropdown ul button:hover, html[data-charte=gray07] div.dropdown ul a:hover,
html[data-charte=gray07] div.dropdown ul button:focus, html[data-charte=gray07] div.dropdown ul a:focus,
html[data-charte=gray07] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray07] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray07] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray07] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray07] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray07] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray07] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray07] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray07] nav.pagination li:not(.page) + li.page, html[data-charte=gray07] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray07] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray07] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray07] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray07] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray07] nav.pagination a, html[data-charte=gray07] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray07] nav.pagination a.firstPage, html[data-charte=gray07] nav.pagination a.previousPage, html[data-charte=gray07] nav.pagination a.nextPage, html[data-charte=gray07] nav.pagination a.lastPage, html[data-charte=gray07] nav.pagination li button.firstPage, html[data-charte=gray07] nav.pagination li button.previousPage, html[data-charte=gray07] nav.pagination li button.nextPage, html[data-charte=gray07] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray07] nav.pagination a.firstPage, html[data-charte=gray07] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray07] nav.pagination a.previousPage, html[data-charte=gray07] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray07] nav.pagination a.nextPage, html[data-charte=gray07] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray07] nav.pagination a.lastPage, html[data-charte=gray07] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray07] nav.pagination a:hover, html[data-charte=gray07] nav.pagination a:focus, html[data-charte=gray07] nav.pagination li.active a,
html[data-charte=gray07] nav.pagination li button:hover, html[data-charte=gray07] nav.pagination li button:focus, html[data-charte=gray07] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray07] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray07] nav.pagination li.shortcut a, html[data-charte=gray07] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray07] select.selector, html[data-charte=gray07] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray07] .has-error input, html[data-charte=gray07] .has-error select, html[data-charte=gray07] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray07] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray07] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray07] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray07] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray07] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray07] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray07] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray07] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray07] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray07] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray07] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray07] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray07] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray07] div.editor {
  position: relative;
}
html[data-charte=gray07] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray07] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray07] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray07] div.editor-wrapper a, html[data-charte=gray07] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray07] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray07] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray07] strong, html[data-charte=gray07] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray07] em, html[data-charte=gray07] i {
  font-style: italic;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block p, html[data-charte=gray07] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray07] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray07] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block:focus, html[data-charte=gray07] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block.active {
  border: 3px dotted red;
}
html[data-charte=gray07] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray07] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray07] select.models, html[data-charte=gray07] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray07] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray07] .contentEditableValue {
  display: none;
}
html[data-charte=gray07] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray07] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray07] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted red;
}
html[data-charte=gray07] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray07] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray07] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray07] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray07] #color-poly {
  display: none;
}
html[data-charte=gray07] #color-poly.active {
  display: block;
}
html[data-charte=gray07] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray07] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray07] button.color:hover, html[data-charte=gray07] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray07] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray07] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray07] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray07] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray07] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray07] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray07] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray07] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray07] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray07] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray07] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray07] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray07] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray07] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray07] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray07] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray07] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray07] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray07] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray07] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray07] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray07] div.format-options.active {
  display: block;
}
html[data-charte=gray07] div.format-options p {
  margin: 0;
}
html[data-charte=gray07] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray07] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray07] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray07] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray07] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: red;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray07] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray07] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray07] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray07] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray07] mark {
  cursor: help;
}
html[data-charte=gray07] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray07] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray07] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray07] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray07] b ul.sc-options li, html[data-charte=gray07] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray07] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray07] em ul.sc-options li, html[data-charte=gray07] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray07] ul.sc-options li:hover, html[data-charte=gray07] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray07] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray07] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray07] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray07] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray07] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray07] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray07] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray07] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray07] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray07] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray07] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray07] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray07] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray07] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray07] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray07] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray07] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray07] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray07] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray07] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray07] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray07] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] select, html[data-charte=gray07] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray07] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray07] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray07] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: red;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray07] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray07] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray07] section.participants div.h-card .u-photo, html[data-charte=gray07] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray07] main.conversation section.participants ul.actions-list,
html[data-charte=gray07] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray07] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray07] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray07] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray07] ul.avatars li + li {
  border-top: 1px dotted red;
}
html[data-charte=gray07] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray07] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.actions-bar p, html[data-charte=gray07] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray07] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray07] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray07] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray07] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray07] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray07] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray07] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray07] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray07] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray07] .collapsible h3, html[data-charte=gray07] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray07] .collapsible > .content {
  display: none;
}
html[data-charte=gray07] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray07] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray07] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray07] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray07] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray07] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray07] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray07] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray07] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray07] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray07] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray07] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray07] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray07] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray07] ul.tabs li a, html[data-charte=gray07] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray07] ul.tabs li a:hover, html[data-charte=gray07] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray07] ul.tabs li.active a, html[data-charte=gray07] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray07] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray07] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray07] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray07] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray07] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray07] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray07] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray07] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray07] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray07] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray07] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray07] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray07] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray07] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray07] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray07] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray07] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray07] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray07] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray07] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray07] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray07] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray07] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray07] details.simple summary::after {
  content: " +";
}
html[data-charte=gray07] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray07] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray07] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray07] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray07] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray07] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray07] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray07] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray07] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray07] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray07] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray07] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray07] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray07] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray07] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray07] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray07] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray07] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray07] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray07] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray07] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray07] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray07] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray07] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray07] .form-makeup input:checked + label::before, html[data-charte=gray07] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray07] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray07] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray07] button[disabled], html[data-charte=gray07] .form-reset[disabled], html[data-charte=gray07] .form-submit[disabled] {
    opacity: 0.4;
    background-color: red;
  }
  html[data-charte=gray07] button[disabled]:hover, html[data-charte=gray07] .form-reset[disabled]:hover, html[data-charte=gray07] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray07] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray07] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray07] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray07] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray07] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray07] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray07] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray07] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray07] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray07] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray07] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray07] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray07] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray07] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray07] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray07] div.datepickerDialog th, html[data-charte=gray07] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray07] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray07] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray07] div.datepickerDialog td button:hover, html[data-charte=gray07] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray07] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray07] div.datepickerDialog p.buttons-bar, html[data-charte=gray07] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray07] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray07] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray07] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray07] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray07] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray07] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray07] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray07] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray07] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray07] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray07] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray07] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray07] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray07] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray07] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray07] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray07] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray07] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray07] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray07] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray07] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray07] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray07] .icon-zoom {
  position: inherit;
}
html[data-charte=gray07] figure.img-container img {
  width: 100%;
}
html[data-charte=gray07] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray07] div.editor-wrapper .audio, html[data-charte=gray07] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: red;
}
html[data-charte=gray07] div.editor-wrapper .audio, html[data-charte=gray07] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray07] div.editor-wrapper .audio, html[data-charte=gray07] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray07] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray07] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray07] .audio-preview {
  justify-content: center;
}
html[data-charte=gray07] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray07] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray07] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray07] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray07] .audio-message, html[data-charte=gray07] .audio-record, html[data-charte=gray07] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray07] .audio-message audio, html[data-charte=gray07] .audio-record audio, html[data-charte=gray07] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray07] .audio-message .icon-download.voice-message, html[data-charte=gray07] .audio-record .icon-download.voice-message, html[data-charte=gray07] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray07] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray07] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray07] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray07] .audio {
  min-width: 20rem;
}
html[data-charte=gray07] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray07] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray07] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray07] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray07] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray07] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray07] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray07] #volume-control, html[data-charte=gray07] #speed-control {
  display: none;
}
html[data-charte=gray07] #volume-control > input, html[data-charte=gray07] #speed-control > input {
  width: 65px;
}
html[data-charte=gray07] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray07] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray07] #volume-control[aria-hidden=false], html[data-charte=gray07] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray07] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray07] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray07] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: red;
}
html[data-charte=gray07] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray07] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray07] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: red;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray07] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray07] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray07] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray07] ul.add-list li {
  padding: 0;
}
html[data-charte=gray07] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray07] .icon-share, html[data-charte=gray07] .icon-edit, html[data-charte=gray07] .icon-info,
html[data-charte=gray07] .icon-upload, html[data-charte=gray07] .icon-close, html[data-charte=gray07] .icon-info-close,
html[data-charte=gray07] .icon-notify, html[data-charte=gray07] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray07] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray07] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray07] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray07] .icon-info, html[data-charte=gray07] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray07] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray07] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray07] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray07] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray07] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray07] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray07] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray07] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray07] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray07] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray07] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid red;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray07] div.project-card::before, html[data-charte=gray07] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray07] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray07] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray07] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray07] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray07] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray07] div.project-card h4 a:visited {
  color: red;
  background-color: #FFF;
}
html[data-charte=gray07] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray07] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray07] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray07] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray07] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray07] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray07] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray07] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray07] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray07] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray07] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray07] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray07] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray07] dl.project-info dt, html[data-charte=gray07] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray07] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray07] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray07] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray07] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray07] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray07] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray07] p.assignment strong {
  display: block;
}
html[data-charte=gray07] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray07] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray07] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray07] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray07] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray07] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray07] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray07] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray07] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray07] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray07] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray07] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: red url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray07] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray07] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray07] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray07] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray07] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray07] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray07] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray07] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray07] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray07] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray07] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray07] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray07] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray07] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray07] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray07] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray07] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray07] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray07] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray07] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray07] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray07] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: red;
  border-radius: 100%;
}
html[data-charte=gray07] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray07] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray07] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray07] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray07] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray07] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray07] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray07] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray07] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray07] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray07] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray07] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray07] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray07] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray07] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray07] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray07] div.project-card h4 a, html[data-charte=gray07] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray07] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray07] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray07] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray07] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray07] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid red;
  }
  html[data-charte=gray07] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray07] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray07] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray07] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray07] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray07] p.nature {
    flex: 1;
  }
  html[data-charte=gray07] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray07] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray07] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray07] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray07] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray07] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray07] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray07] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray07] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray07] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray07] ul.treeview button.element-button:hover, html[data-charte=gray07] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray07] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray07] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray07] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray07] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray07] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray07] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray07] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray07] ul.treeview button.deploy, html[data-charte=gray07] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray07] ul.treeview button.deploy, html[data-charte=gray07] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray07] ul.treeview button:focus, html[data-charte=gray07] ul.treeview button:hover, html[data-charte=gray07] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray07] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray07] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray07] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray07] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray07] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray07] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray07] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray07] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray07] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray07] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray07] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray07] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray07] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray07] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray07] .treeview-search-combo button.element.highlight, html[data-charte=gray07] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray07] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray07] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray07] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray07] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray07] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray07] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray07] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray07] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray07] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray07] #absences-calendar ul.actions-list, html[data-charte=gray07] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray07] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray07] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray07] #absences-calendar .icon-next, html[data-charte=gray07] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray07] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray07] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray07] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray07] table.plan-grid th, html[data-charte=gray07] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray07] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray07] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray07] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray07] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray07] table.plan-grid tr td:first-of-type, html[data-charte=gray07] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray07] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray07] table.plan-grid div p {
  display: none;
}
html[data-charte=gray07] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray07] table.plan-grid div:hover p, html[data-charte=gray07] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray07] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray07] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray07] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray07] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray07] #absences-calendar ul.actions-list, html[data-charte=gray07] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray07] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray07] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray07] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray07] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray07] table.plan-grid td, html[data-charte=gray07] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray07] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray07] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray07] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray07] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray07] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray07] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray07] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray07] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray07] table.plan-grid div:hover p, html[data-charte=gray07] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray07] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray07] table.plan-grid div:hover p, html[data-charte=gray07] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray07] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray07] div.editor-wrapper a, html[data-charte=gray07] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray07] div.editor-wrapper a:visited, html[data-charte=gray07] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray07] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray07] div.editor-wrapper li, html[data-charte=gray07] div.editor-wrapper th:not(.external-th), html[data-charte=gray07] div.editor-wrapper td:not(.external-td), html[data-charte=gray07] div.editor p:not(.feedback-message), html[data-charte=gray07] div.editor li, html[data-charte=gray07] div.editor th:not(.external-th), html[data-charte=gray07] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray07] div.editor-wrapper p, html[data-charte=gray07] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray07] div.editor-wrapper th, html[data-charte=gray07] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray07] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray07] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray07] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray07] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray07] div.editor-wrapper th[scope=row], html[data-charte=gray07] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray07] div.editor-wrapper strong, html[data-charte=gray07] div.editor-wrapper b, html[data-charte=gray07] div.editor-wrapper th:not(.external-th), html[data-charte=gray07] div.editor strong, html[data-charte=gray07] div.editor b, html[data-charte=gray07] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray07] div.editor-wrapper table:not(.external-table), html[data-charte=gray07] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block ul, html[data-charte=gray07] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray07] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray07] #side-bar-profile {
  position: relative;
}
html[data-charte=gray07] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray07] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray07] header#side-panel {
  color: black;
}
html[data-charte=gray07] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray07] .tooltip {
  z-index: 2000;
}
html[data-charte=gray07] div.tooltip .tooltip-inner, html[data-charte=gray07] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray07] figure {
  text-align: center;
}
html[data-charte=gray07] figure img {
  margin: 0 auto;
}
html[data-charte=gray07] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray07] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray07] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray07] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray07] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray07] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray07] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray07] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray07] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray07] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray07] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray07] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray07] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray07] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray07] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray07] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray07] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray07] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: red;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray07] section.login h1::after {
  content: none;
}
html[data-charte=gray07] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray07] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray07] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray07] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray07] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray07] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray07] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray07] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray07] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray07] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray07] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray07] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray07] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray07] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray07] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray07] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray07] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray07] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray07] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray07] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray07] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray07] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray07] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray07] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray07] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray07] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray07] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray07] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray07] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray07] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray07] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray07] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray07] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray07] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray07] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray07] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray07] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray07] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray07] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray07] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray07] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray07] p, html[data-charte=gray07] li, html[data-charte=gray07] dt, html[data-charte=gray07] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray07] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray07] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray07] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray07] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray07] ul.optional-status li, html[data-charte=gray07] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray07] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray07] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray07] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray07] div.card > div, html[data-charte=gray07] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray07] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray07] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray07] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray07] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray07] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray07] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray07] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray07] div.card dt, html[data-charte=gray07] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray07] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray07] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray07] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray07] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray07] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray07] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray07] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray07] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray07] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray07] div.bubble .u-photo, html[data-charte=gray07] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray07] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray07] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray07] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray07] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray07] div.request {
    position: relative;
  }
  html[data-charte=gray07] div.request dt, html[data-charte=gray07] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray07] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray07] div.request a:hover::after, html[data-charte=gray07] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray07] h3 {
    font-size: 2em;
  }
  html[data-charte=gray07] .collapsible h2, html[data-charte=gray07] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray07] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray07] #container {
    display: flex;
  }
  html[data-charte=gray07] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray07] #wrapper footer {
    display: none;
  }
  html[data-charte=gray07] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray07] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray07] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray07] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray07] div.grid-2thirds, html[data-charte=gray07] div.grid-3cols, html[data-charte=gray07] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray07] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray07] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray07] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray07] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray07] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray07] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray07] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray07] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray07] table.transform th {
    display: none;
  }
  html[data-charte=gray07] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray07] table.transform tr, html[data-charte=gray07] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray07] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray07] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray07] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray07] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray07] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray07] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray07] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray07] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray07] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray07] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray07] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray07] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray07] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray07] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray07] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray07] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray07] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray07] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray07] div.actions-bar p, html[data-charte=gray07] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray07] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray07] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray07] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray07] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray07] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray07] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray07] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray07] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray07] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray07] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray07] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray07] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray07] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray07] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray07] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray07] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray07] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray07] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray07] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray07] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray07] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray07] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray07] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray07] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray07] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray07] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray07] section.participants div.h-card .u-photo, html[data-charte=gray07] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray07] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray07] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray07] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray07] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray07] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray07] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray07] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray07] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray07] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray07] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray07] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray07] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: red;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray07] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray07] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray07] div.controled {
    background: red;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray07] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray07] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray07] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray07] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray07] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray07] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray07] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray07] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray07] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray07] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray07] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray07] div.bubble .content p:not(.feedback-message), html[data-charte=gray07] div.bubble .content li, html[data-charte=gray07] div.bubble .content th:not(.external-th), html[data-charte=gray07] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray07] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray07] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray07] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray07] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray07] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray07] div.bubble .content strong, html[data-charte=gray07] div.bubble .content b, html[data-charte=gray07] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray07] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray07] div.bubble .content li, html[data-charte=gray07] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray07] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray07] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray07] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray07] .f-upload-editor {
  display: none;
}
html[data-charte=gray07] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray07] .f-size, html[data-charte=gray07] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray07] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray07] h2 {
  color: red;
  border: none !important;
}
html[data-charte=gray07] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray07] button:hover {
  background-color: rgba(255, 0, 0, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray07] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray07] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray07] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray07] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray07] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray07] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray07] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray07] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray07] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray07] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray07] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray07] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray07] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray07] [class*=icon-],
html[data-charte=gray07] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray07] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray07] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray07] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(255, 0, 0, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray07] .icon-info-simple,
html[data-charte=gray07] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray07] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray07] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray07] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray07] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray07] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray07] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray07] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray07] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray07] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray07] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray07] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray07] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray07] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray07] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray07] input[type=search],
html[data-charte=gray07] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray07] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray07] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray07] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23ed'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray07] legend {
  color: red;
}
html[data-charte=gray07] label {
  color: red;
}
html[data-charte=gray07] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray07] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray07] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray07] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray07] #ccSelector {
  display: none;
}
html[data-charte=gray07] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray07] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray07] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray07] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray07] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray07] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray07] label[for=subject] {
  display: none !important;
}
html[data-charte=gray07] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray07] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray07] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray07] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray07] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray07] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray07] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray07] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray07] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray07] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray07] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray07] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray07] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray07] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray07] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray07] ul.message-attachments {
  color: red;
}
html[data-charte=gray07] .tree,
html[data-charte=gray07] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray07] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray07] .tree li:last-child {
  border: 0;
}
html[data-charte=gray07] .section ul {
  display: none;
}
html[data-charte=gray07] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray07] .section input[type=radio] {
  display: none;
}
html[data-charte=gray07] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray07] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray07] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray07] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray07] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray07] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray07] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray07] .feedback-message {
  color: red;
}
html[data-charte=gray07] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray07] legend {
  color: red;
  padding: 3px 6px;
}
html[data-charte=gray07] fieldset {
  border-color: red;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray07] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray07] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray07] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray07] .filetype {
  color: #FFF !important;
  background-color: red !important;
}
html[data-charte=gray07] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray07] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray07] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray07] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray07] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray07] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray07] div.controled {
  background: transparent;
}
html[data-charte=gray07] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray07] .message-body th:not(.external-th), html[data-charte=gray07] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray07] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray08] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray08] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray08] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray08] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray08] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray08] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray08] div.user-data a, html[data-charte=gray08] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray08] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray08] div.user-data button:focus, html[data-charte=gray08] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray08] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  margin-bottom: 1rem;
}
html[data-charte=gray08] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray08] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray08] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray08] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray08] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray08] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray08] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray08] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray08] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray08] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray08] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray08] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray08] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray08] span.status {
  display: inline-block;
}
html[data-charte=gray08] div.h-card h2 a, html[data-charte=gray08] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray08] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray08] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray08] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray08] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray08] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray08] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray08] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray08] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray08] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray08] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray08] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray08] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray08] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray08] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray08] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray08] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray08] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray08] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray08] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray08] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray08] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray08] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray08] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray08] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray08] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray08] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray08] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray08] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray08] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid red;
}
html[data-charte=gray08] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray08] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted red;
}
html[data-charte=gray08] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray08] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray08] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray08] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray08] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray08] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray08] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray08] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray08] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray08] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray08] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray08] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray08] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray08] div.bubble h3 time {
  display: block;
}
html[data-charte=gray08] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray08] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray08] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray08] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray08] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid red;
  border-left: 1px solid red;
}
html[data-charte=gray08] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray08] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray08] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray08] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray08] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray08] div.bubble details div {
  display: flex;
}
html[data-charte=gray08] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray08] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray08] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray08] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray08] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray08] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid red;
}
html[data-charte=gray08] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray08] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray08] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray08] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid red;
}
html[data-charte=gray08] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray08] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray08] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray08] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray08] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray08] div.bubble.message-comment .content {
  background-color: red;
}
html[data-charte=gray08] div.bubble.message-comment .u-photo, html[data-charte=gray08] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray08] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray08] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray08] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray08] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray08] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray08] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray08] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray08] .message-body blockquote {
  color: black;
}
html[data-charte=gray08] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray08] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray08] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray08] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray08] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray08] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray08] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray08] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray08] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted red;
}
html[data-charte=gray08] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted red;
}
html[data-charte=gray08] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray08] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray08] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray08] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray08] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray08] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray08] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray08] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray08] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray08] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray08] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray08] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray08] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray08] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray08] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray08] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray08] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray08] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray08] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray08] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid red;
}
html[data-charte=gray08] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray08] div.request dl div {
  display: flex;
}
html[data-charte=gray08] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray08] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray08] div.editor, html[data-charte=gray08] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray08] form.create-new {
  border: none;
}
html[data-charte=gray08] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray08] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray08] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray08] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] p.template-selector {
  width: 100%;
}
html[data-charte=gray08] p.template-selector input {
  width: 100%;
}
html[data-charte=gray08] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray08] div.mce-toolbar-grp button:hover, html[data-charte=gray08] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] select, html[data-charte=gray08] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray08] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray08] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray08] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray08] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray08] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray08] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray08] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray08] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray08] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray08] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray08] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray08] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray08] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray08] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray08] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray08] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray08] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray08] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray08] #main-nav li a.label-color::before,
html[data-charte=gray08] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray08] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray08] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray08] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray08] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray08] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray08] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray08] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray08] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray08] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray08] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray08] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray08] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray08] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray08] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray08] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray08] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray08] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray08] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray08] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray08] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray08] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray08] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray08] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray08] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray08] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray08] div.actions-bar button.icon-check:hover, html[data-charte=gray08] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray08] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray08] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray08] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray08] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray08] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray08] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray08] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray08] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray08] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray08] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray08] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray08] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] div.project-card.details header {
  position: relative;
}
html[data-charte=gray08] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray08] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray08] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray08] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray08] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray08] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray08] html, html[data-charte=gray08] body, html[data-charte=gray08] div, html[data-charte=gray08] span, html[data-charte=gray08] object, html[data-charte=gray08] iframe,
html[data-charte=gray08] h1, html[data-charte=gray08] h2, html[data-charte=gray08] h3, html[data-charte=gray08] h4, html[data-charte=gray08] h5, html[data-charte=gray08] h6, html[data-charte=gray08] p, html[data-charte=gray08] blockquote, html[data-charte=gray08] pre,
html[data-charte=gray08] a, html[data-charte=gray08] abbr, html[data-charte=gray08] address, html[data-charte=gray08] big, html[data-charte=gray08] cite, html[data-charte=gray08] code,
html[data-charte=gray08] del, html[data-charte=gray08] dfn, html[data-charte=gray08] em, html[data-charte=gray08] form, html[data-charte=gray08] img, html[data-charte=gray08] ins, html[data-charte=gray08] kbd, html[data-charte=gray08] q, html[data-charte=gray08] s, html[data-charte=gray08] samp,
html[data-charte=gray08] small, html[data-charte=gray08] strike, html[data-charte=gray08] strong, html[data-charte=gray08] sub, html[data-charte=gray08] sup, html[data-charte=gray08] tt, html[data-charte=gray08] var,
html[data-charte=gray08] b, html[data-charte=gray08] u, html[data-charte=gray08] i, html[data-charte=gray08] dl, html[data-charte=gray08] dt, html[data-charte=gray08] dd, html[data-charte=gray08] ol, html[data-charte=gray08] ul, html[data-charte=gray08] li,
html[data-charte=gray08] fieldset, html[data-charte=gray08] form, html[data-charte=gray08] label, html[data-charte=gray08] legend,
html[data-charte=gray08] table:not(.external-table),
html[data-charte=gray08] caption:not(.external-caption), html[data-charte=gray08] tbody, html[data-charte=gray08] tfoot, html[data-charte=gray08] thead,
html[data-charte=gray08] tr:not(.external-tr),
html[data-charte=gray08] th:not(.external-th),
html[data-charte=gray08] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray08] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray08] header, html[data-charte=gray08] footer, html[data-charte=gray08] main, html[data-charte=gray08] nav, html[data-charte=gray08] aside, html[data-charte=gray08] article, html[data-charte=gray08] section, html[data-charte=gray08] figure, html[data-charte=gray08] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray08] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray08] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray08] h2, html[data-charte=gray08] h3, html[data-charte=gray08] h4, html[data-charte=gray08] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray08] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray08] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray08] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray08] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] p, html[data-charte=gray08] li, html[data-charte=gray08] dt, html[data-charte=gray08] dd, html[data-charte=gray08] h5, html[data-charte=gray08] th, html[data-charte=gray08] td {
  font-size: 0.95em;
}
html[data-charte=gray08] li li, html[data-charte=gray08] li p, html[data-charte=gray08] li dt, html[data-charte=gray08] li dd {
  font-size: 100%;
}
html[data-charte=gray08] a {
  color: black;
}
html[data-charte=gray08] a:visited {
  opacity: 0.8;
}
html[data-charte=gray08] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray08] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray08] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray08] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray08] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray08] blockquote::before, html[data-charte=gray08] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray08] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray08] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray08] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray08] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray08] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray08] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray08] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray08] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray08] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray08] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray08] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray08] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray08] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray08] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray08] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray08] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray08] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray08] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray08] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray08] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray08] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray08] button:hover {
  background-color: #EEE;
}
html[data-charte=gray08] button[disabled], html[data-charte=gray08] .form-reset[disabled], html[data-charte=gray08] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray08] button[disabled]:hover, html[data-charte=gray08] .form-reset[disabled]:hover, html[data-charte=gray08] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray08] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray08] button.secondary {
  background-color: #222;
}
html[data-charte=gray08] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid red;
  border-radius: 0.2em;
}
html[data-charte=gray08] button.discret:hover, html[data-charte=gray08] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray08] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray08] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] a[class*=bt-], html[data-charte=gray08] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray08] [class*=bt-]:hover, html[data-charte=gray08] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray08] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray08] .bt-create:hover, html[data-charte=gray08] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray08] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray08] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray08] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray08] a.bt-link, html[data-charte=gray08] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray08] [class*=icon-], html[data-charte=gray08] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray08] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray08] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray08] [class*=icon-]:hover, html[data-charte=gray08] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray08] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray08] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray08] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray08] .icon-assign, html[data-charte=gray08] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray08] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray08] .icon-pin, html[data-charte=gray08] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray08] .icon-pinned, html[data-charte=gray08] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray08] .icon-pinned:hover, html[data-charte=gray08] .follow-true:hover, html[data-charte=gray08] .icon-pinned:focus, html[data-charte=gray08] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray08] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray08] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray08] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray08] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray08] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray08] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray08] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray08] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray08] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray08] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray08] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray08] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray08] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray08] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray08] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray08] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray08] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray08] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray08] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray08] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray08] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray08] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray08] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray08] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray08] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray08] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray08] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray08] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray08] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray08] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray08] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray08] .icon-mark-as-unread, html[data-charte=gray08] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray08] .icon-mark-as-read {
  background-color: red;
}
html[data-charte=gray08] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray08] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray08] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray08] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray08] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray08] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray08] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray08] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray08] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray08] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray08] button.icon-check:focus, html[data-charte=gray08] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray08] .icon-info-simple, html[data-charte=gray08] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray08] button.play, html[data-charte=gray08] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray08] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray08] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray08] button.icon-info-simple:hover, html[data-charte=gray08] button.icon-info-simple:focus,
html[data-charte=gray08] button.icon-back:hover, html[data-charte=gray08] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray08] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray08] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray08] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray08] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray08] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray08] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray08] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray08] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray08] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray08] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray08] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray08] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray08] th:not(.external-th), html[data-charte=gray08] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray08] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray08] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray08] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray08] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] th[scope=row] {
  text-align: left;
}
html[data-charte=gray08] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray08] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray08] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray08] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray08] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray08] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray08] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray08] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray08] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray08] fieldset.single {
  padding: 1rem;
  border: 1px solid red;
  border-radius: 0.3rem;
}
html[data-charte=gray08] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray08] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray08] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray08] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray08] input[type=text], html[data-charte=gray08] input[type=password], html[data-charte=gray08] input[type=date], html[data-charte=gray08] input[type=url], html[data-charte=gray08] input[type=tel],
html[data-charte=gray08] input[type=time], html[data-charte=gray08] input[type=email], html[data-charte=gray08] input[type=number], html[data-charte=gray08] input[type=search], html[data-charte=gray08] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray08] input[type=number], html[data-charte=gray08] input[type=date], html[data-charte=gray08] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray08] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray08] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray08] input[type=text]:focus, html[data-charte=gray08] input[type=password]:focus, html[data-charte=gray08] input[type=url]:focus,
html[data-charte=gray08] input[type=date]:focus, html[data-charte=gray08] input[type=search]:focus, html[data-charte=gray08] select:focus {
  border-color: #555;
}
html[data-charte=gray08] input[type=url], html[data-charte=gray08] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray08] input[type=number] {
  width: 6em;
}
html[data-charte=gray08] .has-error input {
  border-color: #f00;
}
html[data-charte=gray08] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray08] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray08] select::-ms-expand {
  display: none;
}
html[data-charte=gray08] [type=submit], html[data-charte=gray08] [type=reset], html[data-charte=gray08] button.form-submit, html[data-charte=gray08] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray08] [type=reset], html[data-charte=gray08] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray08] [type=submit]:hover, html[data-charte=gray08] [type=submit]:focus,
html[data-charte=gray08] [type=submit].optional:hover, html[data-charte=gray08] [type=submit].optional:focus,
html[data-charte=gray08] [type=reset]:hover, html[data-charte=gray08] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray08] button.form-submit:hover, html[data-charte=gray08] button.form-submit:focus,
html[data-charte=gray08] button.form-submit.optional:hover, html[data-charte=gray08] button.form-submit.optional:focus,
html[data-charte=gray08] button.form-reset:hover, html[data-charte=gray08] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray08] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray08] [type=submit] + [type=reset], html[data-charte=gray08] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray08] [type=submit].optional, html[data-charte=gray08] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray08] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray08] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray08] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid red;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray08] ::-webkit-input-placeholder, html[data-charte=gray08] ::-moz-placeholder, html[data-charte=gray08] :-moz-placeholder, html[data-charte=gray08] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray08] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray08] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray08] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray08] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray08] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray08] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray08] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray08] .highlight label, html[data-charte=gray08] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray08] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray08] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray08] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray08] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray08] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray08] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray08] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray08] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray08] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray08] ul.choices {
  display: flex;
}
html[data-charte=gray08] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray08] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray08] ul.choices.vertical {
  display: block;
}
html[data-charte=gray08] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray08] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray08] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray08] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray08] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray08] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray08] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray08] .form-makeup input:checked + label::before, html[data-charte=gray08] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray08] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray08] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray08] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray08] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray08] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray08] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray08] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray08] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray08] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray08] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray08] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray08] .check-chips input:checked + label, html[data-charte=gray08] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray08] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray08] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray08] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray08] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray08] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray08] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray08] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray08] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray08] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray08] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray08] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray08] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray08] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray08] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray08] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray08] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray08] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray08] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray08] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray08] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray08] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray08] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray08] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray08] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray08] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray08] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray08] div.card dl {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray08] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray08] div.card dt, html[data-charte=gray08] div.card dd {
  max-width: 100%;
}
html[data-charte=gray08] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray08] div.card a {
  text-decoration: none;
}
html[data-charte=gray08] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray08] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray08] div.card.unread a, html[data-charte=gray08] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray08] div.card.read a, html[data-charte=gray08] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray08] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray08] span.social-icon img {
  width: 16px;
}
html[data-charte=gray08] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray08] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray08] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray08] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray08] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray08] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray08] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray08] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray08] div.h-card form p {
  margin: 0;
}
html[data-charte=gray08] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray08] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray08] div.h-card h2 a, html[data-charte=gray08] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray08] div.h-card h2 a:hover, html[data-charte=gray08] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray08] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray08] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray08] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray08] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray08] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray08] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray08] div.spinner strong {
  display: block;
}
html[data-charte=gray08] div.spinner ::before, html[data-charte=gray08] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray08] div.spinner p::before,
html[data-charte=gray08] div.spinner p::after,
html[data-charte=gray08] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray08] div.spinner.ease-in-out ::before, html[data-charte=gray08] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray08] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray08] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray08] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray08] div.spinner.cubic-bezier ::before, html[data-charte=gray08] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray08] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray08] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray08] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray08] div.spinner.ease-in-out-fill ::before, html[data-charte=gray08] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray08] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray08] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray08] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray08] div.spinner.linear-dot ::before, html[data-charte=gray08] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray08] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray08] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray08] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray08] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray08] div.spinner.linear-circle ::before, html[data-charte=gray08] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray08] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray08] div.spinner.linear-circle p::before,
html[data-charte=gray08] div.spinner.linear-circle strong::before,
html[data-charte=gray08] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray08] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray08] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray08] div.spinner.progress-bar ::before, html[data-charte=gray08] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray08] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray08] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray08] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray08] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray08] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray08] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray08] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray08] .box1, html[data-charte=gray08] .box4, html[data-charte=gray08] .box8, html[data-charte=gray08] .box11, html[data-charte=gray08] .box13, html[data-charte=gray08] .box16, html[data-charte=gray08] .box20 {
  animation-name: quiet;
}
html[data-charte=gray08] .box2, html[data-charte=gray08] .box6, html[data-charte=gray08] .box10, html[data-charte=gray08] .box14, html[data-charte=gray08] .box17, html[data-charte=gray08] .box19 {
  animation-name: normal;
}
html[data-charte=gray08] .box3, html[data-charte=gray08] .box5, html[data-charte=gray08] .box7, html[data-charte=gray08] .box9, html[data-charte=gray08] .box12, html[data-charte=gray08] .box15, html[data-charte=gray08] .box18 {
  animation-name: loud;
}
html[data-charte=gray08] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray08] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray08] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray08] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray08] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray08] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray08] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray08] .show-icons a:hover + .tooltip, html[data-charte=gray08] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray08] .alternative-alt:hover, html[data-charte=gray08] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray08] .alternative-alt:hover::before, html[data-charte=gray08] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray08] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray08] .ember-basic-dropdown, html[data-charte=gray08] .ember-basic-dropdown-content, html[data-charte=gray08] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray08] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray08] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray08] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray08] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray08] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray08] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid red;
}
html[data-charte=gray08] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray08] .ember-power-select-options li:hover, html[data-charte=gray08] .ember-power-select-options li:focus {
  background-color: red;
}
html[data-charte=gray08] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray08] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray08] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray08] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray08] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray08] .ember-power-select-trigger:focus,
html[data-charte=gray08] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray08] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray08] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray08] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray08] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray08] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray08] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray08] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray08] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray08] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray08] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray08] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray08] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray08] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray08] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray08] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray08] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray08] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray08] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid red;
}
html[data-charte=gray08] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray08] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray08] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray08] div.controled div.content {
  display: none;
}
html[data-charte=gray08] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray08] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray08] .underlay {
  opacity: 0;
}
html[data-charte=gray08] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray08] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] #main-nav h2::before {
  content: none;
}
html[data-charte=gray08] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray08] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray08] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray08] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray08] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray08] #menu-control polygon {
  fill: red;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray08] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray08] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray08] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray08] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray08] #main-nav li a, html[data-charte=gray08] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray08] #main-nav li a:focus, html[data-charte=gray08] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray08] #main-nav li a::after, html[data-charte=gray08] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray08] #main-nav li a.active::after,
html[data-charte=gray08] #main-nav li a:hover::after,
html[data-charte=gray08] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray08] #main-nav li button:hover::after,
html[data-charte=gray08] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray08] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray08] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray08] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray08] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray08] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray08] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray08] #main-nav li a.bt-create, html[data-charte=gray08] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray08] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray08] #main-nav li a.bt-create:hover, html[data-charte=gray08] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray08] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray08] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray08] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray08] #main-nav button.has-level2, html[data-charte=gray08] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray08] #main-nav button.has-level2::after, html[data-charte=gray08] #main-nav a.has-level2::after,
html[data-charte=gray08] #main-nav button.has-level2:hover::after, html[data-charte=gray08] #main-nav a.has-level2:hover::after,
html[data-charte=gray08] #main-nav button.has-level2:focus::after, html[data-charte=gray08] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray08] #main-nav button.collapse::after,
html[data-charte=gray08] #main-nav button.collapse:hover::after,
html[data-charte=gray08] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray08] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray08] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray08] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray08] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray08] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray08] div.modal[aria-hidden=false], html[data-charte=gray08] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray08] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray08] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray08] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray08] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray08] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray08] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray08] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray08] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray08] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray08] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray08] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray08] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray08] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid red;
  border-radius: 0.2em;
}
html[data-charte=gray08] div.dropdown button.dd-trigger:hover, html[data-charte=gray08] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray08] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid red;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray08] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray08] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray08] div.dropdown ul button,
html[data-charte=gray08] div.dropdown ul a,
html[data-charte=gray08] div.dropdown ul [class*=icon-],
html[data-charte=gray08] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray08] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray08] div.dropdown ul button:hover, html[data-charte=gray08] div.dropdown ul a:hover,
html[data-charte=gray08] div.dropdown ul button:focus, html[data-charte=gray08] div.dropdown ul a:focus,
html[data-charte=gray08] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray08] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray08] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray08] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray08] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray08] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray08] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray08] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray08] nav.pagination li:not(.page) + li.page, html[data-charte=gray08] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray08] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray08] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray08] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray08] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray08] nav.pagination a, html[data-charte=gray08] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray08] nav.pagination a.firstPage, html[data-charte=gray08] nav.pagination a.previousPage, html[data-charte=gray08] nav.pagination a.nextPage, html[data-charte=gray08] nav.pagination a.lastPage, html[data-charte=gray08] nav.pagination li button.firstPage, html[data-charte=gray08] nav.pagination li button.previousPage, html[data-charte=gray08] nav.pagination li button.nextPage, html[data-charte=gray08] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray08] nav.pagination a.firstPage, html[data-charte=gray08] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray08] nav.pagination a.previousPage, html[data-charte=gray08] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray08] nav.pagination a.nextPage, html[data-charte=gray08] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray08] nav.pagination a.lastPage, html[data-charte=gray08] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray08] nav.pagination a:hover, html[data-charte=gray08] nav.pagination a:focus, html[data-charte=gray08] nav.pagination li.active a,
html[data-charte=gray08] nav.pagination li button:hover, html[data-charte=gray08] nav.pagination li button:focus, html[data-charte=gray08] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray08] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray08] nav.pagination li.shortcut a, html[data-charte=gray08] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray08] select.selector, html[data-charte=gray08] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray08] .has-error input, html[data-charte=gray08] .has-error select, html[data-charte=gray08] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray08] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray08] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray08] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray08] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray08] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray08] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray08] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray08] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray08] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray08] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray08] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray08] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray08] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray08] div.editor {
  position: relative;
}
html[data-charte=gray08] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray08] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray08] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray08] div.editor-wrapper a, html[data-charte=gray08] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray08] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray08] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray08] strong, html[data-charte=gray08] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray08] em, html[data-charte=gray08] i {
  font-style: italic;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block p, html[data-charte=gray08] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid red;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray08] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray08] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block:focus, html[data-charte=gray08] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray08] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray08] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray08] select.models, html[data-charte=gray08] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray08] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray08] .contentEditableValue {
  display: none;
}
html[data-charte=gray08] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray08] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray08] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray08] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray08] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray08] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray08] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray08] #color-poly {
  display: none;
}
html[data-charte=gray08] #color-poly.active {
  display: block;
}
html[data-charte=gray08] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray08] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray08] button.color:hover, html[data-charte=gray08] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray08] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray08] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid red;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: red;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: red;
}
html[data-charte=gray08] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray08] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray08] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray08] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray08] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray08] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray08] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray08] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray08] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray08] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray08] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray08] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray08] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray08] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray08] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray08] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray08] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray08] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray08] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray08] div.format-options.active {
  display: block;
}
html[data-charte=gray08] div.format-options p {
  margin: 0;
}
html[data-charte=gray08] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray08] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray08] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray08] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray08] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray08] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray08] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray08] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray08] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray08] mark {
  cursor: help;
}
html[data-charte=gray08] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid red;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray08] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray08] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray08] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray08] b ul.sc-options li, html[data-charte=gray08] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray08] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray08] em ul.sc-options li, html[data-charte=gray08] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray08] ul.sc-options li:hover, html[data-charte=gray08] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray08] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid red;
}
html[data-charte=gray08] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray08] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid red;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray08] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid red;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray08] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid red;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray08] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid red;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray08] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray08] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray08] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray08] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray08] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray08] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray08] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray08] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray08] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray08] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray08] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray08] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray08] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray08] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray08] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray08] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] select, html[data-charte=gray08] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray08] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray08] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray08] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray08] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray08] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray08] section.participants div.h-card .u-photo, html[data-charte=gray08] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray08] main.conversation section.participants ul.actions-list,
html[data-charte=gray08] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray08] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray08] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray08] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray08] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray08] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray08] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.actions-bar p, html[data-charte=gray08] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray08] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray08] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray08] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] div.actions-bar .radio-chips label {
  border: 1px solid red;
}
html[data-charte=gray08] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray08] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray08] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray08] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray08] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray08] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray08] .collapsible h3, html[data-charte=gray08] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray08] .collapsible > .content {
  display: none;
}
html[data-charte=gray08] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray08] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray08] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray08] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray08] fieldset.collapsible.sub-group {
  border-top: 1px solid red;
  margin-bottom: 1rem;
}
html[data-charte=gray08] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray08] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray08] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray08] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray08] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray08] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray08] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray08] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray08] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray08] ul.tabs li a, html[data-charte=gray08] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray08] ul.tabs li a:hover, html[data-charte=gray08] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray08] ul.tabs li.active a, html[data-charte=gray08] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray08] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray08] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray08] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray08] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray08] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray08] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray08] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray08] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray08] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray08] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray08] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray08] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray08] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray08] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray08] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray08] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray08] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid red;
}
html[data-charte=gray08] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray08] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray08] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray08] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray08] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray08] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray08] details.simple summary::after {
  content: " +";
}
html[data-charte=gray08] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray08] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray08] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray08] hr {
  border: none;
  border-top: 1px dotted red;
  margin-bottom: 1rem;
}
html[data-charte=gray08] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray08] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray08] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray08] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray08] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray08] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray08] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray08] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray08] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray08] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray08] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray08] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray08] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray08] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray08] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray08] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray08] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray08] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray08] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray08] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray08] .form-makeup input:checked + label::before, html[data-charte=gray08] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray08] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray08] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray08] button[disabled], html[data-charte=gray08] .form-reset[disabled], html[data-charte=gray08] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray08] button[disabled]:hover, html[data-charte=gray08] .form-reset[disabled]:hover, html[data-charte=gray08] .form-submit[disabled]:hover {
    background-color: red;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray08] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray08] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray08] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray08] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray08] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray08] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray08] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray08] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray08] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray08] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray08] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray08] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray08] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray08] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray08] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray08] div.datepickerDialog th, html[data-charte=gray08] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray08] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray08] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray08] div.datepickerDialog td button:hover, html[data-charte=gray08] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray08] div.datepickerDialog td button.disabled {
  color: red;
  background-color: #fff;
}
html[data-charte=gray08] div.datepickerDialog p.buttons-bar, html[data-charte=gray08] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray08] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray08] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray08] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray08] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray08] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray08] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray08] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray08] .icon-zoom:focus {
  background-color: red;
}
html[data-charte=gray08] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray08] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray08] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray08] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray08] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray08] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray08] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray08] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray08] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray08] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray08] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray08] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray08] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray08] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray08] .icon-zoom {
  position: inherit;
}
html[data-charte=gray08] figure.img-container img {
  width: 100%;
}
html[data-charte=gray08] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray08] div.editor-wrapper .audio, html[data-charte=gray08] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray08] div.editor-wrapper .audio, html[data-charte=gray08] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray08] div.editor-wrapper .audio, html[data-charte=gray08] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray08] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray08] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray08] .audio-preview {
  justify-content: center;
}
html[data-charte=gray08] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray08] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray08] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray08] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray08] .audio-message, html[data-charte=gray08] .audio-record, html[data-charte=gray08] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray08] .audio-message audio, html[data-charte=gray08] .audio-record audio, html[data-charte=gray08] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray08] .audio-message .icon-download.voice-message, html[data-charte=gray08] .audio-record .icon-download.voice-message, html[data-charte=gray08] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray08] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray08] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray08] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray08] .audio {
  min-width: 20rem;
}
html[data-charte=gray08] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray08] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray08] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray08] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray08] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray08] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray08] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray08] #volume-control, html[data-charte=gray08] #speed-control {
  display: none;
}
html[data-charte=gray08] #volume-control > input, html[data-charte=gray08] #speed-control > input {
  width: 65px;
}
html[data-charte=gray08] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray08] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray08] #volume-control[aria-hidden=false], html[data-charte=gray08] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray08] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray08] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray08] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray08] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray08] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray08] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray08] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray08] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray08] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray08] ul.add-list li {
  padding: 0;
}
html[data-charte=gray08] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray08] .icon-share, html[data-charte=gray08] .icon-edit, html[data-charte=gray08] .icon-info,
html[data-charte=gray08] .icon-upload, html[data-charte=gray08] .icon-close, html[data-charte=gray08] .icon-info-close,
html[data-charte=gray08] .icon-notify, html[data-charte=gray08] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray08] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray08] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray08] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray08] .icon-info, html[data-charte=gray08] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray08] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray08] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray08] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray08] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray08] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray08] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray08] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray08] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray08] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray08] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray08] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.project-card.closed {
  border-color: red;
}
html[data-charte=gray08] div.project-card::before, html[data-charte=gray08] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray08] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray08] div.project-card.closed {
  border-color: red;
}
html[data-charte=gray08] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray08] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray08] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray08] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray08] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray08] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray08] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray08] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray08] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray08] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray08] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray08] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray08] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray08] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray08] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray08] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray08] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray08] dl.project-info dt, html[data-charte=gray08] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray08] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray08] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray08] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray08] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray08] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray08] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray08] p.assignment strong {
  display: block;
}
html[data-charte=gray08] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray08] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray08] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray08] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray08] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray08] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray08] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray08] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray08] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray08] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray08] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray08] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray08] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray08] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray08] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray08] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray08] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray08] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray08] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray08] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray08] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray08] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed red;
}
html[data-charte=gray08] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray08] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray08] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray08] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray08] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray08] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray08] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray08] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray08] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray08] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray08] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray08] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray08] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray08] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray08] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray08] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray08] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray08] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray08] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray08] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray08] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid red;
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray08] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray08] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray08] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray08] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray08] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray08] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray08] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray08] div.project-card h4 a, html[data-charte=gray08] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray08] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray08] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray08] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray08] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray08] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray08] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray08] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray08] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray08] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray08] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray08] p.nature {
    flex: 1;
  }
  html[data-charte=gray08] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray08] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray08] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray08] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray08] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray08] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray08] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray08] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray08] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray08] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray08] ul.treeview button.element-button:hover, html[data-charte=gray08] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray08] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray08] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray08] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray08] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray08] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray08] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray08] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray08] ul.treeview button.deploy, html[data-charte=gray08] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray08] ul.treeview button.deploy, html[data-charte=gray08] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray08] ul.treeview button:focus, html[data-charte=gray08] ul.treeview button:hover, html[data-charte=gray08] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray08] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray08] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray08] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray08] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray08] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray08] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray08] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray08] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray08] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray08] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray08] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray08] .treeview-search-combo > .treeview {
  border: 1px solid red;
  padding: 5px 0;
}
html[data-charte=gray08] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray08] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray08] .treeview-search-combo button.element.highlight, html[data-charte=gray08] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray08] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray08] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray08] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray08] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray08] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray08] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray08] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray08] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray08] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray08] #absences-calendar ul.actions-list, html[data-charte=gray08] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray08] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray08] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray08] #absences-calendar .icon-next, html[data-charte=gray08] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray08] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray08] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray08] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray08] table.plan-grid th, html[data-charte=gray08] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray08] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray08] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray08] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray08] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray08] table.plan-grid tr td:first-of-type, html[data-charte=gray08] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray08] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray08] table.plan-grid div p {
  display: none;
}
html[data-charte=gray08] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray08] table.plan-grid div:hover p, html[data-charte=gray08] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray08] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray08] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray08] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray08] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray08] #absences-calendar ul.actions-list, html[data-charte=gray08] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray08] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray08] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray08] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray08] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray08] table.plan-grid td, html[data-charte=gray08] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray08] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray08] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray08] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray08] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray08] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray08] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray08] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray08] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray08] table.plan-grid div:hover p, html[data-charte=gray08] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray08] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray08] table.plan-grid div:hover p, html[data-charte=gray08] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray08] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray08] div.editor-wrapper a, html[data-charte=gray08] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray08] div.editor-wrapper a:visited, html[data-charte=gray08] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray08] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray08] div.editor-wrapper li, html[data-charte=gray08] div.editor-wrapper th:not(.external-th), html[data-charte=gray08] div.editor-wrapper td:not(.external-td), html[data-charte=gray08] div.editor p:not(.feedback-message), html[data-charte=gray08] div.editor li, html[data-charte=gray08] div.editor th:not(.external-th), html[data-charte=gray08] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray08] div.editor-wrapper p, html[data-charte=gray08] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray08] div.editor-wrapper th, html[data-charte=gray08] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray08] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray08] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray08] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray08] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray08] div.editor-wrapper th[scope=row], html[data-charte=gray08] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray08] div.editor-wrapper strong, html[data-charte=gray08] div.editor-wrapper b, html[data-charte=gray08] div.editor-wrapper th:not(.external-th), html[data-charte=gray08] div.editor strong, html[data-charte=gray08] div.editor b, html[data-charte=gray08] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray08] div.editor-wrapper table:not(.external-table), html[data-charte=gray08] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block ul, html[data-charte=gray08] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray08] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray08] #side-bar-profile {
  position: relative;
}
html[data-charte=gray08] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray08] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray08] header#side-panel {
  color: black;
}
html[data-charte=gray08] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray08] .tooltip {
  z-index: 2000;
}
html[data-charte=gray08] div.tooltip .tooltip-inner, html[data-charte=gray08] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray08] figure {
  text-align: center;
}
html[data-charte=gray08] figure img {
  margin: 0 auto;
}
html[data-charte=gray08] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted red;
}
html[data-charte=gray08] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray08] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray08] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray08] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray08] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray08] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray08] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray08] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray08] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray08] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray08] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray08] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray08] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray08] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray08] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray08] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray08] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray08] section.login h1::after {
  content: none;
}
html[data-charte=gray08] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray08] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray08] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray08] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid red;
}
html[data-charte=gray08] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray08] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray08] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray08] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray08] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray08] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray08] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray08] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray08] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray08] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray08] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray08] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray08] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray08] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray08] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray08] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray08] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray08] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray08] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray08] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray08] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray08] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray08] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray08] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid red;
  }
  html[data-charte=gray08] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray08] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray08] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray08] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray08] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray08] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray08] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray08] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray08] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray08] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray08] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray08] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray08] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray08] p, html[data-charte=gray08] li, html[data-charte=gray08] dt, html[data-charte=gray08] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray08] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray08] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray08] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray08] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray08] ul.optional-status li, html[data-charte=gray08] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray08] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray08] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray08] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray08] div.card > div, html[data-charte=gray08] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray08] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray08] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray08] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray08] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray08] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray08] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray08] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray08] div.card dt, html[data-charte=gray08] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray08] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray08] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray08] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray08] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray08] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray08] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray08] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray08] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray08] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray08] div.bubble .u-photo, html[data-charte=gray08] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray08] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray08] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray08] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray08] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray08] div.request {
    position: relative;
  }
  html[data-charte=gray08] div.request dt, html[data-charte=gray08] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray08] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray08] div.request a:hover::after, html[data-charte=gray08] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray08] h3 {
    font-size: 2em;
  }
  html[data-charte=gray08] .collapsible h2, html[data-charte=gray08] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray08] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray08] #container {
    display: flex;
  }
  html[data-charte=gray08] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray08] #wrapper footer {
    display: none;
  }
  html[data-charte=gray08] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray08] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray08] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray08] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray08] div.grid-2thirds, html[data-charte=gray08] div.grid-3cols, html[data-charte=gray08] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray08] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray08] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray08] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray08] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray08] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray08] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray08] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray08] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray08] table.transform th {
    display: none;
  }
  html[data-charte=gray08] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray08] table.transform tr, html[data-charte=gray08] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray08] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray08] table.transform td + td {
    border-top: 1px solid red;
  }
  html[data-charte=gray08] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray08] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray08] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray08] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray08] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray08] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray08] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray08] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray08] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray08] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray08] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray08] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray08] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray08] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray08] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray08] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray08] div.actions-bar p, html[data-charte=gray08] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray08] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray08] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray08] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray08] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray08] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray08] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray08] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray08] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid red;
  }
  html[data-charte=gray08] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray08] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray08] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray08] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted red;
  }
  html[data-charte=gray08] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray08] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray08] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray08] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray08] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray08] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray08] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray08] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray08] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray08] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray08] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray08] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray08] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray08] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray08] section.participants div.h-card .u-photo, html[data-charte=gray08] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray08] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray08] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray08] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray08] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray08] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray08] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray08] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray08] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray08] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray08] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray08] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray08] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray08] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray08] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray08] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray08] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray08] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray08] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray08] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray08] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray08] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray08] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray08] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray08] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray08] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray08] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray08] div.bubble .content p:not(.feedback-message), html[data-charte=gray08] div.bubble .content li, html[data-charte=gray08] div.bubble .content th:not(.external-th), html[data-charte=gray08] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray08] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray08] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray08] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray08] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray08] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray08] div.bubble .content strong, html[data-charte=gray08] div.bubble .content b, html[data-charte=gray08] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray08] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray08] div.bubble .content li, html[data-charte=gray08] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray08] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray08] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray08] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray08] .f-upload-editor {
  display: none;
}
html[data-charte=gray08] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray08] .f-size, html[data-charte=gray08] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray08] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray08] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray08] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray08] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: red !important;
  box-shadow: 0 0 11px rgba(255, 0, 0, 0.5);
}
html[data-charte=gray08] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray08] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: red;
  border-color: #555;
}
html[data-charte=gray08] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray08] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray08] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray08] button.form-submit:not(.optional):hover {
  background-color: red !important;
}
html[data-charte=gray08] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray08] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray08] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray08] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray08] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray08] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray08] a.bt-create:hover {
  background-color: red;
}
html[data-charte=gray08] [class*=icon-],
html[data-charte=gray08] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: red !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray08] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray08] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(255, 0, 0, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray08] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray08] .icon-info-simple,
html[data-charte=gray08] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray08] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray08] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray08] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: red;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray08] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray08] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray08] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray08] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray08] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray08] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray08] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: red !important;
  padding: 0;
  border: none;
}
html[data-charte=gray08] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray08] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: red !important;
  padding: 0;
  border: none;
}
html[data-charte=gray08] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray08] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray08] input[type=search],
html[data-charte=gray08] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray08] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray08] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray08] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray08] legend {
  color: #222;
}
html[data-charte=gray08] label {
  color: #222;
}
html[data-charte=gray08] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray08] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray08] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray08] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray08] #ccSelector {
  display: none;
}
html[data-charte=gray08] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray08] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray08] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray08] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray08] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray08] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray08] label[for=subject] {
  display: none !important;
}
html[data-charte=gray08] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray08] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray08] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray08] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray08] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray08] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray08] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray08] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray08] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray08] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray08] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray08] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray08] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray08] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray08] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray08] ul.message-attachments {
  color: #222;
}
html[data-charte=gray08] .tree,
html[data-charte=gray08] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray08] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray08] .tree li:last-child {
  border: 0;
}
html[data-charte=gray08] .section ul {
  display: none;
}
html[data-charte=gray08] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray08] .section input[type=radio] {
  display: none;
}
html[data-charte=gray08] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray08] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray08] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray08] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray08] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray08] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray08] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray08] .feedback-message {
  color: #222;
}
html[data-charte=gray08] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray08] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray08] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray08] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray08] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray08] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray08] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray08] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray08] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px red;
}
html[data-charte=gray08] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray08] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray08] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray08] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray08] div.controled {
  background: transparent;
}
html[data-charte=gray08] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray08] .message-body th:not(.external-th), html[data-charte=gray08] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray08] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray09] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray09] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray09] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray09] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray09] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray09] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray09] div.user-data a, html[data-charte=gray09] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray09] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray09] div.user-data button:focus, html[data-charte=gray09] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray09] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray09] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray09] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray09] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray09] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray09] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #FFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray09] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray09] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray09] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray09] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray09] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray09] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray09] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray09] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray09] span.status {
  display: inline-block;
}
html[data-charte=gray09] div.h-card h2 a, html[data-charte=gray09] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray09] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray09] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray09] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray09] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray09] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray09] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray09] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray09] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray09] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray09] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray09] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray09] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray09] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray09] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray09] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray09] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray09] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray09] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray09] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray09] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray09] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray09] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray09] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray09] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray09] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray09] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray09] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray09] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray09] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray09] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray09] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray09] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray09] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray09] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray09] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray09] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray09] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray09] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray09] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray09] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray09] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray09] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray09] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray09] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray09] div.bubble h3 time {
  display: block;
}
html[data-charte=gray09] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray09] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray09] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray09] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray09] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray09] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray09] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray09] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray09] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray09] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray09] div.bubble details div {
  display: flex;
}
html[data-charte=gray09] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray09] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray09] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray09] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray09] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray09] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray09] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray09] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray09] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray09] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray09] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray09] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray09] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray09] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray09] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray09] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray09] div.bubble.message-comment .u-photo, html[data-charte=gray09] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray09] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray09] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  margin: 1rem 0;
}
html[data-charte=gray09] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray09] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray09] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray09] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray09] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray09] .message-body blockquote {
  color: black;
}
html[data-charte=gray09] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray09] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray09] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray09] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray09] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray09] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray09] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray09] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray09] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray09] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray09] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray09] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray09] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray09] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray09] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray09] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray09] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray09] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray09] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray09] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray09] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray09] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray09] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray09] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray09] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray09] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray09] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray09] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFF;
  padding: 0.5rem;
}
html[data-charte=gray09] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray09] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray09] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray09] div.request dl div {
  display: flex;
}
html[data-charte=gray09] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray09] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray09] div.editor, html[data-charte=gray09] form.create-new {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray09] form.create-new {
  border: none;
}
html[data-charte=gray09] div.editor h3 {
  background-color: #FFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray09] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray09] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray09] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] p.template-selector {
  width: 100%;
}
html[data-charte=gray09] p.template-selector input {
  width: 100%;
}
html[data-charte=gray09] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray09] div.mce-toolbar-grp button:hover, html[data-charte=gray09] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] select, html[data-charte=gray09] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray09] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray09] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray09] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray09] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray09] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray09] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray09] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray09] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray09] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray09] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray09] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray09] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray09] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray09] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray09] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray09] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray09] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray09] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray09] #main-nav li a.label-color::before,
html[data-charte=gray09] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray09] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray09] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray09] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray09] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray09] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray09] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray09] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray09] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray09] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray09] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray09] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray09] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray09] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray09] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray09] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray09] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray09] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray09] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray09] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray09] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray09] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray09] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray09] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray09] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray09] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: red;
  padding-left: 2em;
}
html[data-charte=gray09] div.actions-bar button.icon-check:hover, html[data-charte=gray09] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: red;
}
html[data-charte=gray09] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray09] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray09] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray09] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray09] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray09] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray09] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray09] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray09] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray09] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray09] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray09] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray09] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] div.project-card.details header {
  position: relative;
}
html[data-charte=gray09] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray09] div.project-card.details ul.actions-list {
  background-color: red;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray09] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray09] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray09] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray09] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray09] html, html[data-charte=gray09] body, html[data-charte=gray09] div, html[data-charte=gray09] span, html[data-charte=gray09] object, html[data-charte=gray09] iframe,
html[data-charte=gray09] h1, html[data-charte=gray09] h2, html[data-charte=gray09] h3, html[data-charte=gray09] h4, html[data-charte=gray09] h5, html[data-charte=gray09] h6, html[data-charte=gray09] p, html[data-charte=gray09] blockquote, html[data-charte=gray09] pre,
html[data-charte=gray09] a, html[data-charte=gray09] abbr, html[data-charte=gray09] address, html[data-charte=gray09] big, html[data-charte=gray09] cite, html[data-charte=gray09] code,
html[data-charte=gray09] del, html[data-charte=gray09] dfn, html[data-charte=gray09] em, html[data-charte=gray09] form, html[data-charte=gray09] img, html[data-charte=gray09] ins, html[data-charte=gray09] kbd, html[data-charte=gray09] q, html[data-charte=gray09] s, html[data-charte=gray09] samp,
html[data-charte=gray09] small, html[data-charte=gray09] strike, html[data-charte=gray09] strong, html[data-charte=gray09] sub, html[data-charte=gray09] sup, html[data-charte=gray09] tt, html[data-charte=gray09] var,
html[data-charte=gray09] b, html[data-charte=gray09] u, html[data-charte=gray09] i, html[data-charte=gray09] dl, html[data-charte=gray09] dt, html[data-charte=gray09] dd, html[data-charte=gray09] ol, html[data-charte=gray09] ul, html[data-charte=gray09] li,
html[data-charte=gray09] fieldset, html[data-charte=gray09] form, html[data-charte=gray09] label, html[data-charte=gray09] legend,
html[data-charte=gray09] table:not(.external-table),
html[data-charte=gray09] caption:not(.external-caption), html[data-charte=gray09] tbody, html[data-charte=gray09] tfoot, html[data-charte=gray09] thead,
html[data-charte=gray09] tr:not(.external-tr),
html[data-charte=gray09] th:not(.external-th),
html[data-charte=gray09] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray09] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray09] header, html[data-charte=gray09] footer, html[data-charte=gray09] main, html[data-charte=gray09] nav, html[data-charte=gray09] aside, html[data-charte=gray09] article, html[data-charte=gray09] section, html[data-charte=gray09] figure, html[data-charte=gray09] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray09] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray09] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray09] h2, html[data-charte=gray09] h3, html[data-charte=gray09] h4, html[data-charte=gray09] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray09] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray09] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray09] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray09] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] p, html[data-charte=gray09] li, html[data-charte=gray09] dt, html[data-charte=gray09] dd, html[data-charte=gray09] h5, html[data-charte=gray09] th, html[data-charte=gray09] td {
  font-size: 0.95em;
}
html[data-charte=gray09] li li, html[data-charte=gray09] li p, html[data-charte=gray09] li dt, html[data-charte=gray09] li dd {
  font-size: 100%;
}
html[data-charte=gray09] a {
  color: black;
}
html[data-charte=gray09] a:visited {
  opacity: 0.8;
}
html[data-charte=gray09] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray09] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray09] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray09] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray09] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray09] blockquote::before, html[data-charte=gray09] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray09] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray09] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray09] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray09] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray09] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray09] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray09] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray09] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray09] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray09] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray09] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray09] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray09] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray09] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray09] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray09] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray09] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray09] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray09] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray09] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray09] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray09] button:hover {
  background-color: #EEE;
}
html[data-charte=gray09] button[disabled], html[data-charte=gray09] .form-reset[disabled], html[data-charte=gray09] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray09] button[disabled]:hover, html[data-charte=gray09] .form-reset[disabled]:hover, html[data-charte=gray09] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray09] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray09] button.secondary {
  background-color: #222;
}
html[data-charte=gray09] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray09] button.discret:hover, html[data-charte=gray09] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray09] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray09] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] a[class*=bt-], html[data-charte=gray09] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray09] [class*=bt-]:hover, html[data-charte=gray09] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray09] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray09] .bt-create:hover, html[data-charte=gray09] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray09] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray09] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray09] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray09] a.bt-link, html[data-charte=gray09] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray09] [class*=icon-], html[data-charte=gray09] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray09] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray09] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray09] [class*=icon-]:hover, html[data-charte=gray09] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray09] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray09] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray09] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray09] .icon-assign, html[data-charte=gray09] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray09] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray09] .icon-pin, html[data-charte=gray09] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray09] .icon-pinned, html[data-charte=gray09] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray09] .icon-pinned:hover, html[data-charte=gray09] .follow-true:hover, html[data-charte=gray09] .icon-pinned:focus, html[data-charte=gray09] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray09] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray09] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray09] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray09] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray09] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray09] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray09] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray09] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray09] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray09] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray09] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray09] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray09] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray09] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray09] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray09] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray09] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray09] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray09] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray09] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray09] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray09] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray09] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray09] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray09] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray09] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray09] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray09] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray09] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray09] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray09] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray09] .icon-mark-as-unread, html[data-charte=gray09] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray09] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray09] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray09] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray09] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray09] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray09] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray09] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray09] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray09] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray09] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray09] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray09] button.icon-check:focus, html[data-charte=gray09] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray09] .icon-info-simple, html[data-charte=gray09] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray09] button.play, html[data-charte=gray09] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray09] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray09] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray09] button.icon-info-simple:hover, html[data-charte=gray09] button.icon-info-simple:focus,
html[data-charte=gray09] button.icon-back:hover, html[data-charte=gray09] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray09] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray09] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray09] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray09] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray09] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray09] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray09] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray09] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray09] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray09] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray09] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray09] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray09] th:not(.external-th), html[data-charte=gray09] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray09] th:not(.external-th) {
  color: black;
  background-color: red;
  padding: 1em 0.5em;
}
html[data-charte=gray09] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray09] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray09] th[scope=col]:not(.external-th) {
  color: black;
  background-color: red;
}
html[data-charte=gray09] th[scope=row] {
  text-align: left;
}
html[data-charte=gray09] .main-form {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] form.main-form legend {
  background-color: #FFF;
}
html[data-charte=gray09] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray09] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray09] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray09] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray09] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray09] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray09] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray09] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray09] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray09] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray09] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray09] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray09] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray09] input[type=text], html[data-charte=gray09] input[type=password], html[data-charte=gray09] input[type=date], html[data-charte=gray09] input[type=url], html[data-charte=gray09] input[type=tel],
html[data-charte=gray09] input[type=time], html[data-charte=gray09] input[type=email], html[data-charte=gray09] input[type=number], html[data-charte=gray09] input[type=search], html[data-charte=gray09] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid red;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray09] input[type=number], html[data-charte=gray09] input[type=date], html[data-charte=gray09] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray09] [readonly] {
  color: #222;
  background-color: red;
}
html[data-charte=gray09] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray09] input[type=text]:focus, html[data-charte=gray09] input[type=password]:focus, html[data-charte=gray09] input[type=url]:focus,
html[data-charte=gray09] input[type=date]:focus, html[data-charte=gray09] input[type=search]:focus, html[data-charte=gray09] select:focus {
  border-color: #555;
}
html[data-charte=gray09] input[type=url], html[data-charte=gray09] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray09] input[type=number] {
  width: 6em;
}
html[data-charte=gray09] .has-error input {
  border-color: #f00;
}
html[data-charte=gray09] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray09] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray09] select::-ms-expand {
  display: none;
}
html[data-charte=gray09] [type=submit], html[data-charte=gray09] [type=reset], html[data-charte=gray09] button.form-submit, html[data-charte=gray09] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray09] [type=reset], html[data-charte=gray09] button.form-reset {
  color: #EEE;
  background-color: red;
  border-color: red;
}
html[data-charte=gray09] [type=submit]:hover, html[data-charte=gray09] [type=submit]:focus,
html[data-charte=gray09] [type=submit].optional:hover, html[data-charte=gray09] [type=submit].optional:focus,
html[data-charte=gray09] [type=reset]:hover, html[data-charte=gray09] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray09] button.form-submit:hover, html[data-charte=gray09] button.form-submit:focus,
html[data-charte=gray09] button.form-submit.optional:hover, html[data-charte=gray09] button.form-submit.optional:focus,
html[data-charte=gray09] button.form-reset:hover, html[data-charte=gray09] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray09] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray09] [type=submit] + [type=reset], html[data-charte=gray09] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray09] [type=submit].optional, html[data-charte=gray09] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray09] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray09] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray09] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray09] ::-webkit-input-placeholder, html[data-charte=gray09] ::-moz-placeholder, html[data-charte=gray09] :-moz-placeholder, html[data-charte=gray09] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray09] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray09] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray09] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray09] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray09] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray09] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray09] .highlight {
  background-color: red;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray09] .highlight label, html[data-charte=gray09] .top-level .highlight label {
  background-color: red;
}
html[data-charte=gray09] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray09] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray09] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray09] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray09] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray09] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray09] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray09] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray09] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray09] ul.choices {
  display: flex;
}
html[data-charte=gray09] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray09] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray09] ul.choices.vertical {
  display: block;
}
html[data-charte=gray09] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray09] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray09] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray09] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray09] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray09] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray09] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray09] .form-makeup input:checked + label::before, html[data-charte=gray09] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray09] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray09] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray09] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray09] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray09] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray09] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray09] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray09] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray09] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray09] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray09] .check-chips input:focus + label {
  color: #111;
  background-color: red;
  border-color: #555;
}
html[data-charte=gray09] .check-chips input:checked + label, html[data-charte=gray09] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray09] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray09] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray09] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray09] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray09] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray09] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray09] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray09] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray09] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray09] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray09] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray09] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray09] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray09] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray09] input[aria-invalid=true]:focus {
  color: black;
  background-color: red;
  border-color: #222;
}
html[data-charte=gray09] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray09] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray09] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray09] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray09] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray09] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray09] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray09] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid red;
  transition: all 0.2s;
}
html[data-charte=gray09] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray09] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray09] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray09] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray09] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray09] div.card dt, html[data-charte=gray09] div.card dd {
  max-width: 100%;
}
html[data-charte=gray09] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray09] div.card a {
  text-decoration: none;
}
html[data-charte=gray09] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray09] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray09] div.card.unread a, html[data-charte=gray09] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray09] div.card.read a, html[data-charte=gray09] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray09] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray09] span.social-icon img {
  width: 16px;
}
html[data-charte=gray09] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray09] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray09] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray09] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray09] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray09] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray09] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray09] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray09] div.h-card form p {
  margin: 0;
}
html[data-charte=gray09] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray09] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray09] div.h-card h2 a, html[data-charte=gray09] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray09] div.h-card h2 a:hover, html[data-charte=gray09] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray09] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray09] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray09] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray09] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray09] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray09] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray09] div.spinner strong {
  display: block;
}
html[data-charte=gray09] div.spinner ::before, html[data-charte=gray09] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray09] div.spinner p::before,
html[data-charte=gray09] div.spinner p::after,
html[data-charte=gray09] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray09] div.spinner.ease-in-out ::before, html[data-charte=gray09] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray09] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray09] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray09] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray09] div.spinner.cubic-bezier ::before, html[data-charte=gray09] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray09] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray09] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray09] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray09] div.spinner.ease-in-out-fill ::before, html[data-charte=gray09] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray09] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray09] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray09] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray09] div.spinner.linear-dot ::before, html[data-charte=gray09] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray09] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray09] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray09] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray09] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray09] div.spinner.linear-circle ::before, html[data-charte=gray09] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray09] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray09] div.spinner.linear-circle p::before,
html[data-charte=gray09] div.spinner.linear-circle strong::before,
html[data-charte=gray09] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray09] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray09] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray09] div.spinner.progress-bar ::before, html[data-charte=gray09] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray09] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray09] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray09] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray09] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray09] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray09] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: red;
  border-radius: 5px;
}
html[data-charte=gray09] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray09] .box1, html[data-charte=gray09] .box4, html[data-charte=gray09] .box8, html[data-charte=gray09] .box11, html[data-charte=gray09] .box13, html[data-charte=gray09] .box16, html[data-charte=gray09] .box20 {
  animation-name: quiet;
}
html[data-charte=gray09] .box2, html[data-charte=gray09] .box6, html[data-charte=gray09] .box10, html[data-charte=gray09] .box14, html[data-charte=gray09] .box17, html[data-charte=gray09] .box19 {
  animation-name: normal;
}
html[data-charte=gray09] .box3, html[data-charte=gray09] .box5, html[data-charte=gray09] .box7, html[data-charte=gray09] .box9, html[data-charte=gray09] .box12, html[data-charte=gray09] .box15, html[data-charte=gray09] .box18 {
  animation-name: loud;
}
html[data-charte=gray09] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray09] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray09] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray09] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray09] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray09] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray09] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray09] .show-icons a:hover + .tooltip, html[data-charte=gray09] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray09] .alternative-alt:hover, html[data-charte=gray09] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray09] .alternative-alt:hover::before, html[data-charte=gray09] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray09] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray09] .ember-basic-dropdown, html[data-charte=gray09] .ember-basic-dropdown-content, html[data-charte=gray09] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray09] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray09] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray09] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray09] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray09] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray09] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray09] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray09] .ember-power-select-options li:hover, html[data-charte=gray09] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray09] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray09] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray09] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid red;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray09] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray09] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray09] .ember-power-select-trigger:focus,
html[data-charte=gray09] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray09] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray09] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray09] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray09] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray09] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray09] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray09] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray09] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray09] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray09] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray09] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray09] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray09] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray09] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray09] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray09] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray09] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray09] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray09] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray09] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray09] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray09] div.controled div.content {
  display: none;
}
html[data-charte=gray09] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray09] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray09] .underlay {
  opacity: 0;
}
html[data-charte=gray09] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray09] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] #main-nav h2::before {
  content: none;
}
html[data-charte=gray09] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray09] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray09] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray09] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray09] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray09] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray09] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray09] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray09] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray09] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: red;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray09] #main-nav li a, html[data-charte=gray09] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray09] #main-nav li a:focus, html[data-charte=gray09] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray09] #main-nav li a::after, html[data-charte=gray09] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray09] #main-nav li a.active::after,
html[data-charte=gray09] #main-nav li a:hover::after,
html[data-charte=gray09] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray09] #main-nav li button:hover::after,
html[data-charte=gray09] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray09] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray09] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray09] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray09] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray09] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray09] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray09] #main-nav li a.bt-create, html[data-charte=gray09] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray09] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray09] #main-nav li a.bt-create:hover, html[data-charte=gray09] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray09] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray09] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray09] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray09] #main-nav button.has-level2, html[data-charte=gray09] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray09] #main-nav button.has-level2::after, html[data-charte=gray09] #main-nav a.has-level2::after,
html[data-charte=gray09] #main-nav button.has-level2:hover::after, html[data-charte=gray09] #main-nav a.has-level2:hover::after,
html[data-charte=gray09] #main-nav button.has-level2:focus::after, html[data-charte=gray09] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray09] #main-nav button.collapse::after,
html[data-charte=gray09] #main-nav button.collapse:hover::after,
html[data-charte=gray09] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray09] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray09] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray09] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray09] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray09] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray09] div.modal[aria-hidden=false], html[data-charte=gray09] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray09] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray09] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray09] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray09] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray09] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray09] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray09] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray09] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray09] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray09] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray09] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray09] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray09] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray09] div.dropdown button.dd-trigger:hover, html[data-charte=gray09] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray09] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray09] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray09] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray09] div.dropdown ul button,
html[data-charte=gray09] div.dropdown ul a,
html[data-charte=gray09] div.dropdown ul [class*=icon-],
html[data-charte=gray09] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray09] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray09] div.dropdown ul button:hover, html[data-charte=gray09] div.dropdown ul a:hover,
html[data-charte=gray09] div.dropdown ul button:focus, html[data-charte=gray09] div.dropdown ul a:focus,
html[data-charte=gray09] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray09] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray09] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray09] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: #FFF;
}
html[data-charte=gray09] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray09] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray09] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray09] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray09] nav.pagination li:not(.page) + li.page, html[data-charte=gray09] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray09] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray09] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray09] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray09] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray09] nav.pagination a, html[data-charte=gray09] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray09] nav.pagination a.firstPage, html[data-charte=gray09] nav.pagination a.previousPage, html[data-charte=gray09] nav.pagination a.nextPage, html[data-charte=gray09] nav.pagination a.lastPage, html[data-charte=gray09] nav.pagination li button.firstPage, html[data-charte=gray09] nav.pagination li button.previousPage, html[data-charte=gray09] nav.pagination li button.nextPage, html[data-charte=gray09] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray09] nav.pagination a.firstPage, html[data-charte=gray09] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray09] nav.pagination a.previousPage, html[data-charte=gray09] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray09] nav.pagination a.nextPage, html[data-charte=gray09] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray09] nav.pagination a.lastPage, html[data-charte=gray09] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray09] nav.pagination a:hover, html[data-charte=gray09] nav.pagination a:focus, html[data-charte=gray09] nav.pagination li.active a,
html[data-charte=gray09] nav.pagination li button:hover, html[data-charte=gray09] nav.pagination li button:focus, html[data-charte=gray09] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray09] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray09] nav.pagination li.shortcut a, html[data-charte=gray09] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray09] select.selector, html[data-charte=gray09] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray09] .has-error input, html[data-charte=gray09] .has-error select, html[data-charte=gray09] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray09] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray09] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray09] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray09] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray09] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray09] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray09] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray09] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray09] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray09] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray09] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray09] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray09] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray09] div.editor {
  position: relative;
}
html[data-charte=gray09] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray09] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray09] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray09] div.editor-wrapper a, html[data-charte=gray09] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray09] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray09] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: red;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: red;
  padding: 0;
  border: none;
}
html[data-charte=gray09] strong, html[data-charte=gray09] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray09] em, html[data-charte=gray09] i {
  font-style: italic;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block p, html[data-charte=gray09] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFF;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray09] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray09] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block:focus, html[data-charte=gray09] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray09] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray09] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray09] select.models, html[data-charte=gray09] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray09] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray09] .contentEditableValue {
  display: none;
}
html[data-charte=gray09] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray09] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray09] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray09] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray09] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray09] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray09] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray09] #color-poly {
  display: none;
}
html[data-charte=gray09] #color-poly.active {
  display: block;
}
html[data-charte=gray09] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray09] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray09] button.color:hover, html[data-charte=gray09] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray09] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray09] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFF;
  border: 1px solid #BBB;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray09] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray09] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray09] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray09] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray09] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray09] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray09] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray09] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray09] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray09] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray09] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray09] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray09] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray09] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray09] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray09] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray09] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray09] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray09] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: red;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray09] div.format-options.active {
  display: block;
}
html[data-charte=gray09] div.format-options p {
  margin: 0;
}
html[data-charte=gray09] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray09] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray09] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray09] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray09] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray09] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray09] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray09] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray09] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray09] mark {
  cursor: help;
}
html[data-charte=gray09] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray09] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray09] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray09] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray09] b ul.sc-options li, html[data-charte=gray09] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray09] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray09] em ul.sc-options li, html[data-charte=gray09] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray09] ul.sc-options li:hover, html[data-charte=gray09] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray09] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray09] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray09] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray09] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray09] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray09] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: red;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray09] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray09] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray09] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray09] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray09] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray09] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray09] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray09] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray09] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray09] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray09] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray09] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: red;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray09] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray09] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray09] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray09] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] select, html[data-charte=gray09] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray09] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray09] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray09] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray09] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray09] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray09] section.participants div.h-card .u-photo, html[data-charte=gray09] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray09] main.conversation section.participants ul.actions-list,
html[data-charte=gray09] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray09] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray09] ul.avatars {
  list-style-type: none;
  background-color: red;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray09] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray09] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray09] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray09] div.actions-bar {
  color: #111;
  background-color: red;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.actions-bar p, html[data-charte=gray09] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray09] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray09] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray09] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray09] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray09] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: red;
  border-color: #555;
}
html[data-charte=gray09] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray09] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray09] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray09] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray09] .collapsible h3, html[data-charte=gray09] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray09] .collapsible > .content {
  display: none;
}
html[data-charte=gray09] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray09] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray09] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray09] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray09] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray09] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray09] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray09] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray09] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray09] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: #FFF;
  }
  html[data-charte=gray09] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray09] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray09] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray09] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray09] ul.tabs li a, html[data-charte=gray09] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray09] ul.tabs li a:hover, html[data-charte=gray09] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray09] ul.tabs li.active a, html[data-charte=gray09] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray09] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray09] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray09] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray09] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray09] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray09] .top-level label {
  background-color: #FFF;
}
html[data-charte=gray09] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray09] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray09] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray09] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray09] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray09] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray09] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray09] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray09] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray09] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray09] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray09] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray09] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray09] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray09] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray09] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray09] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray09] details.simple summary::after {
  content: " +";
}
html[data-charte=gray09] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray09] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray09] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray09] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray09] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray09] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray09] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray09] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray09] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray09] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray09] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray09] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray09] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray09] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray09] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray09] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray09] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray09] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray09] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray09] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray09] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray09] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray09] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray09] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray09] .form-makeup input:checked + label::before, html[data-charte=gray09] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray09] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray09] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray09] button[disabled], html[data-charte=gray09] .form-reset[disabled], html[data-charte=gray09] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray09] button[disabled]:hover, html[data-charte=gray09] .form-reset[disabled]:hover, html[data-charte=gray09] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray09] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray09] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray09] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray09] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray09] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray09] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray09] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray09] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray09] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray09] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray09] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray09] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray09] div.datepickerDialog caption button {
  background-color: #FFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray09] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray09] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray09] div.datepickerDialog th, html[data-charte=gray09] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray09] div.datepickerDialog th {
  background-color: #FFF;
}
html[data-charte=gray09] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray09] div.datepickerDialog td button:hover, html[data-charte=gray09] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray09] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray09] div.datepickerDialog p.buttons-bar, html[data-charte=gray09] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid red;
}
html[data-charte=gray09] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray09] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray09] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray09] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray09] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray09] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray09] .icon-zoom:hover {
  background-color: #FFF;
}
html[data-charte=gray09] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray09] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray09] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray09] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray09] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray09] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray09] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray09] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray09] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray09] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray09] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray09] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray09] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray09] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray09] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray09] .icon-zoom {
  position: inherit;
}
html[data-charte=gray09] figure.img-container img {
  width: 100%;
}
html[data-charte=gray09] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray09] div.editor-wrapper .audio, html[data-charte=gray09] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray09] div.editor-wrapper .audio, html[data-charte=gray09] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray09] div.editor-wrapper .audio, html[data-charte=gray09] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray09] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray09] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray09] .audio-preview {
  justify-content: center;
}
html[data-charte=gray09] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray09] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray09] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray09] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray09] .audio-message, html[data-charte=gray09] .audio-record, html[data-charte=gray09] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray09] .audio-message audio, html[data-charte=gray09] .audio-record audio, html[data-charte=gray09] .audio audio {
  background: #fff;
  border: 2px solid red;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray09] .audio-message .icon-download.voice-message, html[data-charte=gray09] .audio-record .icon-download.voice-message, html[data-charte=gray09] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray09] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray09] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray09] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray09] .audio {
  min-width: 20rem;
}
html[data-charte=gray09] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray09] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray09] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray09] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray09] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray09] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray09] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray09] #volume-control, html[data-charte=gray09] #speed-control {
  display: none;
}
html[data-charte=gray09] #volume-control > input, html[data-charte=gray09] #speed-control > input {
  width: 65px;
}
html[data-charte=gray09] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray09] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray09] #volume-control[aria-hidden=false], html[data-charte=gray09] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray09] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray09] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray09] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray09] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray09] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray09] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray09] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray09] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray09] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray09] ul.add-list li {
  padding: 0;
}
html[data-charte=gray09] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray09] .icon-share, html[data-charte=gray09] .icon-edit, html[data-charte=gray09] .icon-info,
html[data-charte=gray09] .icon-upload, html[data-charte=gray09] .icon-close, html[data-charte=gray09] .icon-info-close,
html[data-charte=gray09] .icon-notify, html[data-charte=gray09] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray09] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray09] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray09] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray09] .icon-info, html[data-charte=gray09] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray09] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray09] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray09] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray09] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray09] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray09] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray09] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray09] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray09] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray09] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray09] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray09] div.project-card::before, html[data-charte=gray09] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray09] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray09] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray09] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray09] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray09] div.project-card h4 a {
  color: #111;
  background-color: #FFF;
}
html[data-charte=gray09] div.project-card h4 a:visited {
  color: #222;
  background-color: #FFF;
}
html[data-charte=gray09] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray09] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray09] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray09] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray09] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray09] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray09] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray09] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray09] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray09] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray09] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray09] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray09] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray09] dl.project-info dt, html[data-charte=gray09] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray09] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray09] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray09] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray09] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray09] div.project-sheet {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray09] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray09] p.assignment strong {
  display: block;
}
html[data-charte=gray09] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray09] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray09] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray09] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray09] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray09] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray09] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray09] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray09] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray09] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray09] section.project-folder {
  background-color: #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray09] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray09] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray09] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray09] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray09] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray09] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray09] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray09] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray09] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray09] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray09] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray09] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray09] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray09] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray09] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray09] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray09] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray09] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray09] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray09] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray09] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray09] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray09] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray09] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray09] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray09] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray09] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray09] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray09] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
html[data-charte=gray09] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray09] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray09] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray09] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray09] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray09] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray09] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray09] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray09] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray09] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray09] div.project-card h4 a, html[data-charte=gray09] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray09] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray09] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray09] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray09] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray09] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray09] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray09] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray09] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray09] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray09] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray09] p.nature {
    flex: 1;
  }
  html[data-charte=gray09] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray09] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray09] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray09] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray09] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray09] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray09] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray09] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray09] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray09] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray09] ul.treeview button.element-button:hover, html[data-charte=gray09] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray09] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray09] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray09] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray09] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray09] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray09] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray09] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray09] ul.treeview button.deploy, html[data-charte=gray09] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray09] ul.treeview button.deploy, html[data-charte=gray09] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray09] ul.treeview button:focus, html[data-charte=gray09] ul.treeview button:hover, html[data-charte=gray09] ul.treeview button.active {
  background-color: #FFF;
}
html[data-charte=gray09] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray09] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray09] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray09] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray09] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray09] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray09] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray09] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray09] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray09] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray09] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray09] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray09] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray09] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray09] .treeview-search-combo button.element.highlight, html[data-charte=gray09] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray09] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray09] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray09] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray09] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray09] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray09] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray09] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray09] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray09] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray09] #absences-calendar ul.actions-list, html[data-charte=gray09] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray09] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray09] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray09] #absences-calendar .icon-next, html[data-charte=gray09] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray09] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray09] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray09] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray09] table.plan-grid th, html[data-charte=gray09] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray09] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray09] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray09] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray09] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray09] table.plan-grid tr td:first-of-type, html[data-charte=gray09] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray09] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray09] table.plan-grid div p {
  display: none;
}
html[data-charte=gray09] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray09] table.plan-grid div:hover p, html[data-charte=gray09] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray09] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray09] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray09] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray09] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray09] #absences-calendar ul.actions-list, html[data-charte=gray09] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray09] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray09] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray09] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray09] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray09] table.plan-grid td, html[data-charte=gray09] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray09] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray09] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray09] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray09] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray09] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray09] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray09] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray09] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray09] table.plan-grid div:hover p, html[data-charte=gray09] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray09] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray09] table.plan-grid div:hover p, html[data-charte=gray09] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray09] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray09] div.editor-wrapper a, html[data-charte=gray09] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray09] div.editor-wrapper a:visited, html[data-charte=gray09] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray09] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray09] div.editor-wrapper li, html[data-charte=gray09] div.editor-wrapper th:not(.external-th), html[data-charte=gray09] div.editor-wrapper td:not(.external-td), html[data-charte=gray09] div.editor p:not(.feedback-message), html[data-charte=gray09] div.editor li, html[data-charte=gray09] div.editor th:not(.external-th), html[data-charte=gray09] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray09] div.editor-wrapper p, html[data-charte=gray09] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray09] div.editor-wrapper th, html[data-charte=gray09] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray09] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray09] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray09] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray09] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray09] div.editor-wrapper th[scope=row], html[data-charte=gray09] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray09] div.editor-wrapper strong, html[data-charte=gray09] div.editor-wrapper b, html[data-charte=gray09] div.editor-wrapper th:not(.external-th), html[data-charte=gray09] div.editor strong, html[data-charte=gray09] div.editor b, html[data-charte=gray09] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray09] div.editor-wrapper table:not(.external-table), html[data-charte=gray09] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block ul, html[data-charte=gray09] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray09] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray09] #side-bar-profile {
  position: relative;
}
html[data-charte=gray09] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray09] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray09] header#side-panel {
  color: black;
}
html[data-charte=gray09] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray09] .tooltip {
  z-index: 2000;
}
html[data-charte=gray09] div.tooltip .tooltip-inner, html[data-charte=gray09] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray09] figure {
  text-align: center;
}
html[data-charte=gray09] figure img {
  margin: 0 auto;
}
html[data-charte=gray09] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray09] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray09] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray09] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray09] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray09] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray09] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray09] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray09] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray09] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray09] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray09] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray09] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray09] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray09] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray09] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray09] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray09] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray09] section.login h1::after {
  content: none;
}
html[data-charte=gray09] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray09] section.login h2 {
  font-size: 1.5em;
  background-color: #FFF;
  margin-bottom: 1em;
}
html[data-charte=gray09] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray09] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray09] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray09] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray09] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray09] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray09] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray09] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray09] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray09] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray09] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray09] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray09] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray09] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray09] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray09] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray09] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray09] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray09] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray09] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray09] div.conversation > ul.actions-list {
    background-color: red;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray09] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray09] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray09] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray09] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray09] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray09] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray09] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray09] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray09] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray09] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray09] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray09] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray09] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray09] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray09] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray09] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray09] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray09] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray09] p, html[data-charte=gray09] li, html[data-charte=gray09] dt, html[data-charte=gray09] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray09] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray09] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray09] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray09] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray09] ul.optional-status li, html[data-charte=gray09] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray09] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray09] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray09] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray09] div.card > div, html[data-charte=gray09] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray09] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray09] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray09] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray09] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray09] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray09] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray09] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray09] div.card dt, html[data-charte=gray09] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray09] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray09] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray09] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray09] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray09] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray09] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray09] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray09] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray09] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray09] div.bubble .u-photo, html[data-charte=gray09] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray09] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray09] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray09] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray09] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray09] div.request {
    position: relative;
  }
  html[data-charte=gray09] div.request dt, html[data-charte=gray09] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray09] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray09] div.request a:hover::after, html[data-charte=gray09] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray09] h3 {
    font-size: 2em;
  }
  html[data-charte=gray09] .collapsible h2, html[data-charte=gray09] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray09] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray09] #container {
    display: flex;
  }
  html[data-charte=gray09] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray09] #wrapper footer {
    display: none;
  }
  html[data-charte=gray09] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray09] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray09] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray09] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray09] div.grid-2thirds, html[data-charte=gray09] div.grid-3cols, html[data-charte=gray09] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray09] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray09] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray09] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray09] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray09] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray09] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray09] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray09] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray09] table.transform th {
    display: none;
  }
  html[data-charte=gray09] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray09] table.transform tr, html[data-charte=gray09] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray09] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray09] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray09] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray09] table.transform tr td:first-of-type {
    background-color: red;
  }
  html[data-charte=gray09] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray09] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray09] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray09] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray09] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray09] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray09] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: #FFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray09] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray09] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray09] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray09] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray09] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray09] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray09] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray09] div.actions-bar p, html[data-charte=gray09] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray09] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray09] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray09] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray09] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray09] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray09] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray09] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray09] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray09] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray09] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray09] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray09] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray09] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray09] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray09] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray09] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray09] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray09] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray09] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray09] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray09] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray09] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray09] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: red;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray09] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray09] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray09] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray09] section.participants div.h-card .u-photo, html[data-charte=gray09] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray09] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray09] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray09] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray09] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray09] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray09] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray09] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray09] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray09] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray09] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray09] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray09] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray09] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray09] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray09] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray09] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray09] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray09] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray09] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray09] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray09] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray09] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray09] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray09] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray09] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray09] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray09] div.bubble .content p:not(.feedback-message), html[data-charte=gray09] div.bubble .content li, html[data-charte=gray09] div.bubble .content th:not(.external-th), html[data-charte=gray09] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray09] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray09] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray09] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray09] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray09] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray09] div.bubble .content strong, html[data-charte=gray09] div.bubble .content b, html[data-charte=gray09] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray09] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray09] div.bubble .content li, html[data-charte=gray09] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray09] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray09] div.bubble div.content {
  color: #111;
  background-color: #ffe6e6;
}
html[data-charte=gray09] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray09] .f-upload-editor {
  display: none;
}
html[data-charte=gray09] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray09] .f-size, html[data-charte=gray09] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray09] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray09] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray09] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray09] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray09] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray09] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray09] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray09] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  color: #111;
  background-color: #FFF;
  border-color: #555;
}
html[data-charte=gray09] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: #FFF !important;
  border-color: red;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray09] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray09] button.form-submit.optional {
  color: #111;
  border-color: red;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray09] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray09] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray09] div.dropdown ul {
  border-color: #555;
  background-color: red;
}
html[data-charte=gray09] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray09] a.bt-create {
  color: #FFF !important;
}
html[data-charte=gray09] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray09] [class*=icon-],
html[data-charte=gray09] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray09] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray09] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray09] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray09] .icon-info-simple,
html[data-charte=gray09] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray09] div.card {
  border-bottom-color: red;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray09] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray09] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray09] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray09] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray09] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray09] section.login h1 {
  background-color: #FFF;
}
html[data-charte=gray09] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray09] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray09] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray09] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray09] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray09] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray09] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray09] input[type=search],
html[data-charte=gray09] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray09] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray09] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray09] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray09] legend {
  color: #222;
}
html[data-charte=gray09] label {
  color: #222;
}
html[data-charte=gray09] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray09] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray09] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray09] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray09] #ccSelector {
  display: none;
}
html[data-charte=gray09] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray09] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray09] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray09] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray09] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray09] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray09] label[for=subject] {
  display: none !important;
}
html[data-charte=gray09] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray09] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray09] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray09] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray09] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray09] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray09] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray09] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray09] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray09] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray09] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray09] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray09] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray09] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray09] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray09] ul.message-attachments {
  color: #222;
}
html[data-charte=gray09] .tree,
html[data-charte=gray09] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray09] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray09] .tree li:last-child {
  border: 0;
}
html[data-charte=gray09] .section ul {
  display: none;
}
html[data-charte=gray09] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray09] .section input[type=radio] {
  display: none;
}
html[data-charte=gray09] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray09] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray09] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray09] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray09] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray09] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray09] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray09] .feedback-message {
  color: #222;
}
html[data-charte=gray09] .toast-close-button {
  background-color: transparent !important;
  color: #FFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray09] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray09] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray09] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray09] form.create-new {
  background-color: #FFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray09] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray09] .filetype {
  color: #FFF !important;
  background-color: #222 !important;
}
html[data-charte=gray09] .icon-zoom {
  background-color: red !important;
}
html[data-charte=gray09] .icon-zoom:hover {
  background-color: red !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray09] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray09] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray09] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray09] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray09] div.controled {
  background: transparent;
}
html[data-charte=gray09] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray09] .message-body th:not(.external-th), html[data-charte=gray09] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray09] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=gray10] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=gray10] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
}
html[data-charte=gray10] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=gray10] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=gray10] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=gray10] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=gray10] div.user-data a, html[data-charte=gray10] div.user-data a:visited {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=gray10] div.user-data button {
  position: relative;
  font-size: 90%;
  color: black;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=gray10] div.user-data button:focus, html[data-charte=gray10] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=gray10] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray10] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=gray10] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray10] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=gray10] div.card header {
  padding-left: 2rem;
}
html[data-charte=gray10] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: red;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=gray10] div.card dd {
  line-height: 1.3;
}
html[data-charte=gray10] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=gray10] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray10] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=gray10] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=gray10] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=gray10] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=gray10] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=gray10] span.status {
  display: inline-block;
}
html[data-charte=gray10] div.h-card h2 a, html[data-charte=gray10] div.h-card h2 a:visited {
  background-color: #222;
}
html[data-charte=gray10] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray10] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=gray10] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: black;
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=gray10] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=gray10] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=gray10] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=gray10] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=gray10] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=gray10] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray10] .chip.default {
  font-size: 0.9rem;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] ul.chips {
  justify-content: flex-start;
}
html[data-charte=gray10] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray10] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=gray10] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: red;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=gray10] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=gray10] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=gray10] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=gray10] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=gray10] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=gray10] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=gray10] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=gray10] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=gray10] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=gray10] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #111;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=gray10] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=gray10] div.personal-info div.avatar {
  background-color: #222;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=gray10] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: red;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray10] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=gray10] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=gray10] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #BBB;
}
html[data-charte=gray10] main.settings div.data-sheet h4 {
  color: #555;
  background-color: #fff;
}
html[data-charte=gray10] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #BBB;
}
html[data-charte=gray10] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=gray10] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=gray10] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=gray10] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=gray10] main.conversation > header:first-child {
  display: block;
}
html[data-charte=gray10] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=gray10] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=gray10] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=gray10] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=gray10] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=gray10] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray10] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray10] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=gray10] div.bubble h3 time {
  display: block;
}
html[data-charte=gray10] div.bubble h3 strong {
  color: #111;
}
html[data-charte=gray10] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=gray10] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=gray10] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=gray10] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
html[data-charte=gray10] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.bubble div.content {
  color: black;
  background-color: #555;
  word-wrap: break-word;
}
html[data-charte=gray10] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=gray10] div.bubble div.content a {
  color: #111;
}
html[data-charte=gray10] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=gray10] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray10] div.bubble details div {
  display: flex;
}
html[data-charte=gray10] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=gray10] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=gray10] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=gray10] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=gray10] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=gray10] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #BBB;
}
html[data-charte=gray10] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
  background-color: red;
}
html[data-charte=gray10] div.conversation-message--owner-organization > div.bubble div.content a {
  color: black;
}
html[data-charte=gray10] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=gray10] div.bubble.conversation-message-comments .content {
  color: black;
  background-color: #fff;
  border: 1px solid #BBB;
}
html[data-charte=gray10] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=gray10] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=gray10] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray10] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray10] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=gray10] div.bubble.message-comment .content {
  background-color: #BBB;
}
html[data-charte=gray10] div.bubble.message-comment .u-photo, html[data-charte=gray10] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=gray10] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=gray10] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 1rem 0;
}
html[data-charte=gray10] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=gray10] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=gray10] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=gray10] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=gray10] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=gray10] .message-body blockquote {
  color: black;
}
html[data-charte=gray10] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=gray10] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=gray10] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=gray10] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray10] ul.message-attachments {
  list-style-type: none;
  color: #EEE;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=gray10] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=gray10] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=gray10] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=gray10] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #BBB;
}
html[data-charte=gray10] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray10] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray10] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=gray10] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=gray10] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray10] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=gray10] div.editor ul.message-attachments {
  border-top: 2px solid #555;
}
html[data-charte=gray10] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=gray10] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=gray10] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=gray10] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=gray10] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=gray10] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray10] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=gray10] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=gray10] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #222;
}
html[data-charte=gray10] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=gray10] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=gray10] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: red;
  padding: 0.5rem;
}
html[data-charte=gray10] div.request h4 .status {
  margin: 0;
}
html[data-charte=gray10] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #BBB;
}
html[data-charte=gray10] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=gray10] div.request dl div {
  display: flex;
}
html[data-charte=gray10] div.request dt {
  flex-basis: 5em;
}
html[data-charte=gray10] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=gray10] div.editor, html[data-charte=gray10] form.create-new {
  background-color: red;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray10] form.create-new {
  border: none;
}
html[data-charte=gray10] div.editor h3 {
  background-color: red;
  margin-bottom: 0;
  border: none;
}
html[data-charte=gray10] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray10] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=gray10] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] p.template-selector {
  width: 100%;
}
html[data-charte=gray10] p.template-selector input {
  width: 100%;
}
html[data-charte=gray10] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=gray10] div.mce-toolbar-grp button:hover, html[data-charte=gray10] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] select, html[data-charte=gray10] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=gray10] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=gray10] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray10] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=gray10] p.mandatory {
  text-align: right;
  color: #111;
  background-color: #fff;
}
html[data-charte=gray10] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=gray10] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=gray10] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #EEE;
  border-radius: 100%;
}
html[data-charte=gray10] .badge {
  color: black;
  background-color: #EEE;
  margin-left: 1rem;
}
html[data-charte=gray10] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=gray10] nav.pagination ul {
  justify-content: center;
}
html[data-charte=gray10] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=gray10] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=gray10] .chip.label-color-1 {
  color: #EEE;
  background-color: #85D687;
}
html[data-charte=gray10] .chip.label-color-2 {
  color: #EEE;
  background-color: #90CBDA;
}
html[data-charte=gray10] .chip.label-color-3 {
  color: #EEE;
  background-color: #D1CE75;
}
html[data-charte=gray10] .chip.label-color-4 {
  color: #EEE;
  background-color: #E6B3E1;
}
html[data-charte=gray10] .chip.label-color-5 {
  color: #EEE;
  background-color: #D9AC8C;
}
html[data-charte=gray10] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray10] #main-nav li a.label-color::before,
html[data-charte=gray10] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=gray10] #page-labels-settings div.card dt.label-color::before,
html[data-charte=gray10] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=gray10] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=gray10] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=gray10] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=gray10] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=gray10] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray10] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=gray10] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=gray10] #main-nav li a.label-color.label-color-1::before,
html[data-charte=gray10] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=gray10] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=gray10] #main-nav li a.label-color.label-color-2::before,
html[data-charte=gray10] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=gray10] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=gray10] #main-nav li a.label-color.label-color-3::before,
html[data-charte=gray10] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=gray10] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=gray10] #main-nav li a.label-color.label-color-4::before,
html[data-charte=gray10] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=gray10] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=gray10] #main-nav li a.label-color.label-color-5::before,
html[data-charte=gray10] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=gray10] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=gray10] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: black;
  background-color: #EEE;
  padding-left: 2em;
}
html[data-charte=gray10] div.actions-bar button.icon-check:hover, html[data-charte=gray10] div.actions-bar button.icon-check:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=gray10] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=gray10] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray10] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=gray10] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=gray10] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=gray10] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=gray10] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #555;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=gray10] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray10] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=gray10] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #EEE;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=gray10] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=gray10] div.project-card p.divided {
  color: #111;
  padding: 0.3em 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] div.project-card.details header {
  position: relative;
}
html[data-charte=gray10] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=gray10] div.project-card.details ul.actions-list {
  background-color: #EEE;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=gray10] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=gray10] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=gray10] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=gray10] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=gray10] html, html[data-charte=gray10] body, html[data-charte=gray10] div, html[data-charte=gray10] span, html[data-charte=gray10] object, html[data-charte=gray10] iframe,
html[data-charte=gray10] h1, html[data-charte=gray10] h2, html[data-charte=gray10] h3, html[data-charte=gray10] h4, html[data-charte=gray10] h5, html[data-charte=gray10] h6, html[data-charte=gray10] p, html[data-charte=gray10] blockquote, html[data-charte=gray10] pre,
html[data-charte=gray10] a, html[data-charte=gray10] abbr, html[data-charte=gray10] address, html[data-charte=gray10] big, html[data-charte=gray10] cite, html[data-charte=gray10] code,
html[data-charte=gray10] del, html[data-charte=gray10] dfn, html[data-charte=gray10] em, html[data-charte=gray10] form, html[data-charte=gray10] img, html[data-charte=gray10] ins, html[data-charte=gray10] kbd, html[data-charte=gray10] q, html[data-charte=gray10] s, html[data-charte=gray10] samp,
html[data-charte=gray10] small, html[data-charte=gray10] strike, html[data-charte=gray10] strong, html[data-charte=gray10] sub, html[data-charte=gray10] sup, html[data-charte=gray10] tt, html[data-charte=gray10] var,
html[data-charte=gray10] b, html[data-charte=gray10] u, html[data-charte=gray10] i, html[data-charte=gray10] dl, html[data-charte=gray10] dt, html[data-charte=gray10] dd, html[data-charte=gray10] ol, html[data-charte=gray10] ul, html[data-charte=gray10] li,
html[data-charte=gray10] fieldset, html[data-charte=gray10] form, html[data-charte=gray10] label, html[data-charte=gray10] legend,
html[data-charte=gray10] table:not(.external-table),
html[data-charte=gray10] caption:not(.external-caption), html[data-charte=gray10] tbody, html[data-charte=gray10] tfoot, html[data-charte=gray10] thead,
html[data-charte=gray10] tr:not(.external-tr),
html[data-charte=gray10] th:not(.external-th),
html[data-charte=gray10] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray10] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=gray10] header, html[data-charte=gray10] footer, html[data-charte=gray10] main, html[data-charte=gray10] nav, html[data-charte=gray10] aside, html[data-charte=gray10] article, html[data-charte=gray10] section, html[data-charte=gray10] figure, html[data-charte=gray10] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=gray10] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #fff;
}
html[data-charte=gray10] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=gray10] h2, html[data-charte=gray10] h3, html[data-charte=gray10] h4, html[data-charte=gray10] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=gray10] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #EEE;
  background-color: #fff;
}
html[data-charte=gray10] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=gray10] h3 {
  font-size: 1.2em;
  color: #222;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #222;
}
html[data-charte=gray10] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] p, html[data-charte=gray10] li, html[data-charte=gray10] dt, html[data-charte=gray10] dd, html[data-charte=gray10] h5, html[data-charte=gray10] th, html[data-charte=gray10] td {
  font-size: 0.95em;
}
html[data-charte=gray10] li li, html[data-charte=gray10] li p, html[data-charte=gray10] li dt, html[data-charte=gray10] li dd {
  font-size: 100%;
}
html[data-charte=gray10] a {
  color: black;
}
html[data-charte=gray10] a:visited {
  opacity: 0.8;
}
html[data-charte=gray10] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray10] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray10] img {
  max-width: 100%;
  border: none;
}
html[data-charte=gray10] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=gray10] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=gray10] blockquote::before, html[data-charte=gray10] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=gray10] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=gray10] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=gray10] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=gray10] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=gray10] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #555;
}
html[data-charte=gray10] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=gray10] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=gray10] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=gray10] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=gray10] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=gray10] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=gray10] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=gray10] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=gray10] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=gray10] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=gray10] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=gray10] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=gray10] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=gray10] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=gray10] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=gray10] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=gray10] button:hover {
  background-color: #EEE;
}
html[data-charte=gray10] button[disabled], html[data-charte=gray10] .form-reset[disabled], html[data-charte=gray10] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=gray10] button[disabled]:hover, html[data-charte=gray10] .form-reset[disabled]:hover, html[data-charte=gray10] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #555;
}
html[data-charte=gray10] .form-submit.optional[disabled]:hover {
  color: black;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=gray10] button.secondary {
  background-color: #222;
}
html[data-charte=gray10] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray10] button.discret:hover, html[data-charte=gray10] button.discret:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray10] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: black;
  background-color: #555;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=gray10] [class*=bt-]:hover {
  text-decoration: underline;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] a[class*=bt-], html[data-charte=gray10] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=gray10] [class*=bt-]:hover, html[data-charte=gray10] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=gray10] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=gray10] .bt-create:hover, html[data-charte=gray10] .bt-create:focus {
  background-color: #EEE;
}
html[data-charte=gray10] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=gray10] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=gray10] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=gray10] a.bt-link, html[data-charte=gray10] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=gray10] [class*=icon-], html[data-charte=gray10] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray10] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #EEE;
}
html[data-charte=gray10] [class*=icon-].secondary {
  background-color: #222;
}
html[data-charte=gray10] [class*=icon-]:hover, html[data-charte=gray10] [class*=icon-]:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #EEE;
}
html[data-charte=gray10] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=gray10] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=gray10] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=gray10] .icon-assign, html[data-charte=gray10] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=gray10] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=gray10] .icon-pin, html[data-charte=gray10] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=gray10] .icon-pinned, html[data-charte=gray10] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=gray10] .icon-pinned:hover, html[data-charte=gray10] .follow-true:hover, html[data-charte=gray10] .icon-pinned:focus, html[data-charte=gray10] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=gray10] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=gray10] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=gray10] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=gray10] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=gray10] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=gray10] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray10] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=gray10] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=gray10] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=gray10] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=gray10] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=gray10] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=gray10] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: black;
  background-color: #555;
}
html[data-charte=gray10] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: black;
  background-color: #d83550;
}
html[data-charte=gray10] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray10] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: black;
  background-color: #555;
}
html[data-charte=gray10] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=gray10] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=gray10] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=gray10] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=gray10] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=gray10] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=gray10] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=gray10] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=gray10] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=gray10] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=gray10] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=gray10] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=gray10] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=gray10] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray10] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=gray10] .icon-mark-as-unread, html[data-charte=gray10] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=gray10] .icon-mark-as-read {
  background-color: #BBB;
}
html[data-charte=gray10] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=gray10] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=gray10] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=gray10] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=gray10] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=gray10] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=gray10] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=gray10] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=gray10] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray10] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray10] button.icon-check:focus, html[data-charte=gray10] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=gray10] .icon-info-simple, html[data-charte=gray10] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=gray10] button.play, html[data-charte=gray10] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=gray10] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=gray10] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=gray10] button.icon-info-simple:hover, html[data-charte=gray10] button.icon-info-simple:focus,
html[data-charte=gray10] button.icon-back:hover, html[data-charte=gray10] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #222;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray10] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray10] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray10] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=gray10] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=gray10] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=gray10] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=gray10] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=gray10] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=gray10] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=gray10] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=gray10] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=gray10] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=gray10] th:not(.external-th), html[data-charte=gray10] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=gray10] th:not(.external-th) {
  color: black;
  background-color: #EEE;
  padding: 1em 0.5em;
}
html[data-charte=gray10] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=gray10] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray10] th[scope=col]:not(.external-th) {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] th[scope=row] {
  text-align: left;
}
html[data-charte=gray10] .main-form {
  background-color: red;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] form.main-form legend {
  background-color: red;
}
html[data-charte=gray10] form p {
  margin-bottom: 1.5em;
}
html[data-charte=gray10] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=gray10] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=gray10] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=gray10] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=gray10] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=gray10] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=gray10] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=gray10] fieldset.single {
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray10] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=gray10] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=gray10] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EEE;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=gray10] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=gray10] input[type=text], html[data-charte=gray10] input[type=password], html[data-charte=gray10] input[type=date], html[data-charte=gray10] input[type=url], html[data-charte=gray10] input[type=tel],
html[data-charte=gray10] input[type=time], html[data-charte=gray10] input[type=email], html[data-charte=gray10] input[type=number], html[data-charte=gray10] input[type=search], html[data-charte=gray10] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=gray10] input[type=number], html[data-charte=gray10] input[type=date], html[data-charte=gray10] input[type=time] {
  padding: 0.6em;
}
html[data-charte=gray10] [readonly] {
  color: #222;
  background-color: #EEE;
}
html[data-charte=gray10] input[type=search]:focus {
  outline: 1px dotted #222;
}
html[data-charte=gray10] input[type=text]:focus, html[data-charte=gray10] input[type=password]:focus, html[data-charte=gray10] input[type=url]:focus,
html[data-charte=gray10] input[type=date]:focus, html[data-charte=gray10] input[type=search]:focus, html[data-charte=gray10] select:focus {
  border-color: #555;
}
html[data-charte=gray10] input[type=url], html[data-charte=gray10] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=gray10] input[type=number] {
  width: 6em;
}
html[data-charte=gray10] .has-error input {
  border-color: #f00;
}
html[data-charte=gray10] .required {
  margin-bottom: 2rem;
}
html[data-charte=gray10] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=gray10] select::-ms-expand {
  display: none;
}
html[data-charte=gray10] [type=submit], html[data-charte=gray10] [type=reset], html[data-charte=gray10] button.form-submit, html[data-charte=gray10] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.55em 1.5em;
  border: 1px solid #555;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=gray10] [type=reset], html[data-charte=gray10] button.form-reset {
  color: #EEE;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray10] [type=submit]:hover, html[data-charte=gray10] [type=submit]:focus,
html[data-charte=gray10] [type=submit].optional:hover, html[data-charte=gray10] [type=submit].optional:focus,
html[data-charte=gray10] [type=reset]:hover, html[data-charte=gray10] [type=reset]:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray10] button.form-submit:hover, html[data-charte=gray10] button.form-submit:focus,
html[data-charte=gray10] button.form-submit.optional:hover, html[data-charte=gray10] button.form-submit.optional:focus,
html[data-charte=gray10] button.form-reset:hover, html[data-charte=gray10] button.form-reset:focus {
  color: black;
  background-color: #EEE;
  border-color: #EEE;
}
html[data-charte=gray10] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=gray10] [type=submit] + [type=reset], html[data-charte=gray10] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=gray10] [type=submit].optional, html[data-charte=gray10] button.form-submit.optional {
  color: black;
  background-color: #fff;
  border-color: #222;
}
html[data-charte=gray10] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #555;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=gray10] input[type=image]:hover {
  background-color: #EEE;
}
html[data-charte=gray10] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=gray10] ::-webkit-input-placeholder, html[data-charte=gray10] ::-moz-placeholder, html[data-charte=gray10] :-moz-placeholder, html[data-charte=gray10] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=gray10] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=gray10] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=gray10] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=gray10] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=gray10] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=gray10] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=gray10] .highlight {
  background-color: #EEE;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=gray10] .highlight label, html[data-charte=gray10] .top-level .highlight label {
  background-color: #EEE;
}
html[data-charte=gray10] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=gray10] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=gray10] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray10] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=gray10] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray10] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=gray10] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=gray10] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=gray10] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=gray10] ul.choices {
  display: flex;
}
html[data-charte=gray10] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray10] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=gray10] ul.choices.vertical {
  display: block;
}
html[data-charte=gray10] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=gray10] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=gray10] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=gray10] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=gray10] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=gray10] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray10] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=gray10] .form-makeup input:checked + label::before, html[data-charte=gray10] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray10] .form-makeup input:focus + label {
  outline: 1px dotted #111;
}
html[data-charte=gray10] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray10] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=gray10] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=gray10] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray10] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=gray10] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=gray10] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=gray10] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=gray10] .check-chips label {
  color: var(--n-s-dark);
  background-color: red;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=gray10] .check-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray10] .check-chips input:checked + label, html[data-charte=gray10] .check-chips label.active {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray10] .check-chips input[checked] + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray10] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=gray10] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray10] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=gray10] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=gray10] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray10] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=gray10] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=gray10] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=gray10] .field-comment {
  font-size: 90%;
  color: #EEE;
  padding: 0.3em;
}
html[data-charte=gray10] div.error-messages {
  text-align: center;
  color: #222;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=gray10] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=gray10] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=gray10] input[aria-invalid=true] {
  color: black;
  background-color: #f00;
  border-color: #222;
}
html[data-charte=gray10] input[aria-invalid=true]:focus {
  color: black;
  background-color: #EEE;
  border-color: #222;
}
html[data-charte=gray10] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray10] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #222;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=gray10] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=gray10] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=gray10] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=gray10] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=gray10] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=gray10] div.card {
  position: relative;
  line-height: 1.5;
  background-color: red;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #EEE;
  transition: all 0.2s;
}
html[data-charte=gray10] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=gray10] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=gray10] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=gray10] div.card dl {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=gray10] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #111;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=gray10] div.card dt, html[data-charte=gray10] div.card dd {
  max-width: 100%;
}
html[data-charte=gray10] div.card a.allover {
  text-decoration: none;
}
html[data-charte=gray10] div.card a {
  text-decoration: none;
}
html[data-charte=gray10] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=gray10] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=gray10] div.card.unread a, html[data-charte=gray10] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #555;
}
html[data-charte=gray10] div.card.read a, html[data-charte=gray10] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
}
html[data-charte=gray10] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=gray10] span.social-icon img {
  width: 16px;
}
html[data-charte=gray10] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=gray10] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=gray10] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=gray10] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=gray10] div.card.confidential em {
  font-style: italic;
}
html[data-charte=gray10] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=gray10] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  background-color: #222;
  padding: 1rem;
}
html[data-charte=gray10] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=gray10] div.h-card form p {
  margin: 0;
}
html[data-charte=gray10] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: black;
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=gray10] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #222;
  margin: 0;
}
html[data-charte=gray10] div.h-card h2 a, html[data-charte=gray10] div.h-card h2 a:visited {
  text-decoration: none;
  color: black;
}
html[data-charte=gray10] div.h-card h2 a:hover, html[data-charte=gray10] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=gray10] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=gray10] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=gray10] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=gray10] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=gray10] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=gray10] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=gray10] div.spinner strong {
  display: block;
}
html[data-charte=gray10] div.spinner ::before, html[data-charte=gray10] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=gray10] div.spinner p::before,
html[data-charte=gray10] div.spinner p::after,
html[data-charte=gray10] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=gray10] div.spinner.ease-in-out ::before, html[data-charte=gray10] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #555;
}
html[data-charte=gray10] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=gray10] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=gray10] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=gray10] div.spinner.cubic-bezier ::before, html[data-charte=gray10] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #555;
}
html[data-charte=gray10] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray10] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=gray10] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #555;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #555;
  }
}
html[data-charte=gray10] div.spinner.ease-in-out-fill ::before, html[data-charte=gray10] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=gray10] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=gray10] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=gray10] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=gray10] div.spinner.linear-dot ::before, html[data-charte=gray10] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #555;
}
html[data-charte=gray10] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=gray10] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=gray10] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=gray10] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=gray10] div.spinner.linear-circle ::before, html[data-charte=gray10] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=gray10] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=gray10] div.spinner.linear-circle p::before,
html[data-charte=gray10] div.spinner.linear-circle strong::before,
html[data-charte=gray10] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=gray10] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=gray10] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=gray10] div.spinner.progress-bar ::before, html[data-charte=gray10] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=gray10] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=gray10] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=gray10] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=gray10] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=gray10] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=gray10] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #EEE;
  border-radius: 5px;
}
html[data-charte=gray10] .box-animation .box {
  background: #555;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=gray10] .box1, html[data-charte=gray10] .box4, html[data-charte=gray10] .box8, html[data-charte=gray10] .box11, html[data-charte=gray10] .box13, html[data-charte=gray10] .box16, html[data-charte=gray10] .box20 {
  animation-name: quiet;
}
html[data-charte=gray10] .box2, html[data-charte=gray10] .box6, html[data-charte=gray10] .box10, html[data-charte=gray10] .box14, html[data-charte=gray10] .box17, html[data-charte=gray10] .box19 {
  animation-name: normal;
}
html[data-charte=gray10] .box3, html[data-charte=gray10] .box5, html[data-charte=gray10] .box7, html[data-charte=gray10] .box9, html[data-charte=gray10] .box12, html[data-charte=gray10] .box15, html[data-charte=gray10] .box18 {
  animation-name: loud;
}
html[data-charte=gray10] [class*=icon-].icon-reading-speed {
  background-color: #222;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=gray10] [class*=icon-].icon-reading-speed:hover {
  background-color: #EEE;
}
html[data-charte=gray10] [class*=icon-].icon-volume {
  background-color: #222;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=gray10] [class*=icon-].icon-volume:hover {
  background-color: #EEE;
}
html[data-charte=gray10] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: black;
  background-color: #000;
  /*IE*/
  background-color: #EEE;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=gray10] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #EEE;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=gray10] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=gray10] .show-icons a:hover + .tooltip, html[data-charte=gray10] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=gray10] .alternative-alt:hover, html[data-charte=gray10] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=gray10] .alternative-alt:hover::before, html[data-charte=gray10] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: black;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=gray10] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=gray10] .ember-basic-dropdown, html[data-charte=gray10] .ember-basic-dropdown-content, html[data-charte=gray10] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=gray10] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=gray10] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=gray10] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=gray10] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=gray10] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=gray10] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #BBB;
}
html[data-charte=gray10] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=gray10] .ember-power-select-options li:hover, html[data-charte=gray10] .ember-power-select-options li:focus {
  background-color: #BBB;
}
html[data-charte=gray10] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=gray10] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=gray10] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #EEE;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=gray10] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=gray10] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=gray10] .ember-power-select-trigger:focus,
html[data-charte=gray10] .ember-power-select-trigger--active {
  border-top: 2px solid #555;
  box-shadow: none;
}
html[data-charte=gray10] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=gray10] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray10] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=gray10] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=gray10] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=gray10] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=gray10] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=gray10] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=gray10] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=gray10] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=gray10] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: black;
  background-color: #EEE;
  z-index: 1020;
}
html[data-charte=gray10] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=gray10] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=gray10] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=gray10] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #222;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=gray10] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=gray10] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=gray10] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray10] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray10] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=gray10] div.controled.active {
  margin-left: 0;
}
html[data-charte=gray10] div.controled div.content {
  display: none;
}
html[data-charte=gray10] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=gray10] div.controled > * {
  pointer-events: auto;
}
html[data-charte=gray10] .underlay {
  opacity: 0;
}
html[data-charte=gray10] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=gray10] #main-nav h2 {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] #main-nav h2::before {
  content: none;
}
html[data-charte=gray10] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=gray10] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #222;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=gray10] button.nav-control:focus {
  outline-color: #555;
}
html[data-charte=gray10] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=gray10] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=gray10] #menu-control polygon {
  fill: #BBB;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=gray10] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=gray10] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=gray10] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=gray10] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #EEE;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=gray10] #main-nav li a, html[data-charte=gray10] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: black;
  background-color: #EEE;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=gray10] #main-nav li a:focus, html[data-charte=gray10] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=gray10] #main-nav li a::after, html[data-charte=gray10] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #EEE;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=gray10] #main-nav li a.active::after,
html[data-charte=gray10] #main-nav li a:hover::after,
html[data-charte=gray10] #main-nav li a:focus::after {
  background-color: #555;
}
html[data-charte=gray10] #main-nav li button:hover::after,
html[data-charte=gray10] #main-nav li button:focus::after {
  background-color: #555;
}
html[data-charte=gray10] #main-nav li.active > button:first-child::after {
  background-color: #555;
}
html[data-charte=gray10] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=gray10] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=gray10] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=gray10] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=gray10] .simplebar-offset {
  width: 100%;
}
html[data-charte=gray10] #main-nav li a.bt-create, html[data-charte=gray10] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: black;
  background-color: #555;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=gray10] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=gray10] #main-nav li a.bt-create:hover, html[data-charte=gray10] #main-nav li a.bt-create:focus {
  background-color: #222;
}
html[data-charte=gray10] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #222;
}
html[data-charte=gray10] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=gray10] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=gray10] #main-nav button.has-level2, html[data-charte=gray10] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=gray10] #main-nav button.has-level2::after, html[data-charte=gray10] #main-nav a.has-level2::after,
html[data-charte=gray10] #main-nav button.has-level2:hover::after, html[data-charte=gray10] #main-nav a.has-level2:hover::after,
html[data-charte=gray10] #main-nav button.has-level2:focus::after, html[data-charte=gray10] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=gray10] #main-nav button.collapse::after,
html[data-charte=gray10] #main-nav button.collapse:hover::after,
html[data-charte=gray10] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=gray10] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=gray10] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=gray10] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: black;
  background-color: #555;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=gray10] p.uploader input:focus + label.icon-file-uploader {
  background-color: #EEE;
}
html[data-charte=gray10] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=gray10] div.modal[aria-hidden=false], html[data-charte=gray10] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=gray10] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=gray10] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=gray10] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray10] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=gray10] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray10] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=gray10] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=gray10] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=gray10] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=gray10] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=gray10] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=gray10] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=gray10] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #BBB;
  border-radius: 0.2em;
}
html[data-charte=gray10] div.dropdown button.dd-trigger:hover, html[data-charte=gray10] div.dropdown button.dd-trigger:focus {
  border-color: #555;
}
html[data-charte=gray10] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=gray10] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=gray10] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=gray10] div.dropdown ul button,
html[data-charte=gray10] div.dropdown ul a,
html[data-charte=gray10] div.dropdown ul [class*=icon-],
html[data-charte=gray10] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: black;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=gray10] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=gray10] div.dropdown ul button:hover, html[data-charte=gray10] div.dropdown ul a:hover,
html[data-charte=gray10] div.dropdown ul button:focus, html[data-charte=gray10] div.dropdown ul a:focus,
html[data-charte=gray10] div.dropdown ul [class*=icon-]:focus, html[data-charte=gray10] div.dropdown ul [class*=icon-]:hover,
html[data-charte=gray10] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=gray10] div.dropdown ul [class*=icon-].secondary:hover {
  color: black;
  background-color: red;
}
html[data-charte=gray10] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=gray10] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=gray10] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=gray10] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=gray10] nav.pagination li:not(.page) + li.page, html[data-charte=gray10] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=gray10] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=gray10] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=gray10] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=gray10] nav.pagination li.disabled {
  display: none;
}
html[data-charte=gray10] nav.pagination a, html[data-charte=gray10] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: black;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=gray10] nav.pagination a.firstPage, html[data-charte=gray10] nav.pagination a.previousPage, html[data-charte=gray10] nav.pagination a.nextPage, html[data-charte=gray10] nav.pagination a.lastPage, html[data-charte=gray10] nav.pagination li button.firstPage, html[data-charte=gray10] nav.pagination li button.previousPage, html[data-charte=gray10] nav.pagination li button.nextPage, html[data-charte=gray10] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=gray10] nav.pagination a.firstPage, html[data-charte=gray10] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=gray10] nav.pagination a.previousPage, html[data-charte=gray10] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=gray10] nav.pagination a.nextPage, html[data-charte=gray10] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=gray10] nav.pagination a.lastPage, html[data-charte=gray10] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=gray10] nav.pagination a:hover, html[data-charte=gray10] nav.pagination a:focus, html[data-charte=gray10] nav.pagination li.active a,
html[data-charte=gray10] nav.pagination li button:hover, html[data-charte=gray10] nav.pagination li button:focus, html[data-charte=gray10] nav.pagination li.active button {
  border-bottom-color: #555;
}
html[data-charte=gray10] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=gray10] nav.pagination li.shortcut a, html[data-charte=gray10] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=gray10] select.selector, html[data-charte=gray10] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=gray10] .has-error input, html[data-charte=gray10] .has-error select, html[data-charte=gray10] .has-error textarea {
  border-color: #f00;
}
html[data-charte=gray10] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=gray10] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=gray10] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=gray10] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=gray10] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=gray10] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray10] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=gray10] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray10] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=gray10] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=gray10] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=gray10] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=gray10] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=gray10] div.editor {
  position: relative;
}
html[data-charte=gray10] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=gray10] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=gray10] p + div.editor {
  margin-top: 1em;
}
html[data-charte=gray10] div.editor-wrapper a, html[data-charte=gray10] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=gray10] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray10] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #EEE;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li > button,
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #EEE;
  padding: 0;
  border: none;
}
html[data-charte=gray10] strong, html[data-charte=gray10] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=gray10] em, html[data-charte=gray10] i {
  font-style: italic;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block p, html[data-charte=gray10] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: red;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=gray10] .has-error div.editor-wrapper div.editable-block,
html[data-charte=gray10] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block:focus, html[data-charte=gray10] div.editor-wrapper div.editable-block:hover {
  border-color: #555;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #222;
}
html[data-charte=gray10] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=gray10] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=gray10] select.models, html[data-charte=gray10] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=gray10] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=gray10] .contentEditableValue {
  display: none;
}
html[data-charte=gray10] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=gray10] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=gray10] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #222;
}
html[data-charte=gray10] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=gray10] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=gray10] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=gray10] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=gray10] #color-poly {
  display: none;
}
html[data-charte=gray10] #color-poly.active {
  display: block;
}
html[data-charte=gray10] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=gray10] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=gray10] button.color:hover, html[data-charte=gray10] button.color:focus {
  border-top-color: #111;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #111;
}
html[data-charte=gray10] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=gray10] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: red;
  border: 1px solid #BBB;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #BBB;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #BBB;
}
html[data-charte=gray10] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=gray10] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=gray10] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=gray10] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=gray10] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=gray10] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=gray10] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=gray10] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=gray10] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=gray10] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=gray10] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=gray10] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=gray10] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=gray10] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=gray10] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=gray10] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray10] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=gray10] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=gray10] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #EEE;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=gray10] div.format-options.active {
  display: block;
}
html[data-charte=gray10] div.format-options p {
  margin: 0;
}
html[data-charte=gray10] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=gray10] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=gray10] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=gray10] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=gray10] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #222;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=gray10] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=gray10] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=gray10] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=gray10] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: red;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=gray10] mark {
  cursor: help;
}
html[data-charte=gray10] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=gray10] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=gray10] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=gray10] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=gray10] b ul.sc-options li, html[data-charte=gray10] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=gray10] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=gray10] em ul.sc-options li, html[data-charte=gray10] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=gray10] ul.sc-options li:hover, html[data-charte=gray10] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=gray10] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #BBB;
}
html[data-charte=gray10] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=gray10] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #BBB;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=gray10] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=gray10] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #BBB;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=gray10] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #EEE;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #BBB;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=gray10] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=gray10] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=gray10] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=gray10] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #EEE;
  cursor: default;
  z-index: 1;
}
html[data-charte=gray10] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #EEE;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=gray10] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=gray10] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=gray10] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=gray10] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=gray10] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=gray10] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=gray10] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #EEE;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=gray10] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=gray10] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=gray10] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=gray10] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] select, html[data-charte=gray10] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=gray10] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=gray10] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=gray10] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: black;
  padding: 1rem;
  background-color: #222;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray10] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=gray10] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=gray10] section.participants div.h-card .u-photo, html[data-charte=gray10] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=gray10] main.conversation section.participants ul.actions-list,
html[data-charte=gray10] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=gray10] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=gray10] ul.avatars {
  list-style-type: none;
  background-color: #EEE;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray10] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=gray10] ul.avatars li + li {
  border-top: 1px dotted #222;
}
html[data-charte=gray10] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=gray10] div.actions-bar {
  color: #111;
  background-color: #EEE;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.actions-bar p, html[data-charte=gray10] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=gray10] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=gray10] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=gray10] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] div.actions-bar .radio-chips label {
  border: 1px solid #BBB;
}
html[data-charte=gray10] div.actions-bar .radio-chips input:hover + label, html[data-charte=gray10] div.actions-bar .radio-chips input:focus + label {
  color: #111;
  background-color: #EEE;
  border-color: #555;
}
html[data-charte=gray10] div.actions-bar .radio-chips input:checked + label {
  color: black;
  background-color: #555;
  border-color: #555;
}
html[data-charte=gray10] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=gray10] div.actions-bar > * {
  padding: 0;
}
html[data-charte=gray10] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=gray10] .collapsible h3, html[data-charte=gray10] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=gray10] .collapsible > .content {
  display: none;
}
html[data-charte=gray10] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: red;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray10] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #EEE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=gray10] .collapsible button.control[aria-expanded=true] {
  background-color: #555;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=gray10] .collapsible.top-level button.control {
  color: black;
  background-color: #555;
}
html[data-charte=gray10] fieldset.collapsible.sub-group {
  border-top: 1px solid #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray10] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=gray10] fieldset.collapsible.sub-group button.control {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray10] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=gray10] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray10] .collapsible.top-level button.control[aria-expanded=true] {
    color: #EEE;
    background-color: red;
  }
  html[data-charte=gray10] header .collapsible {
    width: 100%;
  }
  html[data-charte=gray10] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=gray10] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #555;
}
html[data-charte=gray10] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=gray10] ul.tabs li a, html[data-charte=gray10] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: red;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray10] ul.tabs li a:hover, html[data-charte=gray10] ul.tabs li a:focus {
  color: black;
  background-color: #EEE;
}
html[data-charte=gray10] ul.tabs li.active a, html[data-charte=gray10] ul.tabs li.active a:visited {
  color: black;
  background-color: #555;
}
html[data-charte=gray10] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=gray10] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=gray10] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray10] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: black;
  background-color: #555;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=gray10] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=gray10] .top-level label {
  background-color: red;
}
html[data-charte=gray10] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=gray10] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=gray10] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=gray10] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=gray10] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=gray10] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=gray10] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=gray10] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=gray10] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=gray10] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=gray10] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray10] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=gray10] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=gray10] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #555;
}
html[data-charte=gray10] details.special li {
  font-size: 0.7em;
}
html[data-charte=gray10] details.simple {
  color: black;
  padding: 0;
  border: none;
}
html[data-charte=gray10] details.simple summary {
  font-size: 80%;
  color: black;
  margin-top: 1em;
}
html[data-charte=gray10] details.simple summary::after {
  content: " +";
}
html[data-charte=gray10] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=gray10] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=gray10] .nowrap {
  white-space: nowrap;
}
html[data-charte=gray10] hr {
  border: none;
  border-top: 1px dotted #BBB;
  margin-bottom: 1rem;
}
html[data-charte=gray10] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray10] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=gray10] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=gray10] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=gray10] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=gray10] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=gray10] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray10] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray10] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=gray10] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=gray10] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=gray10] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray10] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=gray10] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #555;
}
html[data-charte=gray10] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: black;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray10] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray10] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=gray10] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=gray10] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=gray10] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray10] .form-makeup input:checked + label::before, html[data-charte=gray10] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray10] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray10] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=gray10] button[disabled], html[data-charte=gray10] .form-reset[disabled], html[data-charte=gray10] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #222;
  }
  html[data-charte=gray10] button[disabled]:hover, html[data-charte=gray10] .form-reset[disabled]:hover, html[data-charte=gray10] .form-submit[disabled]:hover {
    background-color: #BBB;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=gray10] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=gray10] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray10] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray10] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=gray10] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=gray10] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray10] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=gray10] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=gray10] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=gray10] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=gray10] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=gray10] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray10] div.datepickerDialog caption button {
  background-color: red;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=gray10] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=gray10] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=gray10] div.datepickerDialog th, html[data-charte=gray10] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=gray10] div.datepickerDialog th {
  background-color: red;
}
html[data-charte=gray10] div.datepickerDialog td button {
  width: 100%;
  color: black;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=gray10] div.datepickerDialog td button:hover, html[data-charte=gray10] div.datepickerDialog td button:focus {
  color: black;
  background-color: #555;
}
html[data-charte=gray10] div.datepickerDialog td button.disabled {
  color: #BBB;
  background-color: #fff;
}
html[data-charte=gray10] div.datepickerDialog p.buttons-bar, html[data-charte=gray10] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #EEE;
}
html[data-charte=gray10] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=gray10] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=gray10] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=gray10] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=gray10] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=gray10] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=gray10] .icon-zoom:hover {
  background-color: red;
}
html[data-charte=gray10] .icon-zoom:focus {
  background-color: #BBB;
}
html[data-charte=gray10] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=gray10] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=gray10] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=gray10] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=gray10] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=gray10] .preview-page a i:focus {
  outline: none;
}
html[data-charte=gray10] .preview-page a i:hover {
  outline: none;
}
html[data-charte=gray10] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=gray10] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=gray10] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=gray10] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=gray10] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=gray10] .pagination-item {
  align-items: baseline;
}
html[data-charte=gray10] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=gray10] .icon-zoom {
  position: inherit;
}
html[data-charte=gray10] figure.img-container img {
  width: 100%;
}
html[data-charte=gray10] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=gray10] div.editor-wrapper .audio, html[data-charte=gray10] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #222;
}
html[data-charte=gray10] div.editor-wrapper .audio, html[data-charte=gray10] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=gray10] div.editor-wrapper .audio, html[data-charte=gray10] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #EEE;
}
html[data-charte=gray10] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=gray10] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=gray10] .audio-preview {
  justify-content: center;
}
html[data-charte=gray10] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=gray10] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=gray10] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=gray10] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=gray10] .audio-message, html[data-charte=gray10] .audio-record, html[data-charte=gray10] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=gray10] .audio-message audio, html[data-charte=gray10] .audio-record audio, html[data-charte=gray10] .audio audio {
  background: #fff;
  border: 2px solid #EEE;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=gray10] .audio-message .icon-download.voice-message, html[data-charte=gray10] .audio-record .icon-download.voice-message, html[data-charte=gray10] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=gray10] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=gray10] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=gray10] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=gray10] .audio {
  min-width: 20rem;
}
html[data-charte=gray10] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=gray10] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=gray10] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=gray10] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=gray10] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray10] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=gray10] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=gray10] #volume-control, html[data-charte=gray10] #speed-control {
  display: none;
}
html[data-charte=gray10] #volume-control > input, html[data-charte=gray10] #speed-control > input {
  width: 65px;
}
html[data-charte=gray10] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=gray10] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=gray10] #volume-control[aria-hidden=false], html[data-charte=gray10] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=gray10] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=gray10] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=gray10] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #222;
}
html[data-charte=gray10] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #EEE;
}
html[data-charte=gray10] input[type=range] {
  -webkit-appearance: none;
  background-color: #555;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=gray10] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #222;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=gray10] div.files-list {
  margin-top: 20px;
}
html[data-charte=gray10] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=gray10] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #555;
}
html[data-charte=gray10] ul.add-list li {
  padding: 0;
}
html[data-charte=gray10] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=gray10] .icon-share, html[data-charte=gray10] .icon-edit, html[data-charte=gray10] .icon-info,
html[data-charte=gray10] .icon-upload, html[data-charte=gray10] .icon-close, html[data-charte=gray10] .icon-info-close,
html[data-charte=gray10] .icon-notify, html[data-charte=gray10] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=gray10] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=gray10] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=gray10] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=gray10] .icon-info, html[data-charte=gray10] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=gray10] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=gray10] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=gray10] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=gray10] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=gray10] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=gray10] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=gray10] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=gray10] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=gray10] main > header.simple:first-child {
  display: block;
}
html[data-charte=gray10] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=gray10] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: red;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #222;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray10] div.project-card::before, html[data-charte=gray10] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=gray10] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=gray10] div.project-card.closed {
  border-color: #BBB;
}
html[data-charte=gray10] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=gray10] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: red;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=gray10] div.project-card h4 a {
  color: #111;
  background-color: red;
}
html[data-charte=gray10] div.project-card h4 a:visited {
  color: #222;
  background-color: red;
}
html[data-charte=gray10] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=gray10] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=gray10] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=gray10] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=gray10] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=gray10] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: red;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray10] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: black;
}
html[data-charte=gray10] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=gray10] header p.description {
  font-size: 1.2em;
}
html[data-charte=gray10] div.project-card .content {
  margin-top: auto;
}
html[data-charte=gray10] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
html[data-charte=gray10] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=gray10] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=gray10] dl.project-info dt, html[data-charte=gray10] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=gray10] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=gray10] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=gray10] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=gray10] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=gray10] div.project-sheet {
  background-color: red;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=gray10] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=gray10] p.assignment strong {
  display: block;
}
html[data-charte=gray10] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #555;
}
html[data-charte=gray10] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=gray10] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: red;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=gray10] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=gray10] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=gray10] #add-doc-form ul.choices input:checked + label {
  color: black;
  background-color: #555;
}
html[data-charte=gray10] #add-doc-form ul.choices label:hover {
  color: black;
  background-color: #555;
}
html[data-charte=gray10] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=gray10] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] main.projects .h-card button.info {
  display: none;
}
html[data-charte=gray10] main.projects section.requests h3 {
  display: none;
}
html[data-charte=gray10] section.project-folder {
  background-color: red;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=gray10] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: black;
  background: #222 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray10] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray10] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=gray10] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=gray10] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=gray10] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=gray10] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=gray10] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=gray10] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=gray10] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=gray10] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #BBB;
}
html[data-charte=gray10] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #EEE;
}
html[data-charte=gray10] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=gray10] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=gray10] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=gray10] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=gray10] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=gray10] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=gray10] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray10] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=gray10] ul.files-list {
  list-style-type: none;
}
html[data-charte=gray10] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=gray10] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #222;
  border-radius: 100%;
}
html[data-charte=gray10] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=gray10] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=gray10] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=gray10] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=gray10] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=gray10] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
html[data-charte=gray10] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=gray10] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=gray10] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #BBB;
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=gray10] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray10] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=gray10] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=gray10] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=gray10] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=gray10] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=gray10] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=gray10] div.project-card h4 a, html[data-charte=gray10] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=gray10] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray10] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=gray10] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=gray10] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=gray10] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #222;
  }
  html[data-charte=gray10] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=gray10] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=gray10] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray10] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=gray10] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray10] p.nature {
    flex: 1;
  }
  html[data-charte=gray10] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=gray10] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=gray10] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=gray10] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=gray10] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=gray10] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=gray10] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=gray10] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=gray10] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=gray10] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=gray10] ul.treeview button.element-button:hover, html[data-charte=gray10] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=gray10] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=gray10] ul.treeview ul.active {
  display: block;
}
html[data-charte=gray10] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=gray10] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=gray10] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=gray10] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=gray10] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=gray10] ul.treeview button.deploy, html[data-charte=gray10] ul.treeview button.element {
  color: black;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=gray10] ul.treeview button.deploy, html[data-charte=gray10] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=gray10] ul.treeview button:focus, html[data-charte=gray10] ul.treeview button:hover, html[data-charte=gray10] ul.treeview button.active {
  background-color: red;
}
html[data-charte=gray10] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=gray10] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=gray10] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=gray10] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=gray10] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray10] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=gray10] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=gray10] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=gray10] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=gray10] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=gray10] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=gray10] .treeview-search-combo > .treeview {
  border: 1px solid #BBB;
  padding: 5px 0;
}
html[data-charte=gray10] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=gray10] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=gray10] .treeview-search-combo button.element.highlight, html[data-charte=gray10] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=gray10] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=gray10] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray10] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=gray10] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=gray10] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=gray10] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=gray10] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=gray10] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=gray10] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=gray10] #absences-calendar ul.actions-list, html[data-charte=gray10] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=gray10] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=gray10] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=gray10] #absences-calendar .icon-next, html[data-charte=gray10] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray10] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=gray10] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=gray10] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=gray10] table.plan-grid th, html[data-charte=gray10] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=gray10] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=gray10] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=gray10] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=gray10] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=gray10] table.plan-grid tr td:first-of-type, html[data-charte=gray10] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=gray10] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=gray10] table.plan-grid div p {
  display: none;
}
html[data-charte=gray10] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=gray10] table.plan-grid div:hover p, html[data-charte=gray10] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=gray10] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=gray10] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=gray10] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=gray10] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=gray10] #absences-calendar ul.actions-list, html[data-charte=gray10] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=gray10] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray10] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=gray10] table.plan-grid thead {
    display: none;
  }
  html[data-charte=gray10] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=gray10] table.plan-grid td, html[data-charte=gray10] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=gray10] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=gray10] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=gray10] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=gray10] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=gray10] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=gray10] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=gray10] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=gray10] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=gray10] table.plan-grid div:hover p, html[data-charte=gray10] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=gray10] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=gray10] table.plan-grid div:hover p, html[data-charte=gray10] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=gray10] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=gray10] div.editor-wrapper a, html[data-charte=gray10] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray10] div.editor-wrapper a:visited, html[data-charte=gray10] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray10] div.editor-wrapper p:not(.feedback-message), html[data-charte=gray10] div.editor-wrapper li, html[data-charte=gray10] div.editor-wrapper th:not(.external-th), html[data-charte=gray10] div.editor-wrapper td:not(.external-td), html[data-charte=gray10] div.editor p:not(.feedback-message), html[data-charte=gray10] div.editor li, html[data-charte=gray10] div.editor th:not(.external-th), html[data-charte=gray10] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray10] div.editor-wrapper p, html[data-charte=gray10] div.editor p {
  margin: 1em 0;
}
html[data-charte=gray10] div.editor-wrapper th, html[data-charte=gray10] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray10] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=gray10] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray10] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=gray10] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray10] div.editor-wrapper th[scope=row], html[data-charte=gray10] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=gray10] div.editor-wrapper strong, html[data-charte=gray10] div.editor-wrapper b, html[data-charte=gray10] div.editor-wrapper th:not(.external-th), html[data-charte=gray10] div.editor strong, html[data-charte=gray10] div.editor b, html[data-charte=gray10] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray10] div.editor-wrapper table:not(.external-table), html[data-charte=gray10] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block ul, html[data-charte=gray10] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=gray10] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=gray10] #side-bar-profile {
  position: relative;
}
html[data-charte=gray10] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=gray10] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=gray10] header#side-panel {
  color: black;
}
html[data-charte=gray10] header#side-panel h1 a {
  display: contents;
}
html[data-charte=gray10] .tooltip {
  z-index: 2000;
}
html[data-charte=gray10] div.tooltip .tooltip-inner, html[data-charte=gray10] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=gray10] figure {
  text-align: center;
}
html[data-charte=gray10] figure img {
  margin: 0 auto;
}
html[data-charte=gray10] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #BBB;
}
html[data-charte=gray10] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=gray10] .feedback-message {
  color: #EEE;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=gray10] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=gray10] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=gray10] .feedback-message.hidden {
  display: none;
}
html[data-charte=gray10] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=gray10] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=gray10] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=gray10] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=gray10] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=gray10] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=gray10] .break-word {
  word-wrap: break-word;
}
html[data-charte=gray10] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=gray10] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=gray10] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=gray10] section.login main {
  position: static;
  min-height: auto;
  background-color: red;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=gray10] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: black;
  background-color: #222;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=gray10] section.login h1::after {
  content: none;
}
html[data-charte=gray10] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=gray10] section.login h2 {
  font-size: 1.5em;
  background-color: red;
  margin-bottom: 1em;
}
html[data-charte=gray10] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=gray10] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #BBB;
}
html[data-charte=gray10] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=gray10] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray10] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=gray10] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=gray10] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=gray10] nav.pagination li {
    margin: 0;
  }
  html[data-charte=gray10] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=gray10] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=gray10] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=gray10] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=gray10] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=gray10] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=gray10] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=gray10] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=gray10] div.bubble {
    min-width: 20em;
  }
  html[data-charte=gray10] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=gray10] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=gray10] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=gray10] div.conversation > ul.actions-list {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=gray10] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=gray10] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=gray10] p.template-selector input {
    width: 80%;
  }
  html[data-charte=gray10] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=gray10] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray10] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray10] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=gray10] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray10] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=gray10] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=gray10] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=gray10] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=gray10] div.bubble {
    min-width: 35em;
  }
  html[data-charte=gray10] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=gray10] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=gray10] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=gray10] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=gray10] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=gray10] p, html[data-charte=gray10] li, html[data-charte=gray10] dt, html[data-charte=gray10] dd {
    font-size: 1.1em;
  }
  html[data-charte=gray10] summary {
    font-size: 1.1em;
  }
  html[data-charte=gray10] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=gray10] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=gray10] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=gray10] ul.optional-status li, html[data-charte=gray10] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=gray10] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=gray10] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=gray10] div.card {
    padding: 0.5rem;
  }
  html[data-charte=gray10] div.card > div, html[data-charte=gray10] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=gray10] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=gray10] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=gray10] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=gray10] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=gray10] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=gray10] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=gray10] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=gray10] div.card dt, html[data-charte=gray10] div.card dd {
    font-size: 1em;
  }
  html[data-charte=gray10] div.card a {
    text-decoration: none;
  }
  html[data-charte=gray10] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=gray10] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=gray10] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=gray10] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=gray10] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=gray10] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=gray10] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=gray10] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=gray10] div.bubble .u-photo, html[data-charte=gray10] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=gray10] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=gray10] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=gray10] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=gray10] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=gray10] div.request {
    position: relative;
  }
  html[data-charte=gray10] div.request dt, html[data-charte=gray10] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=gray10] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=gray10] div.request a:hover::after, html[data-charte=gray10] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] h2 {
    font-size: 2.5em;
  }
  html[data-charte=gray10] h3 {
    font-size: 2em;
  }
  html[data-charte=gray10] .collapsible h2, html[data-charte=gray10] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=gray10] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=gray10] #container {
    display: flex;
  }
  html[data-charte=gray10] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=gray10] #wrapper footer {
    display: none;
  }
  html[data-charte=gray10] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=gray10] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=gray10] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=gray10] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=gray10] div.grid-2thirds, html[data-charte=gray10] div.grid-3cols, html[data-charte=gray10] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=gray10] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=gray10] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray10] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=gray10] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=gray10] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=gray10] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=gray10] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=gray10] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=gray10] table.transform th {
    display: none;
  }
  html[data-charte=gray10] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=gray10] table.transform tr, html[data-charte=gray10] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=gray10] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #555;
  }
  html[data-charte=gray10] table.transform td + td {
    border-top: 1px solid #BBB;
  }
  html[data-charte=gray10] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=gray10] table.transform tr td:first-of-type {
    background-color: #EEE;
  }
  html[data-charte=gray10] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=gray10] legend {
    font-size: 1.3em;
  }
  html[data-charte=gray10] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=gray10] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=gray10] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=gray10] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=gray10] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #111;
    background-color: red;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=gray10] .top-level > legend button.control[aria-expanded=false] {
    color: black;
    background-color: #555;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=gray10] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=gray10] .highlight {
    padding: 1rem;
  }
  html[data-charte=gray10] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=gray10] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray10] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray10] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=gray10] div.actions-bar p, html[data-charte=gray10] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=gray10] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=gray10] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=gray10] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=gray10] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=gray10] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=gray10] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=gray10] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=gray10] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #BBB;
  }
  html[data-charte=gray10] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=gray10] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=gray10] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=gray10] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #BBB;
  }
  html[data-charte=gray10] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=gray10] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=gray10] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=gray10] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=gray10] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=gray10] div.bubble div.content p:not(.buttons-bar), html[data-charte=gray10] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=gray10] #new-talk .divide {
    display: flex;
  }
  html[data-charte=gray10] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=gray10] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=gray10] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #EEE;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=gray10] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=gray10] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=gray10] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=gray10] section.participants div.h-card .u-photo, html[data-charte=gray10] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=gray10] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=gray10] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=gray10] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=gray10] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=gray10] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=gray10] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=gray10] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=gray10] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=gray10] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=gray10] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=gray10] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #EEE;
    flex-direction: column-reverse;
  }
  html[data-charte=gray10] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #222;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=gray10] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=gray10] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=gray10] div.controled {
    background: #222;
    border: none;
    box-shadow: none;
  }
  html[data-charte=gray10] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=gray10] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=gray10] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=gray10] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=gray10] button.nav-control svg {
    display: none;
  }
  html[data-charte=gray10] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=gray10] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=gray10] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=gray10] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=gray10] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=gray10] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=gray10] div.bubble .content p:not(.feedback-message), html[data-charte=gray10] div.bubble .content li, html[data-charte=gray10] div.bubble .content th:not(.external-th), html[data-charte=gray10] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=gray10] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=gray10] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=gray10] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=gray10] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=gray10] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=gray10] div.bubble .content strong, html[data-charte=gray10] div.bubble .content b, html[data-charte=gray10] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=gray10] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=gray10] div.bubble .content li, html[data-charte=gray10] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=gray10] div.conversation-message--owner-organization > div.bubble div.content {
  color: #111;
}
html[data-charte=gray10] div.bubble div.content {
  color: #111;
  background-color: #e60000;
}
html[data-charte=gray10] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=gray10] .f-upload-editor {
  display: none;
}
html[data-charte=gray10] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=gray10] .f-size, html[data-charte=gray10] .f-family {
  border: 1px solid #666;
}
@media screen and (max-width: 440px) {
  html[data-charte=gray10] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=gray10] h2 {
  color: #222;
  border: none !important;
}
html[data-charte=gray10] .ember-transitioning-in {
  color: #555;
}
html[data-charte=gray10] button:hover {
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-color: #BBB !important;
  box-shadow: 0 0 11px rgba(187, 187, 187, 0.5);
}
html[data-charte=gray10] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray10] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: #BBB;
  border-color: #555;
}
html[data-charte=gray10] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: red;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=gray10] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: red;
  color: #111;
  background-color: red;
  border-color: #555;
}
html[data-charte=gray10] button.form-submit:not(.optional) {
  color: #111;
  background-color: #555;
  color: red !important;
  border-color: #EEE;
  height: 45px;
  border-color: #555;
}
html[data-charte=gray10] button.form-submit:not(.optional):hover {
  background-color: #BBB !important;
}
html[data-charte=gray10] button.form-submit.optional {
  color: #111;
  border-color: #EEE;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray10] button.form-reset {
  color: #111;
  height: 45px;
  background-color: transparent;
  border-color: #555;
}
html[data-charte=gray10] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #111;
  background-color: transparent !important;
  border-color: #555 !important;
}
html[data-charte=gray10] div.dropdown ul {
  border-color: #555;
  background-color: #EEE;
}
html[data-charte=gray10] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #111;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=gray10] a.bt-create {
  color: red !important;
}
html[data-charte=gray10] a.bt-create:hover {
  background-color: #BBB;
}
html[data-charte=gray10] [class*=icon-],
html[data-charte=gray10] [class*=follow-] {
  text-indent: -500em;
  color: black;
  background-color: #BBB !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=gray10] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=gray10] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(187, 187, 187, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray10] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(34, 34, 34, 0.5) !important;
  border-width: 0px;
}
html[data-charte=gray10] .icon-info-simple,
html[data-charte=gray10] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=gray10] div.card {
  border-bottom-color: #EEE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=gray10] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=gray10] div.conversation-message--owner-organization > div.bubble div.content {
  color: black;
  background-color: transparent;
  border-color: #BBB;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray10] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=gray10] .side-panel-footer {
  background-color: #EEE;
  text-align: center;
}
html[data-charte=gray10] .ember-transitioning-in {
  color: #555 !important;
}
html[data-charte=gray10] section.login h1 {
  background-color: red;
}
html[data-charte=gray10] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=gray10] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23666'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray10] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23666'/%3E%3C/svg%3E%0A");
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray10] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=gray10] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #BBB !important;
  padding: 0;
  border: none;
}
html[data-charte=gray10] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=gray10] select {
  border-color: #555;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23666'/%3E%3C/svg%3E");
}
html[data-charte=gray10] input[type=search],
html[data-charte=gray10] select {
  border-color: #555;
  border-width: 1px;
  background-color: transparent;
  color: black;
}
html[data-charte=gray10] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23666; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray10] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23666' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=gray10] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23222'/%3E%3C/svg%3E") !important;
}
html[data-charte=gray10] legend {
  color: #222;
}
html[data-charte=gray10] label {
  color: #222;
}
html[data-charte=gray10] .side-panel-footer h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=gray10] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=gray10] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=gray10] div.controled.active .underlay {
  background-color: rgba(238, 238, 238, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=gray10] #ccSelector {
  display: none;
}
html[data-charte=gray10] label[for=ccSelector] {
  display: none;
}
html[data-charte=gray10] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=gray10] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=gray10] label[for=recipientSelector] {
  display: none;
}
html[data-charte=gray10] label[for=confidentiality] {
  display: none;
}
html[data-charte=gray10] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=gray10] label[for=subject] {
  display: none !important;
}
html[data-charte=gray10] label[for=subject] + input {
  display: none !important;
}
html[data-charte=gray10] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=gray10] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=gray10] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=gray10] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray10] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=gray10] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=gray10] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=gray10] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=gray10] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray10] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=gray10] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=gray10] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=gray10] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23666' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=gray10] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=gray10] ul.message-attachments {
  color: #222;
}
html[data-charte=gray10] .tree,
html[data-charte=gray10] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=gray10] .tree {
  background: transparent;
  border: none;
}
html[data-charte=gray10] .tree li:last-child {
  border: 0;
}
html[data-charte=gray10] .section ul {
  display: none;
}
html[data-charte=gray10] .section input[type=checkbox] {
  display: none;
}
html[data-charte=gray10] .section input[type=radio] {
  display: none;
}
html[data-charte=gray10] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #111;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=gray10] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray10] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=gray10] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=gray10] .section input:checked ~ ul {
  display: block;
}
html[data-charte=gray10] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=gray10] .section input:checked + label.labelThemeItem {
  color: #555;
  border: 1px solid black;
}
html[data-charte=gray10] .feedback-message {
  color: #222;
}
html[data-charte=gray10] .toast-close-button {
  background-color: transparent !important;
  color: red;
  font-size: larger;
  opacity: 1;
}
html[data-charte=gray10] legend {
  color: #222;
  padding: 3px 6px;
}
html[data-charte=gray10] fieldset {
  border-color: #222;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=gray10] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=gray10] form.create-new {
  background-color: red;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=gray10] select.selector {
  font-weight: bold !important;
}
html[data-charte=gray10] .filetype {
  color: red !important;
  background-color: #222 !important;
}
html[data-charte=gray10] .icon-zoom {
  background-color: #EEE !important;
}
html[data-charte=gray10] .icon-zoom:hover {
  background-color: #EEE !important;
  box-shadow: 0 0 11px #BBB;
}
html[data-charte=gray10] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=gray10] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23666'/%3E%3C/svg%3E");
}
html[data-charte=gray10] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=gray10] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=gray10] div.controled {
  background: transparent;
}
html[data-charte=gray10] .disconnection h1 {
  background-image: url("/assets/msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=gray10] .message-body th:not(.external-th), html[data-charte=gray10] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=gray10] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html:not([data-charte]) {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html:not([data-charte]) ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html:not([data-charte]) ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html:not([data-charte]) ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html:not([data-charte]) div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html:not([data-charte]) div.user-data a, html:not([data-charte]) div.user-data a:visited {
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html:not([data-charte]) div.user-data button {
  position: relative;
  font-size: 90%;
  color: #d84e38;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html:not([data-charte]) div.user-data button:focus, html:not([data-charte]) div.user-data button:hover {
  text-decoration: underline;
}
html:not([data-charte]) .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html:not([data-charte]) .divide > * {
  margin-bottom: 0.5rem;
}
html:not([data-charte]) div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html:not([data-charte]) div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html:not([data-charte]) div.card header {
  padding-left: 2rem;
}
html:not([data-charte]) div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #FFFFFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html:not([data-charte]) div.card dd {
  line-height: 1.3;
}
html:not([data-charte]) div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html:not([data-charte]) div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html:not([data-charte]) div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html:not([data-charte]) div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html:not([data-charte]) div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) div.card.label dd.label {
  margin-left: auto;
}
html:not([data-charte]) div.card.label .chip {
  min-width: 3em;
}
html:not([data-charte]) .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html:not([data-charte]) span.status {
  display: inline-block;
}
html:not([data-charte]) div.h-card h2 a, html:not([data-charte]) div.h-card h2 a:visited {
  background-color: #002f5a;
}
html:not([data-charte]) ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html:not([data-charte]) div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html:not([data-charte]) div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html:not([data-charte]) .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html:not([data-charte]) .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html:not([data-charte]) .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html:not([data-charte]) .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html:not([data-charte]) .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html:not([data-charte]) li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html:not([data-charte]) .chip.default {
  font-size: 0.9rem;
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) ul.chips {
  justify-content: flex-start;
}
html:not([data-charte]) div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html:not([data-charte]) div.all-stats h3 {
  flex-basis: 100%;
}
html:not([data-charte]) div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFFFFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.stat header {
  display: flex;
  justify-content: space-between;
}
html:not([data-charte]) div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html:not([data-charte]) div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html:not([data-charte]) div.stat.to-process .regular-value {
  background-position: right 0;
}
html:not([data-charte]) div.stat.overdue .regular-value {
  background-position: right -109px;
}
html:not([data-charte]) div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html:not([data-charte]) div.stat.new .regular-value {
  background-position: right -306px;
}
html:not([data-charte]) div.stat.absent .regular-value {
  background-position: right -416px;
}
html:not([data-charte]) div.stat.approval .regular-value {
  background-position: right -534px;
}
html:not([data-charte]) div.stat.contacted .regular-value {
  background-position: right -639px;
}
html:not([data-charte]) div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html:not([data-charte]) div.stat .badge.positive {
  background-color: #d1f7e5;
}
html:not([data-charte]) div.personal-info div.avatar {
  background-color: #002f5a;
  padding: 1rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html:not([data-charte]) div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html:not([data-charte]) div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html:not([data-charte]) div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html:not([data-charte]) form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #002f5a;
}
html:not([data-charte]) main.settings div.data-sheet h4 {
  color: #d84e38;
  background-color: #fff;
}
html:not([data-charte]) main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #002f5a;
}
html:not([data-charte]) #assign-to-me {
  margin-top: 2rem;
}
html:not([data-charte]) #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html:not([data-charte]) #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html:not([data-charte]) #assign-to-me button {
  margin-left: auto;
}
html:not([data-charte]) main.conversation > header:first-child {
  display: block;
}
html:not([data-charte]) p.baseline {
  margin-bottom: 2rem;
}
html:not([data-charte]) main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html:not([data-charte]) main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html:not([data-charte]) div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html:not([data-charte]) div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html:not([data-charte]) div.conversation-message {
  display: flex;
  flex-direction: column;
}
html:not([data-charte]) div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html:not([data-charte]) div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html:not([data-charte]) div.bubble h3 time {
  display: block;
}
html:not([data-charte]) div.bubble h3 strong {
  color: #002f5a;
}
html:not([data-charte]) div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html:not([data-charte]) div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html:not([data-charte]) div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html:not([data-charte]) div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #002f5a;
  border-left: 1px solid #002f5a;
}
html:not([data-charte]) div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.bubble div.content {
  color: #d84e38;
  background-color: #d84e38;
  word-wrap: break-word;
}
html:not([data-charte]) div.bubble div.content ul {
  list-style-position: inside;
}
html:not([data-charte]) div.bubble div.content a {
  color: #002f5a;
}
html:not([data-charte]) div.bubble details {
  padding: 0.3rem 0;
}
html:not([data-charte]) div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html:not([data-charte]) div.bubble details div {
  display: flex;
}
html:not([data-charte]) div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) div.bubble details dd {
  font-size: 0.8em;
}
html:not([data-charte]) #new-talk {
  margin-bottom: 2rem;
}
html:not([data-charte]) #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html:not([data-charte]) div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html:not([data-charte]) div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html:not([data-charte]) div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #002f5a;
}
html:not([data-charte]) div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
  background-color: #FFFFFF;
}
html:not([data-charte]) div.conversation-message--owner-organization > div.bubble div.content a {
  color: #002f5a;
}
html:not([data-charte]) div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html:not([data-charte]) div.bubble.conversation-message-comments .content {
  color: #002f5a;
  background-color: #fff;
  border: 1px solid #002f5a;
}
html:not([data-charte]) div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html:not([data-charte]) div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html:not([data-charte]) div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html:not([data-charte]) div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html:not([data-charte]) div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html:not([data-charte]) div.bubble.message-comment .content {
  background-color: #002f5a;
}
html:not([data-charte]) div.bubble.message-comment .u-photo, html:not([data-charte]) div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html:not([data-charte]) div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html:not([data-charte]) dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
  margin: 1rem 0;
}
html:not([data-charte]) dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html:not([data-charte]) dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html:not([data-charte]) dl.conversation-status img {
  vertical-align: middle;
}
html:not([data-charte]) span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html:not([data-charte]) div.panel-cc {
  margin-bottom: 10px;
}
html:not([data-charte]) .message-body blockquote {
  color: #002f5a;
}
html:not([data-charte]) .message-body blockquote p {
  background-color: transparent;
}
html:not([data-charte]) .message-body--size-short {
  max-height: 150px;
}
html:not([data-charte]) .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html:not([data-charte]) div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html:not([data-charte]) ul.message-attachments {
  list-style-type: none;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html:not([data-charte]) ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html:not([data-charte]) li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html:not([data-charte]) ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html:not([data-charte]) ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #002f5a;
}
html:not([data-charte]) div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #002f5a;
}
html:not([data-charte]) div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html:not([data-charte]) div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html:not([data-charte]) div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html:not([data-charte]) div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html:not([data-charte]) div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html:not([data-charte]) div.editor ul.message-attachments {
  border-top: 2px solid #d84e38;
}
html:not([data-charte]) ul.message-attachments div.dropdown {
  margin-left: auto;
}
html:not([data-charte]) ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html:not([data-charte]) ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html:not([data-charte]) ul.message-attachment div.dropdown {
  margin-left: auto;
}
html:not([data-charte]) div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html:not([data-charte]) section.requests {
  display: flex;
  flex-wrap: wrap;
}
html:not([data-charte]) section.requests + section.requests {
  margin-top: 1rem;
}
html:not([data-charte]) section.requests h3 {
  flex-basis: 100%;
}
html:not([data-charte]) section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #002f5a;
}
html:not([data-charte]) section.requests h3 {
  margin-bottom: 0;
}
html:not([data-charte]) div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html:not([data-charte]) div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.5rem;
}
html:not([data-charte]) div.request h4 .status {
  margin: 0;
}
html:not([data-charte]) div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #002f5a;
}
html:not([data-charte]) div.request dl::first-letter {
  text-transform: uppercase;
}
html:not([data-charte]) div.request dl div {
  display: flex;
}
html:not([data-charte]) div.request dt {
  flex-basis: 5em;
}
html:not([data-charte]) div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html:not([data-charte]) div.editor, html:not([data-charte]) form.create-new {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html:not([data-charte]) form.create-new {
  border: none;
}
html:not([data-charte]) div.editor h3 {
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: none;
}
html:not([data-charte]) div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html:not([data-charte]) div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html:not([data-charte]) div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) p.template-selector {
  width: 100%;
}
html:not([data-charte]) p.template-selector input {
  width: 100%;
}
html:not([data-charte]) ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html:not([data-charte]) div.mce-toolbar-grp button:hover, html:not([data-charte]) div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) select, html:not([data-charte]) div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html:not([data-charte]) #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html:not([data-charte]) .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html:not([data-charte]) h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html:not([data-charte]) p.mandatory {
  text-align: right;
  color: #002f5a;
  background-color: #fff;
}
html:not([data-charte]) div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html:not([data-charte]) .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html:not([data-charte]) .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #FFFFFF;
  border-radius: 100%;
}
html:not([data-charte]) .badge {
  color: #d84e38;
  background-color: #FFFFFF;
  margin-left: 1rem;
}
html:not([data-charte]) .pic-checked.active {
  fill: #00AF86;
}
html:not([data-charte]) nav.pagination ul {
  justify-content: center;
}
html:not([data-charte]) section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html:not([data-charte]) div.card.label button.modal-trigger {
    position: relative;
  }
}
html:not([data-charte]) .chip.label-color-1 {
  color: #FFFFFF;
  background-color: #85D687;
}
html:not([data-charte]) .chip.label-color-2 {
  color: #FFFFFF;
  background-color: #90CBDA;
}
html:not([data-charte]) .chip.label-color-3 {
  color: #FFFFFF;
  background-color: #D1CE75;
}
html:not([data-charte]) .chip.label-color-4 {
  color: #FFFFFF;
  background-color: #E6B3E1;
}
html:not([data-charte]) .chip.label-color-5 {
  color: #FFFFFF;
  background-color: #D9AC8C;
}
html:not([data-charte]) #page-labels-settings div.card dt.label-color::before,
html:not([data-charte]) #main-nav li a.label-color::before,
html:not([data-charte]) fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html:not([data-charte]) #page-labels-settings div.card dt.label-color::before,
html:not([data-charte]) #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html:not([data-charte]) fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html:not([data-charte]) fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html:not([data-charte]) fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html:not([data-charte]) fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html:not([data-charte]) fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #002f5a;
}
html:not([data-charte]) fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html:not([data-charte]) fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html:not([data-charte]) #main-nav li a.label-color.label-color-1::before,
html:not([data-charte]) #page-labels-settings div.card dt.label-color-1::before,
html:not([data-charte]) fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html:not([data-charte]) #main-nav li a.label-color.label-color-2::before,
html:not([data-charte]) #page-labels-settings div.card dt.label-color-2::before,
html:not([data-charte]) fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html:not([data-charte]) #main-nav li a.label-color.label-color-3::before,
html:not([data-charte]) #page-labels-settings div.card dt.label-color-3::before,
html:not([data-charte]) fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html:not([data-charte]) #main-nav li a.label-color.label-color-4::before,
html:not([data-charte]) #page-labels-settings div.card dt.label-color-4::before,
html:not([data-charte]) fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html:not([data-charte]) #main-nav li a.label-color.label-color-5::before,
html:not([data-charte]) #page-labels-settings div.card dt.label-color-5::before,
html:not([data-charte]) fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html:not([data-charte]) div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: #002f5a;
  background-color: #E3E6E8;
  padding-left: 2em;
}
html:not([data-charte]) div.actions-bar button.icon-check:hover, html:not([data-charte]) div.actions-bar button.icon-check:focus {
  color: #002f5a;
  background-color: #E3E6E8;
}
html:not([data-charte]) .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html:not([data-charte]) div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html:not([data-charte]) div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html:not([data-charte]) div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html:not([data-charte]) div.flash-answer p {
  line-height: 1.45;
}
html:not([data-charte]) div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html:not([data-charte]) div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html:not([data-charte]) div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #d84e38;
  background-color: #fff;
  margin: 1em 0;
}
html:not([data-charte]) div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html:not([data-charte]) div.actions-bar button.icon-check {
    height: auto;
  }
}
html:not([data-charte]) div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #FFFFFF;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.project-card h3 {
  font-size: 1.1em;
}
html:not([data-charte]) div.project-card p {
  margin-bottom: 0.8em;
}
html:not([data-charte]) div.project-card p.divided {
  color: #002f5a;
  padding: 0.3em 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) div.project-card.details header {
  position: relative;
}
html:not([data-charte]) div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html:not([data-charte]) div.project-card.details ul.actions-list {
  background-color: #E3E6E8;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html:not([data-charte]) div.project-card h3 {
    font-size: 2em;
  }
}
html:not([data-charte]) div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html:not([data-charte]) div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html:not([data-charte]) div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html:not([data-charte]) html, html:not([data-charte]) body, html:not([data-charte]) div, html:not([data-charte]) span, html:not([data-charte]) object, html:not([data-charte]) iframe,
html:not([data-charte]) h1, html:not([data-charte]) h2, html:not([data-charte]) h3, html:not([data-charte]) h4, html:not([data-charte]) h5, html:not([data-charte]) h6, html:not([data-charte]) p, html:not([data-charte]) blockquote, html:not([data-charte]) pre,
html:not([data-charte]) a, html:not([data-charte]) abbr, html:not([data-charte]) address, html:not([data-charte]) big, html:not([data-charte]) cite, html:not([data-charte]) code,
html:not([data-charte]) del, html:not([data-charte]) dfn, html:not([data-charte]) em, html:not([data-charte]) form, html:not([data-charte]) img, html:not([data-charte]) ins, html:not([data-charte]) kbd, html:not([data-charte]) q, html:not([data-charte]) s, html:not([data-charte]) samp,
html:not([data-charte]) small, html:not([data-charte]) strike, html:not([data-charte]) strong, html:not([data-charte]) sub, html:not([data-charte]) sup, html:not([data-charte]) tt, html:not([data-charte]) var,
html:not([data-charte]) b, html:not([data-charte]) u, html:not([data-charte]) i, html:not([data-charte]) dl, html:not([data-charte]) dt, html:not([data-charte]) dd, html:not([data-charte]) ol, html:not([data-charte]) ul, html:not([data-charte]) li,
html:not([data-charte]) fieldset, html:not([data-charte]) form, html:not([data-charte]) label, html:not([data-charte]) legend,
html:not([data-charte]) table:not(.external-table),
html:not([data-charte]) caption:not(.external-caption), html:not([data-charte]) tbody, html:not([data-charte]) tfoot, html:not([data-charte]) thead,
html:not([data-charte]) tr:not(.external-tr),
html:not([data-charte]) th:not(.external-th),
html:not([data-charte]) td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html:not([data-charte]) html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html:not([data-charte]) header, html:not([data-charte]) footer, html:not([data-charte]) main, html:not([data-charte]) nav, html:not([data-charte]) aside, html:not([data-charte]) article, html:not([data-charte]) section, html:not([data-charte]) figure, html:not([data-charte]) figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html:not([data-charte]) body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
html:not([data-charte]) h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html:not([data-charte]) h2, html:not([data-charte]) h3, html:not([data-charte]) h4, html:not([data-charte]) h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html:not([data-charte]) h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #FFFFFF;
  background-color: #fff;
}
html:not([data-charte]) h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) header h2 + p {
  margin-top: 0.5em;
}
html:not([data-charte]) h3 {
  font-size: 1.2em;
  color: #002f5a;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #002f5a;
}
html:not([data-charte]) h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) p, html:not([data-charte]) li, html:not([data-charte]) dt, html:not([data-charte]) dd, html:not([data-charte]) h5, html:not([data-charte]) th, html:not([data-charte]) td {
  font-size: 0.95em;
}
html:not([data-charte]) li li, html:not([data-charte]) li p, html:not([data-charte]) li dt, html:not([data-charte]) li dd {
  font-size: 100%;
}
html:not([data-charte]) a {
  color: #002f5a;
}
html:not([data-charte]) a:visited {
  opacity: 0.8;
}
html:not([data-charte]) strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html:not([data-charte]) em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html:not([data-charte]) img {
  max-width: 100%;
  border: none;
}
html:not([data-charte]) blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html:not([data-charte]) blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html:not([data-charte]) blockquote::before, html:not([data-charte]) blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html:not([data-charte]) blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html:not([data-charte]) blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html:not([data-charte]) section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html:not([data-charte]) #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html:not([data-charte]) #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #d84e38;
}
html:not([data-charte]) #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html:not([data-charte]) main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html:not([data-charte]) main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html:not([data-charte]) main > header:first-child h2 {
  margin-bottom: 0;
}
html:not([data-charte]) main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html:not([data-charte]) #wrapper > footer {
  padding: 2rem 5%;
}
html:not([data-charte]) .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html:not([data-charte]) .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html:not([data-charte]) .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html:not([data-charte]) .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html:not([data-charte]) .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html:not([data-charte]) .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html:not([data-charte]) .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html:not([data-charte]) .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html:not([data-charte]) .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html:not([data-charte]) button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html:not([data-charte]) button:hover {
  background-color: #FFFFFF;
}
html:not([data-charte]) button[disabled], html:not([data-charte]) .form-reset[disabled], html:not([data-charte]) .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html:not([data-charte]) button[disabled]:hover, html:not([data-charte]) .form-reset[disabled]:hover, html:not([data-charte]) .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #d84e38;
}
html:not([data-charte]) .form-submit.optional[disabled]:hover {
  color: #002f5a;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html:not([data-charte]) button.secondary {
  background-color: #002f5a;
}
html:not([data-charte]) button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html:not([data-charte]) button.discret:hover, html:not([data-charte]) button.discret:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html:not([data-charte]) [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #d84e38;
  background-color: #d84e38;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html:not([data-charte]) [class*=bt-]:hover {
  text-decoration: underline;
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) a[class*=bt-], html:not([data-charte]) a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html:not([data-charte]) [class*=bt-]:hover, html:not([data-charte]) [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html:not([data-charte]) .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html:not([data-charte]) .bt-create:hover, html:not([data-charte]) .bt-create:focus {
  background-color: #FFFFFF;
}
html:not([data-charte]) .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html:not([data-charte]) div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html:not([data-charte]) div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html:not([data-charte]) a.bt-link, html:not([data-charte]) a.bt-link:visited {
  padding: 0.5em 1em;
}
html:not([data-charte]) [class*=icon-], html:not([data-charte]) [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html:not([data-charte]) [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #FFFFFF;
}
html:not([data-charte]) [class*=icon-].secondary {
  background-color: #002f5a;
}
html:not([data-charte]) [class*=icon-]:hover, html:not([data-charte]) [class*=icon-]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #FFFFFF;
}
html:not([data-charte]) .icon-new {
  background-position: 4px 7px;
}
html:not([data-charte]) .icon-account {
  background-position: 4px -42px;
}
html:not([data-charte]) .icon-entity {
  background-position: 4px -79px;
}
html:not([data-charte]) .icon-assign, html:not([data-charte]) .icon-assign-off {
  background-position: 4px -156px;
}
html:not([data-charte]) .icon-assign-off {
  background-color: #d83550;
}
html:not([data-charte]) .icon-pin, html:not([data-charte]) .follow-false {
  background-position: 4px -116px;
}
html:not([data-charte]) .icon-pinned, html:not([data-charte]) .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html:not([data-charte]) .icon-pinned:hover, html:not([data-charte]) .follow-true:hover, html:not([data-charte]) .icon-pinned:focus, html:not([data-charte]) .follow-true:focus {
  background-color: #8e2335;
}
html:not([data-charte]) .icon-ok {
  background-position: 4px -202px;
}
html:not([data-charte]) .icon-close {
  background-position: 4px -237px;
}
html:not([data-charte]) .icon-reopen {
  background-position: 4px -324px;
}
html:not([data-charte]) .icon-project {
  background-position: 5px -367px;
}
html:not([data-charte]) .icon-sort {
  background-position: 4px -426px;
}
html:not([data-charte]) .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html:not([data-charte]) .icon-action-sorting-up {
  background-position: 4px -426px;
}
html:not([data-charte]) .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html:not([data-charte]) .icon-download {
  background-position: 4px -465px;
}
html:not([data-charte]) .icon-print {
  background-position: 4px -507px;
}
html:not([data-charte]) .icon-history {
  background-position: 3px -562px;
}
html:not([data-charte]) .icon-microphone {
  background-position: 5px 5px;
}
html:not([data-charte]) div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d83550;
}
html:not([data-charte]) div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html:not([data-charte]) .icon-editor {
  background-position: 4px 4px;
}
html:not([data-charte]) .icon-disclose {
  background-position: 4px -604px;
}
html:not([data-charte]) .icon-edit {
  background-position: 4px -679px;
}
html:not([data-charte]) .icon-ai {
  background-position: 4px -1318px;
}
html:not([data-charte]) .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html:not([data-charte]) .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html:not([data-charte]) .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html:not([data-charte]) .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html:not([data-charte]) .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html:not([data-charte]) .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html:not([data-charte]) .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html:not([data-charte]) .icon-file-uploader {
  background-position: 4px -832px;
}
html:not([data-charte]) p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html:not([data-charte]) p.icon-file-uploader label {
  cursor: pointer;
}
html:not([data-charte]) .icon-mark-as-unread, html:not([data-charte]) .icon-mark-as-read {
  background-position: 4px -604px;
}
html:not([data-charte]) .icon-mark-as-read {
  background-color: #002f5a;
}
html:not([data-charte]) .icon-categorize {
  background-position: 4px -1255px;
}
html:not([data-charte]) .icon-archive {
  background-position: 4px -1115px;
}
html:not([data-charte]) .icon-see {
  background-position: 4px -604px;
}
html:not([data-charte]) .icon-start {
  background-position: 5px -888px;
}
html:not([data-charte]) .icon-delete {
  background-position: 4px -1003px;
}
html:not([data-charte]) .icon-activity {
  background-position: 4px -1255px;
}
html:not([data-charte]) .icon-absence {
  background-position: 4px -1183px;
}
html:not([data-charte]) .icon-moderation {
  background-position: 4px -1115px;
}
html:not([data-charte]) button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html:not([data-charte]) button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html:not([data-charte]) button.icon-check:focus, html:not([data-charte]) button.icon-check:hover {
  outline: 1px dotted #000;
}
html:not([data-charte]) .icon-info-simple, html:not([data-charte]) .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html:not([data-charte]) button.play, html:not([data-charte]) button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html:not([data-charte]) button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html:not([data-charte]) button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html:not([data-charte]) button.icon-info-simple:hover, html:not([data-charte]) button.icon-info-simple:focus,
html:not([data-charte]) button.icon-back:hover, html:not([data-charte]) button.icon-back:focus {
  background-color: #fff;
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html:not([data-charte]) div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html:not([data-charte]) .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html:not([data-charte]) [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html:not([data-charte]) button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html:not([data-charte]) .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html:not([data-charte]) .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html:not([data-charte]) span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html:not([data-charte]) span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html:not([data-charte]) #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html:not([data-charte]) .skip-link {
  display: inline;
  margin: 0;
}
html:not([data-charte]) .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html:not([data-charte]) table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html:not([data-charte]) caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html:not([data-charte]) th:not(.external-th), html:not([data-charte]) td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html:not([data-charte]) th:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 1em 0.5em;
}
html:not([data-charte]) tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html:not([data-charte]) th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html:not([data-charte]) th[scope=col]:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
}
html:not([data-charte]) th[scope=row] {
  text-align: left;
}
html:not([data-charte]) .main-form {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) form.main-form legend {
  background-color: #FFFFFF;
}
html:not([data-charte]) form p {
  margin-bottom: 1.5em;
}
html:not([data-charte]) form .buddies {
  display: flex;
  align-items: center;
}
html:not([data-charte]) form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html:not([data-charte]) form .buddies [type=submit] {
  padding: 0;
}
html:not([data-charte]) form .buddies button {
  flex-basis: 35px;
}
html:not([data-charte]) form .buddies.not-much button {
  margin-left: 0.3em;
}
html:not([data-charte]) form .highlight {
  margin-bottom: 1rem;
}
html:not([data-charte]) fieldset {
  margin-bottom: 1rem;
}
html:not([data-charte]) fieldset.single {
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html:not([data-charte]) fieldset.single legend {
  padding: 0.5em;
}
html:not([data-charte]) legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #fff;
  padding: 0.5em 0;
}
html:not([data-charte]) label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html:not([data-charte]) label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html:not([data-charte]) input[type=text], html:not([data-charte]) input[type=password], html:not([data-charte]) input[type=date], html:not([data-charte]) input[type=url], html:not([data-charte]) input[type=tel],
html:not([data-charte]) input[type=time], html:not([data-charte]) input[type=email], html:not([data-charte]) input[type=number], html:not([data-charte]) input[type=search], html:not([data-charte]) select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html:not([data-charte]) input[type=number], html:not([data-charte]) input[type=date], html:not([data-charte]) input[type=time] {
  padding: 0.6em;
}
html:not([data-charte]) [readonly] {
  color: #002f5a;
  background-color: #E3E6E8;
}
html:not([data-charte]) input[type=search]:focus {
  outline: 1px dotted #002f5a;
}
html:not([data-charte]) input[type=text]:focus, html:not([data-charte]) input[type=password]:focus, html:not([data-charte]) input[type=url]:focus,
html:not([data-charte]) input[type=date]:focus, html:not([data-charte]) input[type=search]:focus, html:not([data-charte]) select:focus {
  border-color: #d84e38;
}
html:not([data-charte]) input[type=url], html:not([data-charte]) input.wider {
  width: 90%;
  max-width: 35em;
}
html:not([data-charte]) input[type=number] {
  width: 6em;
}
html:not([data-charte]) .has-error input {
  border-color: #f00;
}
html:not([data-charte]) .required {
  margin-bottom: 2rem;
}
html:not([data-charte]) select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html:not([data-charte]) select::-ms-expand {
  display: none;
}
html:not([data-charte]) [type=submit], html:not([data-charte]) [type=reset], html:not([data-charte]) button.form-submit, html:not([data-charte]) button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.55em 1.5em;
  border: 1px solid #d84e38;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html:not([data-charte]) [type=reset], html:not([data-charte]) button.form-reset {
  color: #FFFFFF;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html:not([data-charte]) [type=submit]:hover, html:not([data-charte]) [type=submit]:focus,
html:not([data-charte]) [type=submit].optional:hover, html:not([data-charte]) [type=submit].optional:focus,
html:not([data-charte]) [type=reset]:hover, html:not([data-charte]) [type=reset]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html:not([data-charte]) button.form-submit:hover, html:not([data-charte]) button.form-submit:focus,
html:not([data-charte]) button.form-submit.optional:hover, html:not([data-charte]) button.form-submit.optional:focus,
html:not([data-charte]) button.form-reset:hover, html:not([data-charte]) button.form-reset:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html:not([data-charte]) .tooltip-error {
  background-color: #d83550;
}
html:not([data-charte]) [type=submit] + [type=reset], html:not([data-charte]) button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html:not([data-charte]) [type=submit].optional, html:not([data-charte]) button.form-submit.optional {
  color: #002f5a;
  background-color: #fff;
  border-color: #002f5a;
}
html:not([data-charte]) input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #d84e38;
  padding: 8px;
  border-radius: 0.3rem;
}
html:not([data-charte]) input[type=image]:hover {
  background-color: #FFFFFF;
}
html:not([data-charte]) textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  resize: none;
}
html:not([data-charte]) ::-webkit-input-placeholder, html:not([data-charte]) ::-moz-placeholder, html:not([data-charte]) :-moz-placeholder, html:not([data-charte]) :-ms-input-placeholder {
  color: var(--link-color);
}
html:not([data-charte]) .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html:not([data-charte]) .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html:not([data-charte]) .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html:not([data-charte]) .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html:not([data-charte]) .input-n-button input[type=submit] {
  height: 2.5em;
}
html:not([data-charte]) p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html:not([data-charte]) .highlight {
  background-color: #E3E6E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html:not([data-charte]) .highlight label, html:not([data-charte]) .top-level .highlight label {
  background-color: #E3E6E8;
}
html:not([data-charte]) .highlight fieldset.choices {
  margin: 0;
}
html:not([data-charte]) fieldset.choices {
  padding: 0;
  border: none;
}
html:not([data-charte]) fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html:not([data-charte]) fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html:not([data-charte]) .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html:not([data-charte]) fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html:not([data-charte]) fieldset.choices li + li {
  margin-top: 0;
}
html:not([data-charte]) fieldset.choices > :last-child {
  margin-bottom: 0;
}
html:not([data-charte]) fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html:not([data-charte]) ul.choices {
  display: flex;
}
html:not([data-charte]) ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html:not([data-charte]) ul.choices li + li {
    margin-left: 0.5em;
  }
}
html:not([data-charte]) ul.choices.vertical {
  display: block;
}
html:not([data-charte]) ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html:not([data-charte]) .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html:not([data-charte]) li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html:not([data-charte]) .form-makeup input {
  position: absolute;
  top: -5em;
}
html:not([data-charte]) .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html:not([data-charte]) .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html:not([data-charte]) .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html:not([data-charte]) .form-makeup input:checked + label::before, html:not([data-charte]) .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html:not([data-charte]) .form-makeup input:focus + label {
  outline: 1px dotted #002f5a;
}
html:not([data-charte]) .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html:not([data-charte]) .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html:not([data-charte]) li.form-makeup {
  margin-bottom: 0.5em;
}
html:not([data-charte]) .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html:not([data-charte]) fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html:not([data-charte]) ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html:not([data-charte]) .check-chips input {
  position: absolute;
  top: -3em;
}
html:not([data-charte]) .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html:not([data-charte]) .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFFFFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html:not([data-charte]) .check-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html:not([data-charte]) .check-chips input:checked + label, html:not([data-charte]) .check-chips label.active {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html:not([data-charte]) .check-chips input[checked] + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html:not([data-charte]) .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html:not([data-charte]) ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html:not([data-charte]) .buttons-bar > * {
  margin: 0.5rem;
}
html:not([data-charte]) .buttons-bar.discret {
  font-size: 0.9em;
}
html:not([data-charte]) form.main-form .buttons-bar {
  margin-bottom: 0;
}
html:not([data-charte]) input[type=datetime-local] {
  padding: 0.6em;
}
html:not([data-charte]) p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html:not([data-charte]) .e-content p.mandatory {
  max-width: 100%;
}
html:not([data-charte]) .field-comment {
  font-size: 90%;
  color: #FFFFFF;
  padding: 0.3em;
}
html:not([data-charte]) div.error-messages {
  text-align: center;
  color: #002f5a;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html:not([data-charte]) div.error-messages ul {
  list-style-type: none;
}
html:not([data-charte]) div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html:not([data-charte]) input[aria-invalid=true] {
  color: #d84e38;
  background-color: #f00;
  border-color: #002f5a;
}
html:not([data-charte]) input[aria-invalid=true]:focus {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #002f5a;
}
html:not([data-charte]) .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html:not([data-charte]) .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html:not([data-charte]) section.h-card {
  margin-bottom: 2rem;
}
html:not([data-charte]) section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html:not([data-charte]) section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html:not([data-charte]) section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html:not([data-charte]) section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html:not([data-charte]) div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #E3E6E8;
  transition: all 0.2s;
}
html:not([data-charte]) div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html:not([data-charte]) div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html:not([data-charte]) div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html:not([data-charte]) div.card dl {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html:not([data-charte]) div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
}
html:not([data-charte]) div.card dt, html:not([data-charte]) div.card dd {
  max-width: 100%;
}
html:not([data-charte]) div.card a.allover {
  text-decoration: none;
}
html:not([data-charte]) div.card a {
  text-decoration: none;
}
html:not([data-charte]) div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html:not([data-charte]) div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html:not([data-charte]) div.card.unread a, html:not([data-charte]) div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
}
html:not([data-charte]) div.card.read a, html:not([data-charte]) div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
}
html:not([data-charte]) div.card.whatsapp {
  background-color: #e1ffe1;
}
html:not([data-charte]) span.social-icon img {
  width: 16px;
}
html:not([data-charte]) div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html:not([data-charte]) div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html:not([data-charte]) div.card ul.actions-list li {
  height: 32px;
}
html:not([data-charte]) div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html:not([data-charte]) div.card.confidential em {
  font-style: italic;
}
html:not([data-charte]) img.image-confidential {
  top: 5px;
  left: 0;
}
html:not([data-charte]) div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
}
html:not([data-charte]) div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html:not([data-charte]) div.h-card form p {
  margin: 0;
}
html:not([data-charte]) div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #d84e38;
  background-color: #002f5a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html:not([data-charte]) div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #002f5a;
  margin: 0;
}
html:not([data-charte]) div.h-card h2 a, html:not([data-charte]) div.h-card h2 a:visited {
  text-decoration: none;
  color: #d84e38;
}
html:not([data-charte]) div.h-card h2 a:hover, html:not([data-charte]) div.h-card h2 a:focus {
  text-decoration: underline;
}
html:not([data-charte]) div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html:not([data-charte]) .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html:not([data-charte]) .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html:not([data-charte]) div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html:not([data-charte]) div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html:not([data-charte]) div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html:not([data-charte]) div.spinner strong {
  display: block;
}
html:not([data-charte]) div.spinner ::before, html:not([data-charte]) div.spinner ::after {
  position: absolute;
  display: block;
}
html:not([data-charte]) div.spinner p::before,
html:not([data-charte]) div.spinner p::after,
html:not([data-charte]) div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html:not([data-charte]) div.spinner.ease-in-out ::before, html:not([data-charte]) div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #d84e38;
}
html:not([data-charte]) div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html:not([data-charte]) div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html:not([data-charte]) div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html:not([data-charte]) div.spinner.cubic-bezier ::before, html:not([data-charte]) div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #d84e38;
}
html:not([data-charte]) div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html:not([data-charte]) div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html:not([data-charte]) div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #d84e38;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #d84e38;
  }
}
html:not([data-charte]) div.spinner.ease-in-out-fill ::before, html:not([data-charte]) div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html:not([data-charte]) div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html:not([data-charte]) div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html:not([data-charte]) div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html:not([data-charte]) div.spinner.linear-dot ::before, html:not([data-charte]) div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #d84e38;
}
html:not([data-charte]) div.spinner.linear-dot p::before {
  display: none;
}
html:not([data-charte]) div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html:not([data-charte]) div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html:not([data-charte]) div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html:not([data-charte]) div.spinner.linear-circle ::before, html:not([data-charte]) div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html:not([data-charte]) div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html:not([data-charte]) div.spinner.linear-circle p::before,
html:not([data-charte]) div.spinner.linear-circle strong::before,
html:not([data-charte]) div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html:not([data-charte]) div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html:not([data-charte]) div.spinner.progress-bar p {
  margin: 0;
}
html:not([data-charte]) div.spinner.progress-bar ::before, html:not([data-charte]) div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html:not([data-charte]) div.spinner.progress-bar p {
  font-size: 0.8em;
}
html:not([data-charte]) div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html:not([data-charte]) div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html:not([data-charte]) div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html:not([data-charte]) .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html:not([data-charte]) .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #E3E6E8;
  border-radius: 5px;
}
html:not([data-charte]) .box-animation .box {
  background: #d84e38;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html:not([data-charte]) .box1, html:not([data-charte]) .box4, html:not([data-charte]) .box8, html:not([data-charte]) .box11, html:not([data-charte]) .box13, html:not([data-charte]) .box16, html:not([data-charte]) .box20 {
  animation-name: quiet;
}
html:not([data-charte]) .box2, html:not([data-charte]) .box6, html:not([data-charte]) .box10, html:not([data-charte]) .box14, html:not([data-charte]) .box17, html:not([data-charte]) .box19 {
  animation-name: normal;
}
html:not([data-charte]) .box3, html:not([data-charte]) .box5, html:not([data-charte]) .box7, html:not([data-charte]) .box9, html:not([data-charte]) .box12, html:not([data-charte]) .box15, html:not([data-charte]) .box18 {
  animation-name: loud;
}
html:not([data-charte]) [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html:not([data-charte]) [class*=icon-].icon-reading-speed:hover {
  background-color: #FFFFFF;
}
html:not([data-charte]) [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html:not([data-charte]) [class*=icon-].icon-volume:hover {
  background-color: #FFFFFF;
}
html:not([data-charte]) span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #d84e38;
  background-color: #000;
  /*IE*/
  background-color: #FFFFFF;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html:not([data-charte]) span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #FFFFFF;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html:not([data-charte]) button.show-icons[type=submit] {
  padding: 0;
}
html:not([data-charte]) .show-icons a:hover + .tooltip, html:not([data-charte]) .show-icons a:focus + .tooltip {
  display: block;
}
html:not([data-charte]) .alternative-alt:hover, html:not([data-charte]) .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html:not([data-charte]) .alternative-alt:hover::before, html:not([data-charte]) .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: #d84e38;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html:not([data-charte]) .ember-basic-dropdown {
  position: relative;
}
html:not([data-charte]) .ember-basic-dropdown, html:not([data-charte]) .ember-basic-dropdown-content, html:not([data-charte]) .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html:not([data-charte]) .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html:not([data-charte]) .ember-basic-dropdown-content--left {
  left: 0;
}
html:not([data-charte]) .ember-basic-dropdown-content--right {
  right: 0;
}
html:not([data-charte]) .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html:not([data-charte]) .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html:not([data-charte]) .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #002f5a;
}
html:not([data-charte]) .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html:not([data-charte]) .ember-power-select-options li:hover, html:not([data-charte]) .ember-power-select-options li:focus {
  background-color: #002f5a;
}
html:not([data-charte]) .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html:not([data-charte]) div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html:not([data-charte]) .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html:not([data-charte]) .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html:not([data-charte]) .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html:not([data-charte]) .ember-power-select-trigger:focus,
html:not([data-charte]) .ember-power-select-trigger--active {
  border-top: 2px solid #d84e38;
  box-shadow: none;
}
html:not([data-charte]) .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html:not([data-charte]) .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html:not([data-charte]) .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html:not([data-charte]) .ember-power-select-search-input {
  width: 100%;
}
html:not([data-charte]) .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html:not([data-charte]) .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html:not([data-charte]) .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html:not([data-charte]) .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html:not([data-charte]) input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html:not([data-charte]) .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html:not([data-charte]) div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #d84e38;
  background-color: #FFFFFF;
  z-index: 1020;
}
html:not([data-charte]) div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html:not([data-charte]) div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html:not([data-charte]) header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html:not([data-charte]) .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #002f5a;
  padding: 0.6rem 5vw 0.4rem;
}
html:not([data-charte]) .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html:not([data-charte]) #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html:not([data-charte]) #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html:not([data-charte]) #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html:not([data-charte]) div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html:not([data-charte]) div.controled.active {
  margin-left: 0;
}
html:not([data-charte]) div.controled div.content {
  display: none;
}
html:not([data-charte]) div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html:not([data-charte]) div.controled > * {
  pointer-events: auto;
}
html:not([data-charte]) .underlay {
  opacity: 0;
}
html:not([data-charte]) div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html:not([data-charte]) #main-nav h2 {
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) #main-nav h2::before {
  content: none;
}
html:not([data-charte]) #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html:not([data-charte]) button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #002f5a;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html:not([data-charte]) button.nav-control:focus {
  outline-color: #d84e38;
}
html:not([data-charte]) #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html:not([data-charte]) #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html:not([data-charte]) #menu-control polygon {
  fill: #002f5a;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html:not([data-charte]) #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html:not([data-charte]) #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html:not([data-charte]) #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html:not([data-charte]) #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #E3E6E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html:not([data-charte]) #main-nav li a, html:not([data-charte]) #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #d84e38;
  background-color: #FFFFFF;
  padding: 0.8em 0 0.8em 0;
}
html:not([data-charte]) #main-nav li a:focus, html:not([data-charte]) #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html:not([data-charte]) #main-nav li a::after, html:not([data-charte]) #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #FFFFFF;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html:not([data-charte]) #main-nav li a.active::after,
html:not([data-charte]) #main-nav li a:hover::after,
html:not([data-charte]) #main-nav li a:focus::after {
  background-color: #d84e38;
}
html:not([data-charte]) #main-nav li button:hover::after,
html:not([data-charte]) #main-nav li button:focus::after {
  background-color: #d84e38;
}
html:not([data-charte]) #main-nav li.active > button:first-child::after {
  background-color: #d84e38;
}
html:not([data-charte]) #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #d84e38;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html:not([data-charte]) #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html:not([data-charte]) #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) #main-nav span.badge:before {
  content: "(";
}
html:not([data-charte]) #main-nav span.badge:after {
  content: ")";
}
html:not([data-charte]) .simplebar-offset {
  width: 100%;
}
html:not([data-charte]) #main-nav li a.bt-create, html:not([data-charte]) #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html:not([data-charte]) #main-nav li a.bt-create::after {
  content: none;
}
html:not([data-charte]) #main-nav li a.bt-create:hover, html:not([data-charte]) #main-nav li a.bt-create:focus {
  background-color: #002f5a;
}
html:not([data-charte]) ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #002f5a;
}
html:not([data-charte]) #main-nav ul.level2 li {
  font-size: 1em;
}
html:not([data-charte]) #main-nav div.line {
  flex-basis: 100%;
}
html:not([data-charte]) #main-nav button.has-level2, html:not([data-charte]) #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html:not([data-charte]) #main-nav button.has-level2::after, html:not([data-charte]) #main-nav a.has-level2::after,
html:not([data-charte]) #main-nav button.has-level2:hover::after, html:not([data-charte]) #main-nav a.has-level2:hover::after,
html:not([data-charte]) #main-nav button.has-level2:focus::after, html:not([data-charte]) #main-nav a.has-level2:focus::after {
  content: none;
}
html:not([data-charte]) #main-nav button.collapse::after,
html:not([data-charte]) #main-nav button.collapse:hover::after,
html:not([data-charte]) #main-nav button.collapse:focus::after {
  content: none;
}
html:not([data-charte]) p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html:not([data-charte]) p.uploader input {
  position: absolute;
  left: -500em;
}
html:not([data-charte]) label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html:not([data-charte]) p.uploader input:focus + label.icon-file-uploader {
  background-color: #FFFFFF;
}
html:not([data-charte]) div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html:not([data-charte]) div.modal[aria-hidden=false], html:not([data-charte]) div.modal.active {
  display: block;
  opacity: 1;
}
html:not([data-charte]) div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html:not([data-charte]) div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html:not([data-charte]) div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html:not([data-charte]) div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html:not([data-charte]) div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html:not([data-charte]) div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html:not([data-charte]) div.modal div.content ol {
  margin: 1rem;
}
html:not([data-charte]) div.modal div.content li {
  margin-bottom: 0.5rem;
}
html:not([data-charte]) div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html:not([data-charte]) .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html:not([data-charte]) .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html:not([data-charte]) .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html:not([data-charte]) div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html:not([data-charte]) div.dropdown button.dd-trigger:hover, html:not([data-charte]) div.dropdown button.dd-trigger:focus {
  border-color: #d84e38;
}
html:not([data-charte]) div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html:not([data-charte]) div.dropdown ul[aria-hidden=true] {
  display: none;
}
html:not([data-charte]) div.dropdown ul[aria-hidden=false] {
  display: block;
}
html:not([data-charte]) div.dropdown ul button,
html:not([data-charte]) div.dropdown ul a,
html:not([data-charte]) div.dropdown ul [class*=icon-],
html:not([data-charte]) div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html:not([data-charte]) div.dropdown ul a {
  text-decoration: none;
}
html:not([data-charte]) div.dropdown ul button:hover, html:not([data-charte]) div.dropdown ul a:hover,
html:not([data-charte]) div.dropdown ul button:focus, html:not([data-charte]) div.dropdown ul a:focus,
html:not([data-charte]) div.dropdown ul [class*=icon-]:focus, html:not([data-charte]) div.dropdown ul [class*=icon-]:hover,
html:not([data-charte]) div.dropdown ul [class*=icon-].secondary:focus, html:not([data-charte]) div.dropdown ul [class*=icon-].secondary:hover {
  color: #002f5a;
  background-color: #FFFFFF;
}
html:not([data-charte]) nav.pagination {
  max-width: 60em;
  margin: auto;
}
html:not([data-charte]) nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html:not([data-charte]) nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html:not([data-charte]) nav.pagination li {
    /* Margin around page digits buttons */
  }
  html:not([data-charte]) nav.pagination li:not(.page) + li.page, html:not([data-charte]) nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html:not([data-charte]) nav.pagination li:first-of-type {
  margin-left: auto;
}
html:not([data-charte]) nav.pagination li:last-of-type {
  margin-right: auto;
}
html:not([data-charte]) nav.pagination li.shortcut {
  flex-basis: 100%;
}
html:not([data-charte]) nav.pagination li.disabled {
  display: none;
}
html:not([data-charte]) nav.pagination a, html:not([data-charte]) nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html:not([data-charte]) nav.pagination a.firstPage, html:not([data-charte]) nav.pagination a.previousPage, html:not([data-charte]) nav.pagination a.nextPage, html:not([data-charte]) nav.pagination a.lastPage, html:not([data-charte]) nav.pagination li button.firstPage, html:not([data-charte]) nav.pagination li button.previousPage, html:not([data-charte]) nav.pagination li button.nextPage, html:not([data-charte]) nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html:not([data-charte]) nav.pagination a.firstPage, html:not([data-charte]) nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html:not([data-charte]) nav.pagination a.previousPage, html:not([data-charte]) nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html:not([data-charte]) nav.pagination a.nextPage, html:not([data-charte]) nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html:not([data-charte]) nav.pagination a.lastPage, html:not([data-charte]) nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html:not([data-charte]) nav.pagination a:hover, html:not([data-charte]) nav.pagination a:focus, html:not([data-charte]) nav.pagination li.active a,
html:not([data-charte]) nav.pagination li button:hover, html:not([data-charte]) nav.pagination li button:focus, html:not([data-charte]) nav.pagination li.active button {
  border-bottom-color: #d84e38;
}
html:not([data-charte]) nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html:not([data-charte]) nav.pagination li.shortcut a, html:not([data-charte]) nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html:not([data-charte]) select.selector, html:not([data-charte]) input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html:not([data-charte]) .has-error input, html:not([data-charte]) .has-error select, html:not([data-charte]) .has-error textarea {
  border-color: #f00;
}
html:not([data-charte]) div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html:not([data-charte]) div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html:not([data-charte]) div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html:not([data-charte]) div.rating .rate-item span {
  visibility: hidden;
}
html:not([data-charte]) div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html:not([data-charte]) div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html:not([data-charte]) div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html:not([data-charte]) div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html:not([data-charte]) div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html:not([data-charte]) div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html:not([data-charte]) div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html:not([data-charte]) div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html:not([data-charte]) div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html:not([data-charte]) div.editor {
  position: relative;
}
html:not([data-charte]) div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html:not([data-charte]) div.editor .editor-spinner div.spinner {
  height: 100%;
}
html:not([data-charte]) p + div.editor {
  margin-top: 1em;
}
html:not([data-charte]) div.editor-wrapper a, html:not([data-charte]) div.editor a:visited {
  color: #2900EC;
}
html:not([data-charte]) div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html:not([data-charte]) div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #E3E6E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li > button,
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attach,
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #E3E6E8;
  padding: 0;
  border: none;
}
html:not([data-charte]) strong, html:not([data-charte]) b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html:not([data-charte]) em, html:not([data-charte]) i {
  font-style: italic;
}
html:not([data-charte]) div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html:not([data-charte]) div.editor-wrapper div.editable-block p, html:not([data-charte]) div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html:not([data-charte]) div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFFFFF;
}
html:not([data-charte]) div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html:not([data-charte]) .has-error div.editor-wrapper div.editable-block,
html:not([data-charte]) .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html:not([data-charte]) div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html:not([data-charte]) div.editor-wrapper div.editable-block:focus, html:not([data-charte]) div.editor-wrapper div.editable-block:hover {
  border-color: #d84e38;
}
html:not([data-charte]) div.editor-wrapper div.editable-block.active {
  border: 3px dotted #002f5a;
}
html:not([data-charte]) div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html:not([data-charte]) div.editor-wrapper input[type=url] {
  width: 19em;
}
html:not([data-charte]) select.models, html:not([data-charte]) select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html:not([data-charte]) button.signature option .invisible-signature-data {
  display: none;
}
html:not([data-charte]) .contentEditableValue {
  display: none;
}
html:not([data-charte]) select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html:not([data-charte]) div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html:not([data-charte]) div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #002f5a;
}
html:not([data-charte]) div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html:not([data-charte]) div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html:not([data-charte]) div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html:not([data-charte]) input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html:not([data-charte]) #color-poly {
  display: none;
}
html:not([data-charte]) #color-poly.active {
  display: block;
}
html:not([data-charte]) #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html:not([data-charte]) #color-poly div.format-options.active {
  display: block;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html:not([data-charte]) button.color:hover, html:not([data-charte]) button.color:focus {
  border-top-color: #002f5a;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #002f5a;
}
html:not([data-charte]) #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html:not([data-charte]) div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFFFFF;
  border: 1px solid #002f5a;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html:not([data-charte]) div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #002f5a;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #002f5a;
}
html:not([data-charte]) div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html:not([data-charte]) div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html:not([data-charte]) .icon-bold {
  background-position: -1px 4px;
}
html:not([data-charte]) .icon-italic {
  background-position: -2px -82px;
}
html:not([data-charte]) .icon-underl {
  background-position: -1px -771px;
}
html:not([data-charte]) .icon-list {
  background-position: -1px -172px;
}
html:not([data-charte]) .icon-link {
  background-position: -1px -275px;
}
html:not([data-charte]) .icon-img {
  background-position: -1px -363px;
}
html:not([data-charte]) .icon-aright {
  background-position: -1px -462px;
}
html:not([data-charte]) .icon-acenter {
  background-position: -1px -656px;
}
html:not([data-charte]) .icon-aleft {
  background-position: -1px -563px;
}
html:not([data-charte]) .icon-attach {
  background-position: -1px -910px;
}
html:not([data-charte]) .icon-spellcheck {
  background-position: -1px -1084px;
}
html:not([data-charte]) .icon-ai {
  background-position: 0 -1232px;
}
html:not([data-charte]) .icon-tt {
  background-position: 0 -1377px;
}
html:not([data-charte]) .icon-signature {
  background-position: -1px -1084px;
}
html:not([data-charte]) .icon-check-signature {
  background-position: -1px -1084px;
}
html:not([data-charte]) .icon-attachments {
  background-position: -1px -1537px;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html:not([data-charte]) div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #E3E6E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html:not([data-charte]) div.format-options.active {
  display: block;
}
html:not([data-charte]) div.format-options p {
  margin: 0;
}
html:not([data-charte]) div.format-options label {
  display: inline-block;
  width: 80%;
}
html:not([data-charte]) div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html:not([data-charte]) div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html:not([data-charte]) div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html:not([data-charte]) div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #d84e38;
  background-color: #002f5a;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html:not([data-charte]) div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html:not([data-charte]) div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html:not([data-charte]) div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html:not([data-charte]) div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html:not([data-charte]) mark {
  cursor: help;
}
html:not([data-charte]) ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html:not([data-charte]) mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html:not([data-charte]) mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html:not([data-charte]) ul.sc-options li {
  padding: 0.2em 0.3em;
}
html:not([data-charte]) b ul.sc-options li, html:not([data-charte]) strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html:not([data-charte]) u ul.sc-options li {
  text-decoration: none;
}
html:not([data-charte]) em ul.sc-options li, html:not([data-charte]) i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html:not([data-charte]) ul.sc-options li:hover, html:not([data-charte]) ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html:not([data-charte]) ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html:not([data-charte]) ul.sc-options li.ignore-all {
  font-weight: bold;
}
html:not([data-charte]) div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #002f5a;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html:not([data-charte]) div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html:not([data-charte]) div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html:not([data-charte]) div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #E3E6E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #002f5a;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html:not([data-charte]) li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html:not([data-charte]) .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html:not([data-charte]) .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html:not([data-charte]) .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #FFFFFF;
  cursor: default;
  z-index: 1;
}
html:not([data-charte]) .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #FFFFFF;
  position: absolute;
  cursor: nw-resize;
}
html:not([data-charte]) .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html:not([data-charte]) .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html:not([data-charte]) .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html:not([data-charte]) .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html:not([data-charte]) div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html:not([data-charte]) div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html:not([data-charte]) div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #E3E6E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html:not([data-charte]) div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html:not([data-charte]) div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html:not([data-charte]) div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html:not([data-charte]) div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) select, html:not([data-charte]) div.h-card select {
    padding-right: 3em;
  }
}
html:not([data-charte]) section.participants {
  margin-bottom: 1rem;
}
html:not([data-charte]) section.participants h3 {
  margin-bottom: 1rem;
}
html:not([data-charte]) section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #d84e38;
  padding: 1rem;
  background-color: #002f5a;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html:not([data-charte]) section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html:not([data-charte]) section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html:not([data-charte]) section.participants div.h-card .u-photo, html:not([data-charte]) section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html:not([data-charte]) main.conversation section.participants ul.actions-list,
html:not([data-charte]) section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html:not([data-charte]) button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html:not([data-charte]) ul.avatars {
  list-style-type: none;
  background-color: #E3E6E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html:not([data-charte]) ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html:not([data-charte]) ul.avatars li + li {
  border-top: 1px dotted #002f5a;
}
html:not([data-charte]) ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html:not([data-charte]) div.actions-bar {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.actions-bar p, html:not([data-charte]) div.actions-bar li {
  font-size: 0.9em;
}
html:not([data-charte]) div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html:not([data-charte]) div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html:not([data-charte]) div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) div.actions-bar .radio-chips label {
  border: 1px solid #002f5a;
}
html:not([data-charte]) div.actions-bar .radio-chips input:hover + label, html:not([data-charte]) div.actions-bar .radio-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html:not([data-charte]) div.actions-bar .radio-chips input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html:not([data-charte]) div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html:not([data-charte]) div.actions-bar > * {
  padding: 0;
}
html:not([data-charte]) .collapsible {
  margin-bottom: 3rem;
}
html:not([data-charte]) .collapsible h3, html:not([data-charte]) .collapsible h4 {
  margin-bottom: 0;
}
html:not([data-charte]) .collapsible > .content {
  display: none;
}
html:not([data-charte]) .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFFFFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html:not([data-charte]) .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html:not([data-charte]) .collapsible button.control[aria-expanded=true] {
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html:not([data-charte]) .collapsible.top-level button.control {
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) fieldset.collapsible.sub-group {
  border-top: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html:not([data-charte]) fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html:not([data-charte]) fieldset.collapsible.sub-group button.control {
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html:not([data-charte]) .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html:not([data-charte]) .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html:not([data-charte]) .collapsible.top-level button.control[aria-expanded=true] {
    color: #FFFFFF;
    background-color: #FFFFFF;
  }
  html:not([data-charte]) header .collapsible {
    width: 100%;
  }
  html:not([data-charte]) header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html:not([data-charte]) ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #d84e38;
}
html:not([data-charte]) ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) ul.tabs li + li {
  margin-left: 0.5em;
}
html:not([data-charte]) ul.tabs li a, html:not([data-charte]) ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html:not([data-charte]) ul.tabs li a:hover, html:not([data-charte]) ul.tabs li a:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html:not([data-charte]) ul.tabs li.active a, html:not([data-charte]) ul.tabs li.active a:visited {
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) div.tab-item-component {
  padding-top: 1rem;
}
html:not([data-charte]) div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html:not([data-charte]) .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html:not([data-charte]) .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0;
  border-radius: 0.3rem;
}
html:not([data-charte]) .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html:not([data-charte]) .top-level label {
  background-color: #FFFFFF;
}
html:not([data-charte]) div.data-sheet {
  margin-bottom: 2rem;
}
html:not([data-charte]) div.data-sheet dl {
  margin-bottom: 1rem;
}
html:not([data-charte]) div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html:not([data-charte]) div.data-sheet div {
  margin-right: 2rem;
}
html:not([data-charte]) div.data-sheet div.main {
  flex-basis: 100%;
}
html:not([data-charte]) div.data-sheet dd {
  font-size: 1.1em;
}
html:not([data-charte]) ul.actions-list {
  display: flex;
  list-style-type: none;
}
html:not([data-charte]) ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html:not([data-charte]) ul.actions-list li:last-of-type {
  margin-right: 0;
}
html:not([data-charte]) ul.actions-list button {
  vertical-align: top;
}
html:not([data-charte]) details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #002f5a;
}
html:not([data-charte]) summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html:not([data-charte]) details[open] summary {
  margin-bottom: 1rem;
}
html:not([data-charte]) details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #d84e38;
}
html:not([data-charte]) details.special li {
  font-size: 0.7em;
}
html:not([data-charte]) details.simple {
  color: #002f5a;
  padding: 0;
  border: none;
}
html:not([data-charte]) details.simple summary {
  font-size: 80%;
  color: #002f5a;
  margin-top: 1em;
}
html:not([data-charte]) details.simple summary::after {
  content: " +";
}
html:not([data-charte]) details.simple[open] summary {
  margin-bottom: 0.5em;
}
html:not([data-charte]) details.simple[open] summary::after {
  content: " -";
}
html:not([data-charte]) .nowrap {
  white-space: nowrap;
}
html:not([data-charte]) hr {
  border: none;
  border-top: 1px dotted #002f5a;
  margin-bottom: 1rem;
}
html:not([data-charte]) .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html:not([data-charte]) .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html:not([data-charte]) .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html:not([data-charte]) ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html:not([data-charte]) ul.chips li {
  margin: 0 0.5rem 0 0;
}
html:not([data-charte]) .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html:not([data-charte]) .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html:not([data-charte]) .tags span.tag:not(:last-child):after {
  content: ", ";
}
html:not([data-charte]) .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html:not([data-charte]) .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html:not([data-charte]) .theme > span:not(:last-child):after {
  content: ", ";
}
html:not([data-charte]) ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html:not([data-charte]) ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html:not([data-charte]) ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #d84e38;
}
html:not([data-charte]) ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) #menu-control rect {
    opacity: 1;
  }
  html:not([data-charte]) #menu-control rect.active {
    opacity: 0;
  }
  html:not([data-charte]) #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html:not([data-charte]) fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html:not([data-charte]) div.actions-bar form {
    align-items: flex-end;
  }
  html:not([data-charte]) .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html:not([data-charte]) .form-makeup input:checked + label::before, html:not([data-charte]) .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html:not([data-charte]) .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html:not([data-charte]) .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html:not([data-charte]) button[disabled], html:not([data-charte]) .form-reset[disabled], html:not([data-charte]) .form-submit[disabled] {
    opacity: 0.4;
    background-color: #002f5a;
  }
  html:not([data-charte]) button[disabled]:hover, html:not([data-charte]) .form-reset[disabled]:hover, html:not([data-charte]) .form-submit[disabled]:hover {
    background-color: #002f5a;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html:not([data-charte]) div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html:not([data-charte]) {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html:not([data-charte]) {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html:not([data-charte]) {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html:not([data-charte]) {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html:not([data-charte]) .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html:not([data-charte]) .graph-component {
    margin-top: 0;
  }
}
html:not([data-charte]) .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html:not([data-charte]) .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html:not([data-charte]) div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html:not([data-charte]) div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html:not([data-charte]) div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html:not([data-charte]) div.datepickerDialog caption button {
  background-color: #FFFFFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html:not([data-charte]) div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html:not([data-charte]) div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html:not([data-charte]) div.datepickerDialog th, html:not([data-charte]) div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html:not([data-charte]) div.datepickerDialog th {
  background-color: #FFFFFF;
}
html:not([data-charte]) div.datepickerDialog td button {
  width: 100%;
  color: #002f5a;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html:not([data-charte]) div.datepickerDialog td button:hover, html:not([data-charte]) div.datepickerDialog td button:focus {
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) div.datepickerDialog td button.disabled {
  color: #002f5a;
  background-color: #fff;
}
html:not([data-charte]) div.datepickerDialog p.buttons-bar, html:not([data-charte]) div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #E3E6E8;
}
html:not([data-charte]) button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html:not([data-charte]) figure.img-container p.img-container-filename {
  word-break: break-all;
}
html:not([data-charte]) figure.img-container {
  overflow: auto;
  height: 50vh;
}
html:not([data-charte]) figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html:not([data-charte]) div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html:not([data-charte]) .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html:not([data-charte]) .icon-zoom:hover {
  background-color: #FFFFFF;
}
html:not([data-charte]) .icon-zoom:focus {
  background-color: #002f5a;
}
html:not([data-charte]) .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html:not([data-charte]) .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html:not([data-charte]) .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html:not([data-charte]) .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html:not([data-charte]) .preview-page a i {
  font-size: 1.8333333333em;
}
html:not([data-charte]) .preview-page a i:focus {
  outline: none;
}
html:not([data-charte]) .preview-page a i:hover {
  outline: none;
}
html:not([data-charte]) .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html:not([data-charte]) .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html:not([data-charte]) .preview-page a:focus {
  text-decoration: none;
}
html:not([data-charte]) .preview-page a:hover {
  text-decoration: none;
}
html:not([data-charte]) .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html:not([data-charte]) .pagination-item {
  align-items: baseline;
}
html:not([data-charte]) .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html:not([data-charte]) .icon-zoom {
  position: inherit;
}
html:not([data-charte]) figure.img-container img {
  width: 100%;
}
html:not([data-charte]) .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html:not([data-charte]) div.editor-wrapper .audio, html:not([data-charte]) div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #002f5a;
}
html:not([data-charte]) div.editor-wrapper .audio, html:not([data-charte]) div.editor-wrapper .audio-record [class*=icon-download]:hover,
html:not([data-charte]) div.editor-wrapper .audio, html:not([data-charte]) div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #FFFFFF;
}
html:not([data-charte]) #wavesurfer-audio-editor {
  padding: 0;
}
html:not([data-charte]) [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html:not([data-charte]) .audio-preview {
  justify-content: center;
}
html:not([data-charte]) div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html:not([data-charte]) div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html:not([data-charte]) div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html:not([data-charte]) div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html:not([data-charte]) .audio-message, html:not([data-charte]) .audio-record, html:not([data-charte]) .audio {
  display: flex;
  gap: 10px;
}
html:not([data-charte]) .audio-message audio, html:not([data-charte]) .audio-record audio, html:not([data-charte]) .audio audio {
  background: #fff;
  border: 2px solid #E3E6E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html:not([data-charte]) .audio-message .icon-download.voice-message, html:not([data-charte]) .audio-record .icon-download.voice-message, html:not([data-charte]) .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html:not([data-charte]) .audio-message a {
  display: flex;
  height: 32px;
}
html:not([data-charte]) .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html:not([data-charte]) .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html:not([data-charte]) .audio {
  min-width: 20rem;
}
html:not([data-charte]) .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html:not([data-charte]) .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html:not([data-charte]) .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html:not([data-charte]) .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html:not([data-charte]) .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html:not([data-charte]) .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html:not([data-charte]) .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html:not([data-charte]) #volume-control, html:not([data-charte]) #speed-control {
  display: none;
}
html:not([data-charte]) #volume-control > input, html:not([data-charte]) #speed-control > input {
  width: 65px;
}
html:not([data-charte]) .audio-volume {
  min-width: 41px;
  text-align: right;
}
html:not([data-charte]) .audio-speed {
  min-width: 33px;
  text-align: right;
}
html:not([data-charte]) #volume-control[aria-hidden=false], html:not([data-charte]) #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html:not([data-charte]) div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html:not([data-charte]) div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html:not([data-charte]) div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #002f5a;
}
html:not([data-charte]) div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #FFFFFF;
}
html:not([data-charte]) input[type=range] {
  -webkit-appearance: none;
  background-color: #d84e38;
  height: 5px;
  border-radius: 1em;
}
html:not([data-charte]) input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #002f5a;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html:not([data-charte]) div.files-list {
  margin-top: 20px;
}
html:not([data-charte]) li.list-form {
  display: flex;
  align-items: center;
}
html:not([data-charte]) ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #d84e38;
}
html:not([data-charte]) ul.add-list li {
  padding: 0;
}
html:not([data-charte]) ul.add-list li:last-child {
  border-bottom: none;
}
html:not([data-charte]) .icon-share, html:not([data-charte]) .icon-edit, html:not([data-charte]) .icon-info,
html:not([data-charte]) .icon-upload, html:not([data-charte]) .icon-close, html:not([data-charte]) .icon-info-close,
html:not([data-charte]) .icon-notify, html:not([data-charte]) .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html:not([data-charte]) .icon-share {
  background-position: 4px -752px;
}
html:not([data-charte]) .icon-upload {
  background-position: 4px -144px;
}
html:not([data-charte]) .icon-edit {
  background-position: 5px -96px;
}
html:not([data-charte]) .icon-info, html:not([data-charte]) .icon-info-close {
  background-position: 4px -1254px;
}
html:not([data-charte]) .icon-info-close {
  opacity: 0.5;
}
html:not([data-charte]) .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html:not([data-charte]) .icon-close {
  background-position: 4px -282px;
}
html:not([data-charte]) .icon-notify {
  background-position: 4px -668px;
}
html:not([data-charte]) .icon-conversation {
  background-position: 4px -44px;
}
html:not([data-charte]) div.content + div.content {
  margin-top: 2rem;
}
html:not([data-charte]) div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html:not([data-charte]) div.buddies label {
  flex-basis: 100%;
}
html:not([data-charte]) main > header.simple:first-child {
  display: block;
}
html:not([data-charte]) div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html:not([data-charte]) div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFFFFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.project-card.closed {
  border-color: #002f5a;
}
html:not([data-charte]) div.project-card::before, html:not([data-charte]) div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html:not([data-charte]) div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html:not([data-charte]) div.project-card.closed {
  border-color: #002f5a;
}
html:not([data-charte]) div.project-card header {
  margin: 2rem 0 0;
}
html:not([data-charte]) div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFFFFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html:not([data-charte]) div.project-card h4 a {
  color: #002f5a;
  background-color: #FFFFFF;
}
html:not([data-charte]) div.project-card h4 a:visited {
  color: #002f5a;
  background-color: #FFFFFF;
}
html:not([data-charte]) div.project-card img {
  width: 15px;
  height: 15px;
}
html:not([data-charte]) div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html:not([data-charte]) div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html:not([data-charte]) div.project-card .ellipsis {
    max-width: 5em;
  }
  html:not([data-charte]) ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html:not([data-charte]) div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFFFFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html:not([data-charte]) .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #002f5a;
}
html:not([data-charte]) p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html:not([data-charte]) header p.description {
  font-size: 1.2em;
}
html:not([data-charte]) div.project-card .content {
  margin-top: auto;
}
html:not([data-charte]) dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html:not([data-charte]) dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html:not([data-charte]) div.project-card dl.project-info div.fulldata {
  display: none;
}
html:not([data-charte]) dl.project-info dt, html:not([data-charte]) dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html:not([data-charte]) dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html:not([data-charte]) p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html:not([data-charte]) p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html:not([data-charte]) div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html:not([data-charte]) div.project-sheet {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html:not([data-charte]) p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html:not([data-charte]) p.assignment strong {
  display: block;
}
html:not([data-charte]) #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #d84e38;
}
html:not([data-charte]) #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html:not([data-charte]) #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html:not([data-charte]) #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html:not([data-charte]) #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html:not([data-charte]) #add-doc-form ul.choices input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) #add-doc-form ul.choices label:hover {
  color: #d84e38;
  background-color: #d84e38;
}
html:not([data-charte]) #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html:not([data-charte]) main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) main.projects .h-card button.info {
  display: none;
}
html:not([data-charte]) main.projects section.requests h3 {
  display: none;
}
html:not([data-charte]) section.project-folder {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html:not([data-charte]) section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #d84e38;
  background: #002f5a url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html:not([data-charte]) section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html:not([data-charte]) section.project-folder section.document-block {
  margin: 0 1rem;
}
html:not([data-charte]) section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html:not([data-charte]) section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html:not([data-charte]) section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html:not([data-charte]) div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html:not([data-charte]) div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html:not([data-charte]) div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html:not([data-charte]) section.document-block {
  position: relative;
  padding-left: 30px;
}
html:not([data-charte]) section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #002f5a;
}
html:not([data-charte]) section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #FFFFFF;
}
html:not([data-charte]) section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html:not([data-charte]) section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html:not([data-charte]) section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html:not([data-charte]) section.document-block + section.document-block h4::before {
  top: 2rem;
}
html:not([data-charte]) section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html:not([data-charte]) section.document-block div.highlight {
  margin-top: 1rem;
}
html:not([data-charte]) section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html:not([data-charte]) section.document-block ul.actions-list {
  margin: 1rem 0;
}
html:not([data-charte]) ul.files-list {
  list-style-type: none;
}
html:not([data-charte]) ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html:not([data-charte]) ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #002f5a;
  border-radius: 100%;
}
html:not([data-charte]) ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html:not([data-charte]) ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html:not([data-charte]) ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html:not([data-charte]) ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html:not([data-charte]) ul.files-list div.dropdown {
  margin-left: auto;
}
html:not([data-charte]) div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
}
html:not([data-charte]) div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html:not([data-charte]) div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html:not([data-charte]) div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html:not([data-charte]) div.data-sheet {
  margin: 1rem 0;
}
html:not([data-charte]) div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) main.projects div.actions-bar {
    justify-content: space-between;
  }
  html:not([data-charte]) main.projects div.actions-bar select {
    display: initial;
  }
  html:not([data-charte]) main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html:not([data-charte]) section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html:not([data-charte]) section.document-block h4::before {
    left: -32px;
  }
  html:not([data-charte]) section.document-block + section.document-block h4::before {
    top: 0;
  }
  html:not([data-charte]) section.document-block h4 strong {
    margin-left: 2rem;
  }
  html:not([data-charte]) div.project-card h4 a, html:not([data-charte]) div.project-card h4 a:visited {
    text-decoration: none;
  }
  html:not([data-charte]) div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html:not([data-charte]) ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) section.project-folder {
    background-color: #fff;
  }
  html:not([data-charte]) section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html:not([data-charte]) section.project-folder h3 small {
    font-size: 60%;
  }
  html:not([data-charte]) section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #002f5a;
  }
  html:not([data-charte]) div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html:not([data-charte]) section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html:not([data-charte]) ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html:not([data-charte]) dl.project-info div {
    flex-basis: 45%;
  }
  html:not([data-charte]) dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html:not([data-charte]) p.nature {
    flex: 1;
  }
  html:not([data-charte]) main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html:not([data-charte]) main.projects > header:first-child h2 {
    width: 70%;
  }
  html:not([data-charte]) main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html:not([data-charte]) div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html:not([data-charte]) div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html:not([data-charte]) div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html:not([data-charte]) ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html:not([data-charte]) ul.treeview button:disabled {
  filter: none;
}
html:not([data-charte]) ul.treeview button:disabled:hover {
  background-color: transparent;
}
html:not([data-charte]) ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html:not([data-charte]) ul.treeview button.element-button:hover, html:not([data-charte]) ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html:not([data-charte]) ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html:not([data-charte]) ul.treeview ul.active {
  display: block;
}
html:not([data-charte]) ul.treeview li {
  font-size: 0.8em;
}
html:not([data-charte]) ul.treeview li li {
  font-size: 100%;
}
html:not([data-charte]) ul.treeview li.tree-element {
  display: flex;
}
html:not([data-charte]) ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html:not([data-charte]) ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html:not([data-charte]) ul.treeview button.deploy, html:not([data-charte]) ul.treeview button.element {
  color: #002f5a;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html:not([data-charte]) ul.treeview button.deploy, html:not([data-charte]) ul.treeview button.element {
  background-position: 2px -115px;
}
html:not([data-charte]) ul.treeview button:focus, html:not([data-charte]) ul.treeview button:hover, html:not([data-charte]) ul.treeview button.active {
  background-color: #FFFFFF;
}
html:not([data-charte]) ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html:not([data-charte]) ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html:not([data-charte]) ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html:not([data-charte]) ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html:not([data-charte]) ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html:not([data-charte]) ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html:not([data-charte]) ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html:not([data-charte]) .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html:not([data-charte]) .treeview-search-combo > .search input {
  width: 80%;
}
html:not([data-charte]) .treeview-search-combo > .search button {
  margin-left: 2px;
}
html:not([data-charte]) .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html:not([data-charte]) .treeview-search-combo > .treeview {
  border: 1px solid #002f5a;
  padding: 5px 0;
}
html:not([data-charte]) .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html:not([data-charte]) .treeview-search-combo .hidden {
  display: none;
}
html:not([data-charte]) .treeview-search-combo button.element.highlight, html:not([data-charte]) .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html:not([data-charte]) .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html:not([data-charte]) .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html:not([data-charte]) div.treeview-wrapper {
    display: flex;
  }
  html:not([data-charte]) ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html:not([data-charte]) div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html:not([data-charte]) :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html:not([data-charte]) #absences-calendar div.actions-bar {
  justify-content: center;
}
html:not([data-charte]) #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html:not([data-charte]) #absences-calendar ul.choices li + li {
  margin: 0;
}
html:not([data-charte]) #absences-calendar ul.actions-list, html:not([data-charte]) #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html:not([data-charte]) #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html:not([data-charte]) ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html:not([data-charte]) #absences-calendar .icon-next, html:not([data-charte]) #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html:not([data-charte]) #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html:not([data-charte]) #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html:not([data-charte]) table.plan-grid {
  border-spacing: 0;
}
html:not([data-charte]) table.plan-grid th, html:not([data-charte]) table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html:not([data-charte]) table.plan-grid th {
  border-top: 4px solid transparent;
}
html:not([data-charte]) table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html:not([data-charte]) table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html:not([data-charte]) table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html:not([data-charte]) table.plan-grid tr td:first-of-type, html:not([data-charte]) table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html:not([data-charte]) table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html:not([data-charte]) table.plan-grid div p {
  display: none;
}
html:not([data-charte]) table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html:not([data-charte]) table.plan-grid div:hover p, html:not([data-charte]) table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html:not([data-charte]) table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) #absences-calendar p {
    font-size: 0.9em;
  }
  html:not([data-charte]) #absences-calendar li {
    font-size: 0.8em;
  }
  html:not([data-charte]) #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html:not([data-charte]) #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html:not([data-charte]) #absences-calendar ul.actions-list, html:not([data-charte]) #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html:not([data-charte]) #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html:not([data-charte]) #entities-list {
    position: static;
    width: 100%;
  }
  html:not([data-charte]) table.plan-grid thead {
    display: none;
  }
  html:not([data-charte]) table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html:not([data-charte]) table.plan-grid td, html:not([data-charte]) table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html:not([data-charte]) table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html:not([data-charte]) table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html:not([data-charte]) table.plan-grid td:empty {
    display: none;
  }
  html:not([data-charte]) table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html:not([data-charte]) table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html:not([data-charte]) table.plan-grid td div {
    margin-left: 0 !important;
  }
  html:not([data-charte]) table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html:not([data-charte]) table.plan-grid div p::before {
    content: none;
  }
  html:not([data-charte]) table.plan-grid div:hover p, html:not([data-charte]) table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html:not([data-charte]) table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html:not([data-charte]) table.plan-grid div:hover p, html:not([data-charte]) table.plan-grid div:focus p {
    width: auto;
  }
}
html:not([data-charte]) table.plan-grid td.advisor {
  height: 2em;
}
html:not([data-charte]) div.editor-wrapper a, html:not([data-charte]) div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html:not([data-charte]) div.editor-wrapper a:visited, html:not([data-charte]) div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html:not([data-charte]) div.editor-wrapper p:not(.feedback-message), html:not([data-charte]) div.editor-wrapper li, html:not([data-charte]) div.editor-wrapper th:not(.external-th), html:not([data-charte]) div.editor-wrapper td:not(.external-td), html:not([data-charte]) div.editor p:not(.feedback-message), html:not([data-charte]) div.editor li, html:not([data-charte]) div.editor th:not(.external-th), html:not([data-charte]) div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html:not([data-charte]) div.editor-wrapper p, html:not([data-charte]) div.editor p {
  margin: 1em 0;
}
html:not([data-charte]) div.editor-wrapper th, html:not([data-charte]) div.editor th {
  color: inherit;
  background-color: inherit;
}
html:not([data-charte]) div.editor-wrapper tr:nth-child(odd) td, html:not([data-charte]) div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html:not([data-charte]) div.editor-wrapper th[scope=col]:not(.external-th), html:not([data-charte]) div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html:not([data-charte]) div.editor-wrapper th[scope=row], html:not([data-charte]) div.editor th[scope=row] {
  text-align: left;
}
html:not([data-charte]) div.editor-wrapper strong, html:not([data-charte]) div.editor-wrapper b, html:not([data-charte]) div.editor-wrapper th:not(.external-th), html:not([data-charte]) div.editor strong, html:not([data-charte]) div.editor b, html:not([data-charte]) div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html:not([data-charte]) div.editor-wrapper table:not(.external-table), html:not([data-charte]) div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html:not([data-charte]) div.editor-wrapper div.editable-block {
  white-space: normal;
}
html:not([data-charte]) div.editor-wrapper div.editable-block ul, html:not([data-charte]) div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html:not([data-charte]) div.editor-wrapper div.editable-block li {
  margin: 0;
}
html:not([data-charte]) div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html:not([data-charte]) #side-bar-profile {
  position: relative;
}
html:not([data-charte]) #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html:not([data-charte]) #user-agency {
  position: relative;
  z-index: 2;
}
html:not([data-charte]) header#side-panel {
  color: #d84e38;
}
html:not([data-charte]) header#side-panel h1 a {
  display: contents;
}
html:not([data-charte]) .tooltip {
  z-index: 2000;
}
html:not([data-charte]) div.tooltip .tooltip-inner, html:not([data-charte]) div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html:not([data-charte]) figure {
  text-align: center;
}
html:not([data-charte]) figure img {
  margin: 0 auto;
}
html:not([data-charte]) figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #002f5a;
}
html:not([data-charte]) figcaption p + p {
  margin-top: 0.5em;
}
html:not([data-charte]) .feedback-message {
  color: #FFFFFF;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html:not([data-charte]) .feedback-message.negative {
  background-color: #fee6ea;
}
html:not([data-charte]) .feedback-message.warn {
  background-color: #fff2a9;
}
html:not([data-charte]) .feedback-message.hidden {
  display: none;
}
html:not([data-charte]) .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html:not([data-charte]) .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) h1 img {
    width: 100px;
    height: 39px;
  }
  html:not([data-charte]) #menu-control rect {
    opacity: 1;
  }
  html:not([data-charte]) #menu-control rect.active {
    opacity: 0;
  }
  html:not([data-charte]) #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html:not([data-charte]) .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html:not([data-charte]) .break-word {
  word-wrap: break-word;
}
html:not([data-charte]) .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html:not([data-charte]) .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html:not([data-charte]) section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html:not([data-charte]) section.login main {
  position: static;
  min-height: auto;
  background-color: #FFFFFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html:not([data-charte]) section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html:not([data-charte]) section.login h1::after {
  content: none;
}
html:not([data-charte]) section.login h1 img {
  width: 100px;
  height: 45px;
}
html:not([data-charte]) section.login h2 {
  font-size: 1.5em;
  background-color: #FFFFFF;
  margin-bottom: 1em;
}
html:not([data-charte]) section.login form p {
  margin: 0 auto 1rem;
}
html:not([data-charte]) section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #002f5a;
}
html:not([data-charte]) section.login .buttons-bar button {
  margin-left: 0;
}
html:not([data-charte]) .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html:not([data-charte]) section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html:not([data-charte]) dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html:not([data-charte]) dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html:not([data-charte]) nav.pagination li {
    margin: 0;
  }
  html:not([data-charte]) nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html:not([data-charte]) nav.pagination li.disabled {
    display: block;
  }
  html:not([data-charte]) div.card.label {
    display: flex;
    align-items: center;
  }
  html:not([data-charte]) div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html:not([data-charte]) div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html:not([data-charte]) div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html:not([data-charte]) div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html:not([data-charte]) div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html:not([data-charte]) div.bubble {
    min-width: 20em;
  }
  html:not([data-charte]) ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html:not([data-charte]) ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html:not([data-charte]) div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html:not([data-charte]) div.conversation > ul.actions-list {
    background-color: #E3E6E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html:not([data-charte]) #main-nav select {
    font-size: 100%;
  }
  html:not([data-charte]) p.template-selector {
    flex-basis: 80%;
  }
  html:not([data-charte]) p.template-selector input {
    width: 80%;
  }
  html:not([data-charte]) p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html:not([data-charte]) p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #002f5a;
  }
  html:not([data-charte]) div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html:not([data-charte]) div.personal-info form {
    flex-basis: 100%;
  }
  html:not([data-charte]) div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html:not([data-charte]) div.personal-info dl {
    flex: 1;
  }
  html:not([data-charte]) div.personal-info dt {
    font-size: 1em;
  }
  html:not([data-charte]) div.personal-info dd {
    font-size: 1.2em;
  }
  html:not([data-charte]) div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html:not([data-charte]) div.bubble {
    min-width: 35em;
  }
  html:not([data-charte]) div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html:not([data-charte]) section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html:not([data-charte]) section.participants h3 {
    flex-basis: 100%;
  }
  html:not([data-charte]) section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html:not([data-charte]) section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html:not([data-charte]) p, html:not([data-charte]) li, html:not([data-charte]) dt, html:not([data-charte]) dd {
    font-size: 1.1em;
  }
  html:not([data-charte]) summary {
    font-size: 1.1em;
  }
  html:not([data-charte]) p.request-email-body {
    font-size: 0.9em;
  }
  html:not([data-charte]) nav.pagination {
    margin-top: 1rem;
  }
  html:not([data-charte]) nav.pagination li {
    font-size: 0.95em;
  }
  html:not([data-charte]) ul.optional-status li, html:not([data-charte]) ul.metadata-list li {
    font-size: 0.9em;
  }
  html:not([data-charte]) p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html:not([data-charte]) section.participants ul.avatars li {
    font-size: 1em;
  }
  html:not([data-charte]) div.card {
    padding: 0.5rem;
  }
  html:not([data-charte]) div.card > div, html:not([data-charte]) div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html:not([data-charte]) div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html:not([data-charte]) div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html:not([data-charte]) div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html:not([data-charte]) div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html:not([data-charte]) div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html:not([data-charte]) div.card p {
    font-size: 0.95em;
  }
  html:not([data-charte]) div.card p.last-message {
    margin-left: auto;
  }
  html:not([data-charte]) div.card dt, html:not([data-charte]) div.card dd {
    font-size: 1em;
  }
  html:not([data-charte]) div.card a {
    text-decoration: none;
  }
  html:not([data-charte]) div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html:not([data-charte]) div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html:not([data-charte]) div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html:not([data-charte]) .go-away {
    padding-left: 2rem;
  }
  html:not([data-charte]) main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html:not([data-charte]) div.bubble {
    padding-left: 70px;
  }
  html:not([data-charte]) div.bubble.message-comment {
    padding-left: 50px;
  }
  html:not([data-charte]) div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html:not([data-charte]) div.bubble .u-photo, html:not([data-charte]) div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html:not([data-charte]) div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html:not([data-charte]) div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html:not([data-charte]) div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html:not([data-charte]) div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html:not([data-charte]) div.request {
    position: relative;
  }
  html:not([data-charte]) div.request dt, html:not([data-charte]) div.request dd {
    font-size: 0.95em;
  }
  html:not([data-charte]) div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html:not([data-charte]) div.request a:hover::after, html:not([data-charte]) div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) h2 {
    font-size: 2.5em;
  }
  html:not([data-charte]) h3 {
    font-size: 2em;
  }
  html:not([data-charte]) .collapsible h2, html:not([data-charte]) .collapsible h3 {
    font-size: 1.5em;
  }
  html:not([data-charte]) div.card h3 {
    font-size: 0.9em;
  }
  html:not([data-charte]) #container {
    display: flex;
  }
  html:not([data-charte]) #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html:not([data-charte]) #wrapper footer {
    display: none;
  }
  html:not([data-charte]) fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html:not([data-charte]) #main-nav select {
    padding-left: 1.5vw;
  }
  html:not([data-charte]) div.h-card {
    padding: 1.5vw 2vw;
  }
  html:not([data-charte]) div.h-card form {
    margin: 0 0 0 1rem;
  }
  html:not([data-charte]) div.grid-2thirds, html:not([data-charte]) div.grid-3cols, html:not([data-charte]) div.grid-2cols {
    margin-bottom: 4rem;
  }
  html:not([data-charte]) div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html:not([data-charte]) div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html:not([data-charte]) div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html:not([data-charte]) div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html:not([data-charte]) div.data-sheet {
    margin-bottom: 4rem;
  }
  html:not([data-charte]) h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html:not([data-charte]) ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html:not([data-charte]) div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html:not([data-charte]) table.transform th {
    display: none;
  }
  html:not([data-charte]) tr:nth-child(odd) td {
    background-color: #fff;
  }
  html:not([data-charte]) table.transform tr, html:not([data-charte]) table.transform td {
    display: block;
    text-align: left;
  }
  html:not([data-charte]) table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #d84e38;
  }
  html:not([data-charte]) table.transform td + td {
    border-top: 1px solid #002f5a;
  }
  html:not([data-charte]) table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html:not([data-charte]) table.transform tr td:first-of-type {
    background-color: #E3E6E8;
  }
  html:not([data-charte]) table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html:not([data-charte]) legend {
    font-size: 1.3em;
  }
  html:not([data-charte]) p.buttons-bar {
    text-align: left;
  }
  html:not([data-charte]) div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html:not([data-charte]) .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html:not([data-charte]) .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html:not([data-charte]) .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #002f5a;
    background-color: #FFFFFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html:not([data-charte]) .top-level > legend button.control[aria-expanded=false] {
    color: #d84e38;
    background-color: #d84e38;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html:not([data-charte]) main.demands .top-level > legend button.control {
    width: 12em;
  }
  html:not([data-charte]) .highlight {
    padding: 1rem;
  }
  html:not([data-charte]) .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html:not([data-charte]) .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html:not([data-charte]) div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html:not([data-charte]) div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html:not([data-charte]) div.actions-bar p, html:not([data-charte]) div.actions-bar fieldset {
    margin: 0;
  }
  html:not([data-charte]) div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html:not([data-charte]) div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html:not([data-charte]) div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html:not([data-charte]) div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html:not([data-charte]) main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html:not([data-charte]) main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html:not([data-charte]) div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html:not([data-charte]) div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #002f5a;
  }
  html:not([data-charte]) div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html:not([data-charte]) header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html:not([data-charte]) header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html:not([data-charte]) dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #002f5a;
  }
  html:not([data-charte]) dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html:not([data-charte]) dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html:not([data-charte]) dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html:not([data-charte]) dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html:not([data-charte]) div.bubble {
    margin-bottom: 2rem;
  }
  html:not([data-charte]) div.bubble div.content p:not(.buttons-bar), html:not([data-charte]) div.bubble div.content li {
    font-size: 1em;
  }
  html:not([data-charte]) #new-talk .divide {
    display: flex;
  }
  html:not([data-charte]) #new-talk .divide p {
    margin-right: 4rem;
  }
  html:not([data-charte]) div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html:not([data-charte]) section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #E3E6E8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html:not([data-charte]) section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html:not([data-charte]) section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html:not([data-charte]) section.participants dt {
    font-size: 1.5em;
  }
  html:not([data-charte]) section.participants div.h-card .u-photo, html:not([data-charte]) section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html:not([data-charte]) section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html:not([data-charte]) section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html:not([data-charte]) button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html:not([data-charte]) button.info img {
    width: 35px;
    height: 35px;
  }
  html:not([data-charte]) section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html:not([data-charte]) section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html:not([data-charte]) section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html:not([data-charte]) {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) div#side-panel-container.close {
    width: 0;
  }
  html:not([data-charte]) div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html:not([data-charte]) div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html:not([data-charte]) div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #FFFFFF;
    flex-direction: column-reverse;
  }
  html:not([data-charte]) div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #002f5a;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html:not([data-charte]) div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html:not([data-charte]) div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html:not([data-charte]) div.controled {
    background: #002f5a;
    border: none;
    box-shadow: none;
  }
  html:not([data-charte]) div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html:not([data-charte]) .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html:not([data-charte]) #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html:not([data-charte]) button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html:not([data-charte]) button.nav-control svg {
    display: none;
  }
  html:not([data-charte]) button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html:not([data-charte]) button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html:not([data-charte]) #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html:not([data-charte]) div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html:not([data-charte]) div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html:not([data-charte]) div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html:not([data-charte]) div.bubble .content p:not(.feedback-message), html:not([data-charte]) div.bubble .content li, html:not([data-charte]) div.bubble .content th:not(.external-th), html:not([data-charte]) div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html:not([data-charte]) div.bubble .content p {
  margin: 1em 0;
}
html:not([data-charte]) div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html:not([data-charte]) div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html:not([data-charte]) div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html:not([data-charte]) div.bubble .content th[scope=row] {
  text-align: left;
}
html:not([data-charte]) div.bubble .content strong, html:not([data-charte]) div.bubble .content b, html:not([data-charte]) div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html:not([data-charte]) div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html:not([data-charte]) div.bubble .content li, html:not([data-charte]) div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html:not([data-charte]) div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
}
html:not([data-charte]) div.bubble div.content {
  color: #002f5a;
  background-color: #ffe6e6;
}
html:not([data-charte]) section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html:not([data-charte]) .f-upload-editor {
  display: none;
}
html:not([data-charte]) section.login .buttons-bar {
  border-top: unset;
}
html:not([data-charte]) .f-size, html:not([data-charte]) .f-family {
  border: 1px solid #002f5a;
}
@media screen and (max-width: 440px) {
  html:not([data-charte]) div.actions-bar button.icon-check {
    height: 26px;
  }
}
html:not([data-charte]) h2 {
  color: #002f5a;
  border: none !important;
}
html:not([data-charte]) .ember-transitioning-in {
  color: #d84e38;
}
html:not([data-charte]) button:hover {
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-color: #002f5a !important;
  box-shadow: 0 0 11px rgba(0, 47, 90, 0.5);
}
html:not([data-charte]) .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent;
  border-color: #d84e38;
}
html:not([data-charte]) .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: #002f5a;
  border-color: #d84e38;
}
html:not([data-charte]) ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html:not([data-charte]) .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  color: #002f5a;
  background-color: #FFFFFF;
  border-color: #d84e38;
}
html:not([data-charte]) button.form-submit:not(.optional) {
  color: #002f5a;
  background-color: #d84e38;
  color: #FFFFFF !important;
  border-color: #E3E6E8;
  height: 45px;
  border-color: #d84e38;
}
html:not([data-charte]) button.form-submit:not(.optional):hover {
  background-color: #002f5a !important;
}
html:not([data-charte]) button.form-submit.optional {
  color: #002f5a;
  border-color: #E3E6E8;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html:not([data-charte]) button.form-reset {
  color: #002f5a;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html:not([data-charte]) .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #002f5a;
  background-color: transparent !important;
  border-color: #d84e38 !important;
}
html:not([data-charte]) div.dropdown ul {
  border-color: #d84e38;
  background-color: #E3E6E8;
}
html:not([data-charte]) .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent !important;
  border-color: transparent !important;
}
html:not([data-charte]) a.bt-create {
  color: #FFFFFF !important;
}
html:not([data-charte]) a.bt-create:hover {
  background-color: #002f5a;
}
html:not([data-charte]) [class*=icon-],
html:not([data-charte]) [class*=follow-] {
  text-indent: -500em;
  color: #d84e38;
  background-color: #002f5a !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html:not([data-charte]) .icon-info-simple {
  background-color: transparent;
}
html:not([data-charte]) [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html:not([data-charte]) [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html:not([data-charte]) .icon-info-simple,
html:not([data-charte]) .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html:not([data-charte]) div.card {
  border-bottom-color: #E3E6E8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html:not([data-charte]) div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html:not([data-charte]) div.conversation-message--owner-organization > div.bubble div.content {
  color: #d84e38;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html:not([data-charte]) div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html:not([data-charte]) .side-panel-footer {
  background-color: #FFFFFF;
  text-align: center;
}
html:not([data-charte]) .ember-transitioning-in {
  color: #d84e38 !important;
}
html:not([data-charte]) section.login h1 {
  background-color: #FFFFFF;
}
html:not([data-charte]) section.login h1 img {
  width: 75%;
  height: 75%;
}
html:not([data-charte]) div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23002f5a'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html:not([data-charte]) div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li > button:not(.color),
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attach,
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html:not([data-charte]) div.editor-wrapper ul.actions-list li > button.active:not(.color),
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html:not([data-charte]) div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html:not([data-charte]) .icon-info-simple {
  background-color: transparent !important;
}
html:not([data-charte]) select {
  border-color: #d84e38;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E");
}
html:not([data-charte]) input[type=search],
html:not([data-charte]) select {
  border-color: #d84e38;
  border-width: 1px;
  background-color: transparent;
  color: #d84e38;
}
html:not([data-charte]) button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23002f5a; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html:not([data-charte]) button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23002f5a' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html:not([data-charte]) #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E") !important;
}
html:not([data-charte]) legend {
  color: #002f5a;
}
html:not([data-charte]) label {
  color: #002f5a;
}
html:not([data-charte]) .side-panel-footer h1 {
  background-image: url("/assets/logo_msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html:not([data-charte]) div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html:not([data-charte]) #main-nav select {
  background-color: transparent !important;
}
html:not([data-charte]) div.controled.active .underlay {
  background-color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html:not([data-charte]) #ccSelector {
  display: none;
}
html:not([data-charte]) label[for=ccSelector] {
  display: none;
}
html:not([data-charte]) label[for=recipientSelector] + input {
  display: none;
}
html:not([data-charte]) label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html:not([data-charte]) label[for=recipientSelector] {
  display: none;
}
html:not([data-charte]) label[for=confidentiality] {
  display: none;
}
html:not([data-charte]) label[for=confidentiality] + select {
  display: none;
}
html:not([data-charte]) label[for=subject] {
  display: none !important;
}
html:not([data-charte]) label[for=subject] + input {
  display: none !important;
}
html:not([data-charte]) .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html:not([data-charte]) .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html:not([data-charte]) .conversation-message--owner-me .toAdresses {
  display: none;
}
html:not([data-charte]) .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html:not([data-charte]) .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html:not([data-charte]) .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html:not([data-charte]) .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html:not([data-charte]) .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html:not([data-charte]) .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html:not([data-charte]) .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html:not([data-charte]) h3.lastMessageDiplayName:after {
  content: "MSH";
}
html:not([data-charte]) .lastMessageDiplayName {
  text-transform: none;
}
html:not([data-charte]) #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23002f5a' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html:not([data-charte]) .tooltip .tooltiptext {
  padding: 1em !important;
}
html:not([data-charte]) ul.message-attachments {
  color: #002f5a;
}
html:not([data-charte]) .tree,
html:not([data-charte]) .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html:not([data-charte]) .tree {
  background: transparent;
  border: none;
}
html:not([data-charte]) .tree li:last-child {
  border: 0;
}
html:not([data-charte]) .section ul {
  display: none;
}
html:not([data-charte]) .section input[type=checkbox] {
  display: none;
}
html:not([data-charte]) .section input[type=radio] {
  display: none;
}
html:not([data-charte]) .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #002f5a;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html:not([data-charte]) .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html:not([data-charte]) .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html:not([data-charte]) .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html:not([data-charte]) .section input:checked ~ ul {
  display: block;
}
html:not([data-charte]) .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html:not([data-charte]) .section input:checked + label.labelThemeItem {
  color: #d84e38;
  border: 1px solid black;
}
html:not([data-charte]) .feedback-message {
  color: #002f5a;
}
html:not([data-charte]) .toast-close-button {
  background-color: transparent !important;
  color: #FFFFFF;
  font-size: larger;
  opacity: 1;
}
html:not([data-charte]) legend {
  color: #002f5a;
  padding: 3px 6px;
}
html:not([data-charte]) fieldset {
  border-color: #002f5a;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html:not([data-charte]) div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html:not([data-charte]) form.create-new {
  background-color: #FFFFFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html:not([data-charte]) select.selector {
  font-weight: bold !important;
}
html:not([data-charte]) .filetype {
  color: #FFFFFF !important;
  background-color: #002f5a !important;
}
html:not([data-charte]) .icon-zoom {
  background-color: #E3E6E8 !important;
}
html:not([data-charte]) .icon-zoom:hover {
  background-color: #E3E6E8 !important;
  box-shadow: 0 0 11px #002f5a;
}
html:not([data-charte]) .ember-tooltip {
  padding: 0.4em;
}
html:not([data-charte]) div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23002f5a'/%3E%3C/svg%3E");
}
html:not([data-charte]) div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html:not([data-charte]) div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html:not([data-charte]) div.controled {
  background: transparent;
}
html:not([data-charte]) .disconnection h1 {
  background-image: url("/assets/logo_msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html:not([data-charte]) .message-body th:not(.external-th), html:not([data-charte]) td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html:not([data-charte]) div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=prev] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=prev] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=prev] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=prev] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=prev] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=prev] div.user-data a, html[data-charte=prev] div.user-data a:visited {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=prev] div.user-data button {
  position: relative;
  font-size: 90%;
  color: #3B444F;
  background-color: #E3E6E8;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=prev] div.user-data button:focus, html[data-charte=prev] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=prev] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
  margin-bottom: 1rem;
}
html[data-charte=prev] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=prev] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=prev] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=prev] div.card header {
  padding-left: 2rem;
}
html[data-charte=prev] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #FFFFFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=prev] div.card dd {
  line-height: 1.3;
}
html[data-charte=prev] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=prev] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=prev] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=prev] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=prev] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=prev] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=prev] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=prev] span.status {
  display: inline-block;
}
html[data-charte=prev] div.h-card h2 a, html[data-charte=prev] div.h-card h2 a:visited {
  background-color: #0098AC;
}
html[data-charte=prev] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=prev] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=prev] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: #3B444F;
  background-color: #0098AC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=prev] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=prev] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=prev] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=prev] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=prev] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=prev] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=prev] .chip.default {
  font-size: 0.9rem;
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] ul.chips {
  justify-content: flex-start;
}
html[data-charte=prev] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=prev] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=prev] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFFFFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=prev] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=prev] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=prev] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=prev] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=prev] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=prev] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=prev] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=prev] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=prev] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=prev] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=prev] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=prev] div.personal-info div.avatar {
  background-color: #0098AC;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=prev] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=prev] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=prev] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=prev] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #0098AC;
}
html[data-charte=prev] main.settings div.data-sheet h4 {
  color: #0098AC;
  background-color: #fff;
}
html[data-charte=prev] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #0098AC;
}
html[data-charte=prev] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=prev] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=prev] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=prev] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=prev] main.conversation > header:first-child {
  display: block;
}
html[data-charte=prev] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=prev] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=prev] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=prev] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=prev] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=prev] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=prev] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=prev] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=prev] div.bubble h3 time {
  display: block;
}
html[data-charte=prev] div.bubble h3 strong {
  color: #3B444F;
}
html[data-charte=prev] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=prev] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=prev] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=prev] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #0098AC;
  border-left: 1px solid #0098AC;
}
html[data-charte=prev] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.bubble div.content {
  color: #3B444F;
  background-color: #0098AC;
  word-wrap: break-word;
}
html[data-charte=prev] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=prev] div.bubble div.content a {
  color: #3B444F;
}
html[data-charte=prev] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=prev] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=prev] div.bubble details div {
  display: flex;
}
html[data-charte=prev] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=prev] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=prev] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=prev] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=prev] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=prev] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #0098AC;
}
html[data-charte=prev] div.conversation-message--owner-organization > div.bubble div.content {
  color: #3B444F;
  background-color: #FFFFFF;
}
html[data-charte=prev] div.conversation-message--owner-organization > div.bubble div.content a {
  color: #3B444F;
}
html[data-charte=prev] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=prev] div.bubble.conversation-message-comments .content {
  color: #3B444F;
  background-color: #fff;
  border: 1px solid #0098AC;
}
html[data-charte=prev] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=prev] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=prev] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=prev] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=prev] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=prev] div.bubble.message-comment .content {
  background-color: #0098AC;
}
html[data-charte=prev] div.bubble.message-comment .u-photo, html[data-charte=prev] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=prev] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=prev] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
  margin: 1rem 0;
}
html[data-charte=prev] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=prev] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=prev] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=prev] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=prev] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=prev] .message-body blockquote {
  color: #3B444F;
}
html[data-charte=prev] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=prev] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=prev] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=prev] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=prev] ul.message-attachments {
  list-style-type: none;
  color: #E3E6E8;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=prev] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=prev] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=prev] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=prev] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #0098AC;
}
html[data-charte=prev] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #0098AC;
}
html[data-charte=prev] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=prev] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=prev] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=prev] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=prev] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=prev] div.editor ul.message-attachments {
  border-top: 2px solid #0098AC;
}
html[data-charte=prev] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=prev] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=prev] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=prev] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=prev] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=prev] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=prev] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=prev] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=prev] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #0098AC;
}
html[data-charte=prev] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=prev] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=prev] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.5rem;
}
html[data-charte=prev] div.request h4 .status {
  margin: 0;
}
html[data-charte=prev] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #0098AC;
}
html[data-charte=prev] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=prev] div.request dl div {
  display: flex;
}
html[data-charte=prev] div.request dt {
  flex-basis: 5em;
}
html[data-charte=prev] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=prev] div.editor, html[data-charte=prev] form.create-new {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #0098AC;
  border-radius: 0.3rem;
}
html[data-charte=prev] form.create-new {
  border: none;
}
html[data-charte=prev] div.editor h3 {
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=prev] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=prev] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=prev] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] p.template-selector {
  width: 100%;
}
html[data-charte=prev] p.template-selector input {
  width: 100%;
}
html[data-charte=prev] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=prev] div.mce-toolbar-grp button:hover, html[data-charte=prev] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] select, html[data-charte=prev] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=prev] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=prev] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=prev] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=prev] p.mandatory {
  text-align: right;
  color: #3B444F;
  background-color: #fff;
}
html[data-charte=prev] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=prev] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=prev] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #E3E6E8;
  border-radius: 100%;
}
html[data-charte=prev] .badge {
  color: #3B444F;
  background-color: #E3E6E8;
  margin-left: 1rem;
}
html[data-charte=prev] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=prev] nav.pagination ul {
  justify-content: center;
}
html[data-charte=prev] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=prev] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=prev] .chip.label-color-1 {
  color: #E3E6E8;
  background-color: #85D687;
}
html[data-charte=prev] .chip.label-color-2 {
  color: #E3E6E8;
  background-color: #90CBDA;
}
html[data-charte=prev] .chip.label-color-3 {
  color: #E3E6E8;
  background-color: #D1CE75;
}
html[data-charte=prev] .chip.label-color-4 {
  color: #E3E6E8;
  background-color: #E6B3E1;
}
html[data-charte=prev] .chip.label-color-5 {
  color: #E3E6E8;
  background-color: #D9AC8C;
}
html[data-charte=prev] #page-labels-settings div.card dt.label-color::before,
html[data-charte=prev] #main-nav li a.label-color::before,
html[data-charte=prev] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=prev] #page-labels-settings div.card dt.label-color::before,
html[data-charte=prev] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=prev] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=prev] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=prev] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=prev] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=prev] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #3B444F;
}
html[data-charte=prev] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=prev] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=prev] #main-nav li a.label-color.label-color-1::before,
html[data-charte=prev] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=prev] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=prev] #main-nav li a.label-color.label-color-2::before,
html[data-charte=prev] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=prev] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=prev] #main-nav li a.label-color.label-color-3::before,
html[data-charte=prev] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=prev] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=prev] #main-nav li a.label-color.label-color-4::before,
html[data-charte=prev] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=prev] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=prev] #main-nav li a.label-color.label-color-5::before,
html[data-charte=prev] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=prev] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=prev] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: #3B444F;
  background-color: #E3E6E8;
  padding-left: 2em;
}
html[data-charte=prev] div.actions-bar button.icon-check:hover, html[data-charte=prev] div.actions-bar button.icon-check:focus {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=prev] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=prev] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=prev] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=prev] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=prev] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=prev] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=prev] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #0098AC;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=prev] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=prev] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=prev] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #E3E6E8;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=prev] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=prev] div.project-card p.divided {
  color: #3B444F;
  padding: 0.3em 0;
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] div.project-card.details header {
  position: relative;
}
html[data-charte=prev] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=prev] div.project-card.details ul.actions-list {
  background-color: #E3E6E8;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=prev] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=prev] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=prev] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=prev] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=prev] html, html[data-charte=prev] body, html[data-charte=prev] div, html[data-charte=prev] span, html[data-charte=prev] object, html[data-charte=prev] iframe,
html[data-charte=prev] h1, html[data-charte=prev] h2, html[data-charte=prev] h3, html[data-charte=prev] h4, html[data-charte=prev] h5, html[data-charte=prev] h6, html[data-charte=prev] p, html[data-charte=prev] blockquote, html[data-charte=prev] pre,
html[data-charte=prev] a, html[data-charte=prev] abbr, html[data-charte=prev] address, html[data-charte=prev] big, html[data-charte=prev] cite, html[data-charte=prev] code,
html[data-charte=prev] del, html[data-charte=prev] dfn, html[data-charte=prev] em, html[data-charte=prev] form, html[data-charte=prev] img, html[data-charte=prev] ins, html[data-charte=prev] kbd, html[data-charte=prev] q, html[data-charte=prev] s, html[data-charte=prev] samp,
html[data-charte=prev] small, html[data-charte=prev] strike, html[data-charte=prev] strong, html[data-charte=prev] sub, html[data-charte=prev] sup, html[data-charte=prev] tt, html[data-charte=prev] var,
html[data-charte=prev] b, html[data-charte=prev] u, html[data-charte=prev] i, html[data-charte=prev] dl, html[data-charte=prev] dt, html[data-charte=prev] dd, html[data-charte=prev] ol, html[data-charte=prev] ul, html[data-charte=prev] li,
html[data-charte=prev] fieldset, html[data-charte=prev] form, html[data-charte=prev] label, html[data-charte=prev] legend,
html[data-charte=prev] table:not(.external-table),
html[data-charte=prev] caption:not(.external-caption), html[data-charte=prev] tbody, html[data-charte=prev] tfoot, html[data-charte=prev] thead,
html[data-charte=prev] tr:not(.external-tr),
html[data-charte=prev] th:not(.external-th),
html[data-charte=prev] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=prev] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=prev] header, html[data-charte=prev] footer, html[data-charte=prev] main, html[data-charte=prev] nav, html[data-charte=prev] aside, html[data-charte=prev] article, html[data-charte=prev] section, html[data-charte=prev] figure, html[data-charte=prev] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=prev] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #fff;
}
html[data-charte=prev] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=prev] h2, html[data-charte=prev] h3, html[data-charte=prev] h4, html[data-charte=prev] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=prev] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #E3E6E8;
  background-color: #fff;
}
html[data-charte=prev] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=prev] h3 {
  font-size: 1.2em;
  color: #0098AC;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #0098AC;
}
html[data-charte=prev] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] p, html[data-charte=prev] li, html[data-charte=prev] dt, html[data-charte=prev] dd, html[data-charte=prev] h5, html[data-charte=prev] th, html[data-charte=prev] td {
  font-size: 0.95em;
}
html[data-charte=prev] li li, html[data-charte=prev] li p, html[data-charte=prev] li dt, html[data-charte=prev] li dd {
  font-size: 100%;
}
html[data-charte=prev] a {
  color: #3B444F;
}
html[data-charte=prev] a:visited {
  opacity: 0.8;
}
html[data-charte=prev] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=prev] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=prev] img {
  max-width: 100%;
  border: none;
}
html[data-charte=prev] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=prev] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=prev] blockquote::before, html[data-charte=prev] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=prev] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=prev] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=prev] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=prev] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=prev] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #0098AC;
}
html[data-charte=prev] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=prev] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=prev] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=prev] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=prev] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=prev] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=prev] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=prev] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=prev] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=prev] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=prev] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=prev] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=prev] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=prev] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=prev] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=prev] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #0098AC;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=prev] button:hover {
  background-color: #E3E6E8;
}
html[data-charte=prev] button[disabled], html[data-charte=prev] .form-reset[disabled], html[data-charte=prev] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=prev] button[disabled]:hover, html[data-charte=prev] .form-reset[disabled]:hover, html[data-charte=prev] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #0098AC;
}
html[data-charte=prev] .form-submit.optional[disabled]:hover {
  color: #3B444F;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=prev] button.secondary {
  background-color: #0098AC;
}
html[data-charte=prev] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #0098AC;
  border-radius: 0.2em;
}
html[data-charte=prev] button.discret:hover, html[data-charte=prev] button.discret:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=prev] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #3B444F;
  background-color: #0098AC;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=prev] [class*=bt-]:hover {
  text-decoration: underline;
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] a[class*=bt-], html[data-charte=prev] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=prev] [class*=bt-]:hover, html[data-charte=prev] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=prev] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=prev] .bt-create:hover, html[data-charte=prev] .bt-create:focus {
  background-color: #E3E6E8;
}
html[data-charte=prev] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=prev] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=prev] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=prev] a.bt-link, html[data-charte=prev] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=prev] [class*=icon-], html[data-charte=prev] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #3B444F;
  background-color: #0098AC;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=prev] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #E3E6E8;
}
html[data-charte=prev] [class*=icon-].secondary {
  background-color: #0098AC;
}
html[data-charte=prev] [class*=icon-]:hover, html[data-charte=prev] [class*=icon-]:focus {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #E3E6E8;
}
html[data-charte=prev] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=prev] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=prev] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=prev] .icon-assign, html[data-charte=prev] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=prev] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=prev] .icon-pin, html[data-charte=prev] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=prev] .icon-pinned, html[data-charte=prev] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=prev] .icon-pinned:hover, html[data-charte=prev] .follow-true:hover, html[data-charte=prev] .icon-pinned:focus, html[data-charte=prev] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=prev] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=prev] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=prev] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=prev] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=prev] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=prev] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=prev] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=prev] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=prev] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=prev] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=prev] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=prev] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=prev] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #3B444F;
  background-color: #d83550;
}
html[data-charte=prev] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=prev] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=prev] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=prev] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=prev] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=prev] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=prev] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=prev] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=prev] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=prev] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=prev] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=prev] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=prev] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=prev] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=prev] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=prev] .icon-mark-as-unread, html[data-charte=prev] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=prev] .icon-mark-as-read {
  background-color: #0098AC;
}
html[data-charte=prev] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=prev] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=prev] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=prev] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=prev] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=prev] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=prev] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=prev] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=prev] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=prev] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=prev] button.icon-check:focus, html[data-charte=prev] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=prev] .icon-info-simple, html[data-charte=prev] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=prev] button.play, html[data-charte=prev] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=prev] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=prev] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=prev] button.icon-info-simple:hover, html[data-charte=prev] button.icon-info-simple:focus,
html[data-charte=prev] button.icon-back:hover, html[data-charte=prev] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #0098AC;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=prev] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #0098AC;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=prev] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=prev] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=prev] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=prev] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=prev] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=prev] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=prev] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=prev] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=prev] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=prev] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=prev] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=prev] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=prev] th:not(.external-th), html[data-charte=prev] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=prev] th:not(.external-th) {
  color: #3B444F;
  background-color: #E3E6E8;
  padding: 1em 0.5em;
}
html[data-charte=prev] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=prev] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=prev] th[scope=col]:not(.external-th) {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] th[scope=row] {
  text-align: left;
}
html[data-charte=prev] .main-form {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] form.main-form legend {
  background-color: #FFFFFF;
}
html[data-charte=prev] form p {
  margin-bottom: 1.5em;
}
html[data-charte=prev] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=prev] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=prev] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=prev] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=prev] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=prev] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=prev] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=prev] fieldset.single {
  padding: 1rem;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
}
html[data-charte=prev] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=prev] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #E3E6E8;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=prev] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #E3E6E8;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=prev] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=prev] input[type=text], html[data-charte=prev] input[type=password], html[data-charte=prev] input[type=date], html[data-charte=prev] input[type=url], html[data-charte=prev] input[type=tel],
html[data-charte=prev] input[type=time], html[data-charte=prev] input[type=email], html[data-charte=prev] input[type=number], html[data-charte=prev] input[type=search], html[data-charte=prev] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=prev] input[type=number], html[data-charte=prev] input[type=date], html[data-charte=prev] input[type=time] {
  padding: 0.6em;
}
html[data-charte=prev] [readonly] {
  color: #0098AC;
  background-color: #E3E6E8;
}
html[data-charte=prev] input[type=search]:focus {
  outline: 1px dotted #0098AC;
}
html[data-charte=prev] input[type=text]:focus, html[data-charte=prev] input[type=password]:focus, html[data-charte=prev] input[type=url]:focus,
html[data-charte=prev] input[type=date]:focus, html[data-charte=prev] input[type=search]:focus, html[data-charte=prev] select:focus {
  border-color: #0098AC;
}
html[data-charte=prev] input[type=url], html[data-charte=prev] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=prev] input[type=number] {
  width: 6em;
}
html[data-charte=prev] .has-error input {
  border-color: #f00;
}
html[data-charte=prev] .required {
  margin-bottom: 2rem;
}
html[data-charte=prev] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=prev] select::-ms-expand {
  display: none;
}
html[data-charte=prev] [type=submit], html[data-charte=prev] [type=reset], html[data-charte=prev] button.form-submit, html[data-charte=prev] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #0098AC;
  padding: 0.55em 1.5em;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=prev] [type=reset], html[data-charte=prev] button.form-reset {
  color: #E3E6E8;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=prev] [type=submit]:hover, html[data-charte=prev] [type=submit]:focus,
html[data-charte=prev] [type=submit].optional:hover, html[data-charte=prev] [type=submit].optional:focus,
html[data-charte=prev] [type=reset]:hover, html[data-charte=prev] [type=reset]:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=prev] button.form-submit:hover, html[data-charte=prev] button.form-submit:focus,
html[data-charte=prev] button.form-submit.optional:hover, html[data-charte=prev] button.form-submit.optional:focus,
html[data-charte=prev] button.form-reset:hover, html[data-charte=prev] button.form-reset:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=prev] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=prev] [type=submit] + [type=reset], html[data-charte=prev] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=prev] [type=submit].optional, html[data-charte=prev] button.form-submit.optional {
  color: #3B444F;
  background-color: #fff;
  border-color: #0098AC;
}
html[data-charte=prev] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #0098AC;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=prev] input[type=image]:hover {
  background-color: #E3E6E8;
}
html[data-charte=prev] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=prev] ::-webkit-input-placeholder, html[data-charte=prev] ::-moz-placeholder, html[data-charte=prev] :-moz-placeholder, html[data-charte=prev] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=prev] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=prev] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=prev] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=prev] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=prev] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=prev] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=prev] .highlight {
  background-color: #E3E6E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=prev] .highlight label, html[data-charte=prev] .top-level .highlight label {
  background-color: #E3E6E8;
}
html[data-charte=prev] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=prev] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=prev] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=prev] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=prev] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=prev] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=prev] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=prev] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=prev] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=prev] ul.choices {
  display: flex;
}
html[data-charte=prev] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=prev] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=prev] ul.choices.vertical {
  display: block;
}
html[data-charte=prev] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=prev] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=prev] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=prev] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=prev] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=prev] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=prev] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=prev] .form-makeup input:checked + label::before, html[data-charte=prev] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=prev] .form-makeup input:focus + label {
  outline: 1px dotted #3B444F;
}
html[data-charte=prev] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=prev] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=prev] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=prev] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=prev] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=prev] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=prev] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=prev] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=prev] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFFFFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=prev] .check-chips input:focus + label {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #0098AC;
}
html[data-charte=prev] .check-chips input:checked + label, html[data-charte=prev] .check-chips label.active {
  color: #3B444F;
  background-color: #0098AC;
  border-color: #0098AC;
}
html[data-charte=prev] .check-chips input[checked] + label {
  color: #3B444F;
  background-color: #0098AC;
  border-color: #0098AC;
}
html[data-charte=prev] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=prev] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=prev] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=prev] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=prev] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=prev] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=prev] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=prev] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=prev] .field-comment {
  font-size: 90%;
  color: #E3E6E8;
  padding: 0.3em;
}
html[data-charte=prev] div.error-messages {
  text-align: center;
  color: #0098AC;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=prev] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=prev] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=prev] input[aria-invalid=true] {
  color: #3B444F;
  background-color: #f00;
  border-color: #0098AC;
}
html[data-charte=prev] input[aria-invalid=true]:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #0098AC;
}
html[data-charte=prev] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=prev] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #0098AC;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=prev] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=prev] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=prev] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=prev] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=prev] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=prev] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #E3E6E8;
  transition: all 0.2s;
}
html[data-charte=prev] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=prev] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=prev] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=prev] div.card dl {
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=prev] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=prev] div.card dt, html[data-charte=prev] div.card dd {
  max-width: 100%;
}
html[data-charte=prev] div.card a.allover {
  text-decoration: none;
}
html[data-charte=prev] div.card a {
  text-decoration: none;
}
html[data-charte=prev] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=prev] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=prev] div.card.unread a, html[data-charte=prev] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #0098AC;
}
html[data-charte=prev] div.card.read a, html[data-charte=prev] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
}
html[data-charte=prev] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=prev] span.social-icon img {
  width: 16px;
}
html[data-charte=prev] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=prev] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=prev] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=prev] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=prev] div.card.confidential em {
  font-style: italic;
}
html[data-charte=prev] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=prev] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3B444F;
  background-color: #0098AC;
  padding: 1rem;
}
html[data-charte=prev] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=prev] div.h-card form p {
  margin: 0;
}
html[data-charte=prev] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #3B444F;
  background-color: #0098AC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=prev] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #0098AC;
  margin: 0;
}
html[data-charte=prev] div.h-card h2 a, html[data-charte=prev] div.h-card h2 a:visited {
  text-decoration: none;
  color: #3B444F;
}
html[data-charte=prev] div.h-card h2 a:hover, html[data-charte=prev] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=prev] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=prev] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=prev] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=prev] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=prev] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=prev] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=prev] div.spinner strong {
  display: block;
}
html[data-charte=prev] div.spinner ::before, html[data-charte=prev] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=prev] div.spinner p::before,
html[data-charte=prev] div.spinner p::after,
html[data-charte=prev] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=prev] div.spinner.ease-in-out ::before, html[data-charte=prev] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #0098AC;
}
html[data-charte=prev] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=prev] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=prev] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=prev] div.spinner.cubic-bezier ::before, html[data-charte=prev] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #0098AC;
}
html[data-charte=prev] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=prev] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=prev] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #0098AC;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #0098AC;
  }
}
html[data-charte=prev] div.spinner.ease-in-out-fill ::before, html[data-charte=prev] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=prev] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=prev] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=prev] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=prev] div.spinner.linear-dot ::before, html[data-charte=prev] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #0098AC;
}
html[data-charte=prev] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=prev] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=prev] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=prev] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=prev] div.spinner.linear-circle ::before, html[data-charte=prev] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=prev] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=prev] div.spinner.linear-circle p::before,
html[data-charte=prev] div.spinner.linear-circle strong::before,
html[data-charte=prev] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=prev] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=prev] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=prev] div.spinner.progress-bar ::before, html[data-charte=prev] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=prev] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=prev] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=prev] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=prev] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=prev] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=prev] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #E3E6E8;
  border-radius: 5px;
}
html[data-charte=prev] .box-animation .box {
  background: #0098AC;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=prev] .box1, html[data-charte=prev] .box4, html[data-charte=prev] .box8, html[data-charte=prev] .box11, html[data-charte=prev] .box13, html[data-charte=prev] .box16, html[data-charte=prev] .box20 {
  animation-name: quiet;
}
html[data-charte=prev] .box2, html[data-charte=prev] .box6, html[data-charte=prev] .box10, html[data-charte=prev] .box14, html[data-charte=prev] .box17, html[data-charte=prev] .box19 {
  animation-name: normal;
}
html[data-charte=prev] .box3, html[data-charte=prev] .box5, html[data-charte=prev] .box7, html[data-charte=prev] .box9, html[data-charte=prev] .box12, html[data-charte=prev] .box15, html[data-charte=prev] .box18 {
  animation-name: loud;
}
html[data-charte=prev] [class*=icon-].icon-reading-speed {
  background-color: #0098AC;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=prev] [class*=icon-].icon-reading-speed:hover {
  background-color: #E3E6E8;
}
html[data-charte=prev] [class*=icon-].icon-volume {
  background-color: #0098AC;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=prev] [class*=icon-].icon-volume:hover {
  background-color: #E3E6E8;
}
html[data-charte=prev] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #3B444F;
  background-color: #000;
  /*IE*/
  background-color: #E3E6E8;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=prev] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #E3E6E8;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=prev] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=prev] .show-icons a:hover + .tooltip, html[data-charte=prev] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=prev] .alternative-alt:hover, html[data-charte=prev] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=prev] .alternative-alt:hover::before, html[data-charte=prev] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: #3B444F;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=prev] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=prev] .ember-basic-dropdown, html[data-charte=prev] .ember-basic-dropdown-content, html[data-charte=prev] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=prev] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=prev] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=prev] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=prev] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=prev] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=prev] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #0098AC;
}
html[data-charte=prev] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=prev] .ember-power-select-options li:hover, html[data-charte=prev] .ember-power-select-options li:focus {
  background-color: #0098AC;
}
html[data-charte=prev] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=prev] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=prev] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=prev] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=prev] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=prev] .ember-power-select-trigger:focus,
html[data-charte=prev] .ember-power-select-trigger--active {
  border-top: 2px solid #0098AC;
  box-shadow: none;
}
html[data-charte=prev] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=prev] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=prev] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=prev] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=prev] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=prev] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=prev] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=prev] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=prev] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=prev] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=prev] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #3B444F;
  background-color: #E3E6E8;
  z-index: 1020;
}
html[data-charte=prev] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=prev] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=prev] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=prev] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #0098AC;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=prev] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=prev] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=prev] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #0098AC;
}
html[data-charte=prev] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=prev] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=prev] div.controled.active {
  margin-left: 0;
}
html[data-charte=prev] div.controled div.content {
  display: none;
}
html[data-charte=prev] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=prev] div.controled > * {
  pointer-events: auto;
}
html[data-charte=prev] .underlay {
  opacity: 0;
}
html[data-charte=prev] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=prev] #main-nav h2 {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] #main-nav h2::before {
  content: none;
}
html[data-charte=prev] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=prev] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #0098AC;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=prev] button.nav-control:focus {
  outline-color: #0098AC;
}
html[data-charte=prev] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=prev] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=prev] #menu-control polygon {
  fill: #0098AC;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=prev] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=prev] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=prev] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=prev] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #E3E6E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=prev] #main-nav li a, html[data-charte=prev] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #3B444F;
  background-color: #E3E6E8;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=prev] #main-nav li a:focus, html[data-charte=prev] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=prev] #main-nav li a::after, html[data-charte=prev] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #E3E6E8;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=prev] #main-nav li a.active::after,
html[data-charte=prev] #main-nav li a:hover::after,
html[data-charte=prev] #main-nav li a:focus::after {
  background-color: #0098AC;
}
html[data-charte=prev] #main-nav li button:hover::after,
html[data-charte=prev] #main-nav li button:focus::after {
  background-color: #0098AC;
}
html[data-charte=prev] #main-nav li.active > button:first-child::after {
  background-color: #0098AC;
}
html[data-charte=prev] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #3B444F;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=prev] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=prev] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=prev] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=prev] .simplebar-offset {
  width: 100%;
}
html[data-charte=prev] #main-nav li a.bt-create, html[data-charte=prev] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #0098AC;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=prev] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=prev] #main-nav li a.bt-create:hover, html[data-charte=prev] #main-nav li a.bt-create:focus {
  background-color: #0098AC;
}
html[data-charte=prev] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #0098AC;
}
html[data-charte=prev] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=prev] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=prev] #main-nav button.has-level2, html[data-charte=prev] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=prev] #main-nav button.has-level2::after, html[data-charte=prev] #main-nav a.has-level2::after,
html[data-charte=prev] #main-nav button.has-level2:hover::after, html[data-charte=prev] #main-nav a.has-level2:hover::after,
html[data-charte=prev] #main-nav button.has-level2:focus::after, html[data-charte=prev] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=prev] #main-nav button.collapse::after,
html[data-charte=prev] #main-nav button.collapse:hover::after,
html[data-charte=prev] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=prev] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=prev] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=prev] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #3B444F;
  background-color: #0098AC;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=prev] p.uploader input:focus + label.icon-file-uploader {
  background-color: #E3E6E8;
}
html[data-charte=prev] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=prev] div.modal[aria-hidden=false], html[data-charte=prev] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=prev] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=prev] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=prev] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=prev] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=prev] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=prev] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=prev] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=prev] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=prev] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=prev] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=prev] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=prev] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=prev] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #0098AC;
  border-radius: 0.2em;
}
html[data-charte=prev] div.dropdown button.dd-trigger:hover, html[data-charte=prev] div.dropdown button.dd-trigger:focus {
  border-color: #0098AC;
}
html[data-charte=prev] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=prev] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=prev] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=prev] div.dropdown ul button,
html[data-charte=prev] div.dropdown ul a,
html[data-charte=prev] div.dropdown ul [class*=icon-],
html[data-charte=prev] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #3B444F;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=prev] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=prev] div.dropdown ul button:hover, html[data-charte=prev] div.dropdown ul a:hover,
html[data-charte=prev] div.dropdown ul button:focus, html[data-charte=prev] div.dropdown ul a:focus,
html[data-charte=prev] div.dropdown ul [class*=icon-]:focus, html[data-charte=prev] div.dropdown ul [class*=icon-]:hover,
html[data-charte=prev] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=prev] div.dropdown ul [class*=icon-].secondary:hover {
  color: #3B444F;
  background-color: #FFFFFF;
}
html[data-charte=prev] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=prev] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=prev] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=prev] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=prev] nav.pagination li:not(.page) + li.page, html[data-charte=prev] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=prev] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=prev] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=prev] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=prev] nav.pagination li.disabled {
  display: none;
}
html[data-charte=prev] nav.pagination a, html[data-charte=prev] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #3B444F;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=prev] nav.pagination a.firstPage, html[data-charte=prev] nav.pagination a.previousPage, html[data-charte=prev] nav.pagination a.nextPage, html[data-charte=prev] nav.pagination a.lastPage, html[data-charte=prev] nav.pagination li button.firstPage, html[data-charte=prev] nav.pagination li button.previousPage, html[data-charte=prev] nav.pagination li button.nextPage, html[data-charte=prev] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=prev] nav.pagination a.firstPage, html[data-charte=prev] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=prev] nav.pagination a.previousPage, html[data-charte=prev] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=prev] nav.pagination a.nextPage, html[data-charte=prev] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=prev] nav.pagination a.lastPage, html[data-charte=prev] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=prev] nav.pagination a:hover, html[data-charte=prev] nav.pagination a:focus, html[data-charte=prev] nav.pagination li.active a,
html[data-charte=prev] nav.pagination li button:hover, html[data-charte=prev] nav.pagination li button:focus, html[data-charte=prev] nav.pagination li.active button {
  border-bottom-color: #0098AC;
}
html[data-charte=prev] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=prev] nav.pagination li.shortcut a, html[data-charte=prev] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=prev] select.selector, html[data-charte=prev] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=prev] .has-error input, html[data-charte=prev] .has-error select, html[data-charte=prev] .has-error textarea {
  border-color: #f00;
}
html[data-charte=prev] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=prev] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=prev] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=prev] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=prev] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=prev] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=prev] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=prev] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=prev] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=prev] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=prev] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=prev] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=prev] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=prev] div.editor {
  position: relative;
}
html[data-charte=prev] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=prev] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=prev] p + div.editor {
  margin-top: 1em;
}
html[data-charte=prev] div.editor-wrapper a, html[data-charte=prev] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=prev] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=prev] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #E3E6E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li > button,
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #E3E6E8;
  padding: 0;
  border: none;
}
html[data-charte=prev] strong, html[data-charte=prev] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=prev] em, html[data-charte=prev] i {
  font-style: italic;
}
html[data-charte=prev] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=prev] div.editor-wrapper div.editable-block p, html[data-charte=prev] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=prev] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFFFFF;
}
html[data-charte=prev] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=prev] .has-error div.editor-wrapper div.editable-block,
html[data-charte=prev] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=prev] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=prev] div.editor-wrapper div.editable-block:focus, html[data-charte=prev] div.editor-wrapper div.editable-block:hover {
  border-color: #0098AC;
}
html[data-charte=prev] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #0098AC;
}
html[data-charte=prev] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=prev] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=prev] select.models, html[data-charte=prev] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=prev] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=prev] .contentEditableValue {
  display: none;
}
html[data-charte=prev] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=prev] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=prev] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #0098AC;
}
html[data-charte=prev] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=prev] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=prev] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=prev] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=prev] #color-poly {
  display: none;
}
html[data-charte=prev] #color-poly.active {
  display: block;
}
html[data-charte=prev] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=prev] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=prev] button.color:hover, html[data-charte=prev] button.color:focus {
  border-top-color: #3B444F;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #3B444F;
}
html[data-charte=prev] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=prev] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFFFFF;
  border: 1px solid #0098AC;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=prev] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #0098AC;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #0098AC;
}
html[data-charte=prev] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=prev] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=prev] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=prev] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=prev] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=prev] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=prev] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=prev] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=prev] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=prev] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=prev] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=prev] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=prev] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=prev] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=prev] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=prev] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=prev] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=prev] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=prev] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #E3E6E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=prev] div.format-options.active {
  display: block;
}
html[data-charte=prev] div.format-options p {
  margin: 0;
}
html[data-charte=prev] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=prev] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=prev] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=prev] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=prev] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #3B444F;
  background-color: #0098AC;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=prev] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=prev] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=prev] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=prev] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=prev] mark {
  cursor: help;
}
html[data-charte=prev] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=prev] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=prev] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=prev] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=prev] b ul.sc-options li, html[data-charte=prev] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=prev] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=prev] em ul.sc-options li, html[data-charte=prev] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=prev] ul.sc-options li:hover, html[data-charte=prev] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=prev] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #0098AC;
}
html[data-charte=prev] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=prev] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #0098AC;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=prev] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #0098AC;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=prev] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #0098AC;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=prev] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #E3E6E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #0098AC;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=prev] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=prev] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=prev] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=prev] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #E3E6E8;
  cursor: default;
  z-index: 1;
}
html[data-charte=prev] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #E3E6E8;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=prev] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=prev] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=prev] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=prev] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=prev] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=prev] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=prev] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #E3E6E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=prev] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=prev] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=prev] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=prev] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] select, html[data-charte=prev] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=prev] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=prev] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=prev] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #3B444F;
  padding: 1rem;
  background-color: #0098AC;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=prev] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=prev] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=prev] section.participants div.h-card .u-photo, html[data-charte=prev] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=prev] main.conversation section.participants ul.actions-list,
html[data-charte=prev] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=prev] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=prev] ul.avatars {
  list-style-type: none;
  background-color: #E3E6E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=prev] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=prev] ul.avatars li + li {
  border-top: 1px dotted #0098AC;
}
html[data-charte=prev] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=prev] div.actions-bar {
  color: #3B444F;
  background-color: #E3E6E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.actions-bar p, html[data-charte=prev] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=prev] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=prev] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=prev] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] div.actions-bar .radio-chips label {
  border: 1px solid #0098AC;
}
html[data-charte=prev] div.actions-bar .radio-chips input:hover + label, html[data-charte=prev] div.actions-bar .radio-chips input:focus + label {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #0098AC;
}
html[data-charte=prev] div.actions-bar .radio-chips input:checked + label {
  color: #3B444F;
  background-color: #0098AC;
  border-color: #0098AC;
}
html[data-charte=prev] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=prev] div.actions-bar > * {
  padding: 0;
}
html[data-charte=prev] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=prev] .collapsible h3, html[data-charte=prev] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=prev] .collapsible > .content {
  display: none;
}
html[data-charte=prev] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFFFFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=prev] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=prev] .collapsible button.control[aria-expanded=true] {
  background-color: #0098AC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=prev] .collapsible.top-level button.control {
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] fieldset.collapsible.sub-group {
  border-top: 1px solid #0098AC;
  margin-bottom: 1rem;
}
html[data-charte=prev] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=prev] fieldset.collapsible.sub-group button.control {
  color: #3B444F;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=prev] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=prev] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=prev] .collapsible.top-level button.control[aria-expanded=true] {
    color: #E3E6E8;
    background-color: #FFFFFF;
  }
  html[data-charte=prev] header .collapsible {
    width: 100%;
  }
  html[data-charte=prev] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=prev] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #0098AC;
}
html[data-charte=prev] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=prev] ul.tabs li a, html[data-charte=prev] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=prev] ul.tabs li a:hover, html[data-charte=prev] ul.tabs li a:focus {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=prev] ul.tabs li.active a, html[data-charte=prev] ul.tabs li.active a:visited {
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=prev] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=prev] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=prev] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #3B444F;
  background-color: #0098AC;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=prev] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=prev] .top-level label {
  background-color: #FFFFFF;
}
html[data-charte=prev] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=prev] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=prev] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=prev] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=prev] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=prev] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=prev] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=prev] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=prev] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=prev] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=prev] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #0098AC;
}
html[data-charte=prev] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=prev] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=prev] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #0098AC;
}
html[data-charte=prev] details.special li {
  font-size: 0.7em;
}
html[data-charte=prev] details.simple {
  color: #3B444F;
  padding: 0;
  border: none;
}
html[data-charte=prev] details.simple summary {
  font-size: 80%;
  color: #3B444F;
  margin-top: 1em;
}
html[data-charte=prev] details.simple summary::after {
  content: " +";
}
html[data-charte=prev] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=prev] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=prev] .nowrap {
  white-space: nowrap;
}
html[data-charte=prev] hr {
  border: none;
  border-top: 1px dotted #0098AC;
  margin-bottom: 1rem;
}
html[data-charte=prev] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=prev] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=prev] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=prev] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=prev] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=prev] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=prev] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=prev] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=prev] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=prev] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=prev] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=prev] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=prev] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=prev] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #0098AC;
}
html[data-charte=prev] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=prev] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=prev] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=prev] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=prev] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=prev] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=prev] .form-makeup input:checked + label::before, html[data-charte=prev] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=prev] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=prev] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=prev] button[disabled], html[data-charte=prev] .form-reset[disabled], html[data-charte=prev] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #0098AC;
  }
  html[data-charte=prev] button[disabled]:hover, html[data-charte=prev] .form-reset[disabled]:hover, html[data-charte=prev] .form-submit[disabled]:hover {
    background-color: #0098AC;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=prev] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=prev] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=prev] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=prev] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=prev] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=prev] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=prev] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=prev] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=prev] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=prev] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=prev] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=prev] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=prev] div.datepickerDialog caption button {
  background-color: #FFFFFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=prev] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=prev] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=prev] div.datepickerDialog th, html[data-charte=prev] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=prev] div.datepickerDialog th {
  background-color: #FFFFFF;
}
html[data-charte=prev] div.datepickerDialog td button {
  width: 100%;
  color: #3B444F;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=prev] div.datepickerDialog td button:hover, html[data-charte=prev] div.datepickerDialog td button:focus {
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] div.datepickerDialog td button.disabled {
  color: #0098AC;
  background-color: #fff;
}
html[data-charte=prev] div.datepickerDialog p.buttons-bar, html[data-charte=prev] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #E3E6E8;
}
html[data-charte=prev] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=prev] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=prev] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=prev] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=prev] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=prev] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=prev] .icon-zoom:hover {
  background-color: #FFFFFF;
}
html[data-charte=prev] .icon-zoom:focus {
  background-color: #0098AC;
}
html[data-charte=prev] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=prev] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=prev] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=prev] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=prev] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=prev] .preview-page a i:focus {
  outline: none;
}
html[data-charte=prev] .preview-page a i:hover {
  outline: none;
}
html[data-charte=prev] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=prev] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=prev] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=prev] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=prev] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=prev] .pagination-item {
  align-items: baseline;
}
html[data-charte=prev] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=prev] .icon-zoom {
  position: inherit;
}
html[data-charte=prev] figure.img-container img {
  width: 100%;
}
html[data-charte=prev] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=prev] div.editor-wrapper .audio, html[data-charte=prev] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #0098AC;
}
html[data-charte=prev] div.editor-wrapper .audio, html[data-charte=prev] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=prev] div.editor-wrapper .audio, html[data-charte=prev] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #E3E6E8;
}
html[data-charte=prev] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=prev] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=prev] .audio-preview {
  justify-content: center;
}
html[data-charte=prev] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=prev] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=prev] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=prev] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=prev] .audio-message, html[data-charte=prev] .audio-record, html[data-charte=prev] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=prev] .audio-message audio, html[data-charte=prev] .audio-record audio, html[data-charte=prev] .audio audio {
  background: #fff;
  border: 2px solid #E3E6E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=prev] .audio-message .icon-download.voice-message, html[data-charte=prev] .audio-record .icon-download.voice-message, html[data-charte=prev] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=prev] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=prev] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=prev] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=prev] .audio {
  min-width: 20rem;
}
html[data-charte=prev] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=prev] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=prev] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=prev] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=prev] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=prev] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=prev] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=prev] #volume-control, html[data-charte=prev] #speed-control {
  display: none;
}
html[data-charte=prev] #volume-control > input, html[data-charte=prev] #speed-control > input {
  width: 65px;
}
html[data-charte=prev] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=prev] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=prev] #volume-control[aria-hidden=false], html[data-charte=prev] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=prev] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=prev] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=prev] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #0098AC;
}
html[data-charte=prev] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #E3E6E8;
}
html[data-charte=prev] input[type=range] {
  -webkit-appearance: none;
  background-color: #0098AC;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=prev] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #0098AC;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=prev] div.files-list {
  margin-top: 20px;
}
html[data-charte=prev] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=prev] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #0098AC;
}
html[data-charte=prev] ul.add-list li {
  padding: 0;
}
html[data-charte=prev] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=prev] .icon-share, html[data-charte=prev] .icon-edit, html[data-charte=prev] .icon-info,
html[data-charte=prev] .icon-upload, html[data-charte=prev] .icon-close, html[data-charte=prev] .icon-info-close,
html[data-charte=prev] .icon-notify, html[data-charte=prev] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=prev] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=prev] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=prev] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=prev] .icon-info, html[data-charte=prev] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=prev] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=prev] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=prev] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=prev] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=prev] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=prev] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=prev] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=prev] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=prev] main > header.simple:first-child {
  display: block;
}
html[data-charte=prev] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=prev] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFFFFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #0098AC;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.project-card.closed {
  border-color: #0098AC;
}
html[data-charte=prev] div.project-card::before, html[data-charte=prev] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=prev] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=prev] div.project-card.closed {
  border-color: #0098AC;
}
html[data-charte=prev] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=prev] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFFFFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=prev] div.project-card h4 a {
  color: #3B444F;
  background-color: #FFFFFF;
}
html[data-charte=prev] div.project-card h4 a:visited {
  color: #0098AC;
  background-color: #FFFFFF;
}
html[data-charte=prev] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=prev] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=prev] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=prev] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=prev] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=prev] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFFFFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=prev] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #3B444F;
}
html[data-charte=prev] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=prev] header p.description {
  font-size: 1.2em;
}
html[data-charte=prev] div.project-card .content {
  margin-top: auto;
}
html[data-charte=prev] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #0098AC;
  border-bottom: 1px solid #0098AC;
}
html[data-charte=prev] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=prev] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=prev] dl.project-info dt, html[data-charte=prev] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=prev] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=prev] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=prev] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=prev] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=prev] div.project-sheet {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=prev] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=prev] p.assignment strong {
  display: block;
}
html[data-charte=prev] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #0098AC;
}
html[data-charte=prev] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=prev] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=prev] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=prev] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=prev] #add-doc-form ul.choices input:checked + label {
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] #add-doc-form ul.choices label:hover {
  color: #3B444F;
  background-color: #0098AC;
}
html[data-charte=prev] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=prev] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] main.projects .h-card button.info {
  display: none;
}
html[data-charte=prev] main.projects section.requests h3 {
  display: none;
}
html[data-charte=prev] section.project-folder {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=prev] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #3B444F;
  background: #0098AC url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=prev] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=prev] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=prev] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=prev] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=prev] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=prev] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=prev] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=prev] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=prev] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=prev] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #0098AC;
}
html[data-charte=prev] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #E3E6E8;
}
html[data-charte=prev] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=prev] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=prev] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=prev] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=prev] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=prev] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=prev] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=prev] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=prev] ul.files-list {
  list-style-type: none;
}
html[data-charte=prev] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=prev] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #0098AC;
  border-radius: 100%;
}
html[data-charte=prev] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=prev] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=prev] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=prev] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=prev] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=prev] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
}
html[data-charte=prev] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=prev] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=prev] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #0098AC;
  border-radius: 0.3rem;
}
html[data-charte=prev] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=prev] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=prev] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=prev] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=prev] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=prev] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=prev] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=prev] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=prev] div.project-card h4 a, html[data-charte=prev] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=prev] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=prev] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=prev] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=prev] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=prev] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #0098AC;
  }
  html[data-charte=prev] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=prev] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=prev] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=prev] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=prev] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=prev] p.nature {
    flex: 1;
  }
  html[data-charte=prev] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=prev] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=prev] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=prev] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=prev] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=prev] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=prev] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=prev] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=prev] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=prev] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=prev] ul.treeview button.element-button:hover, html[data-charte=prev] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=prev] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=prev] ul.treeview ul.active {
  display: block;
}
html[data-charte=prev] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=prev] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=prev] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=prev] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=prev] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=prev] ul.treeview button.deploy, html[data-charte=prev] ul.treeview button.element {
  color: #3B444F;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=prev] ul.treeview button.deploy, html[data-charte=prev] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=prev] ul.treeview button:focus, html[data-charte=prev] ul.treeview button:hover, html[data-charte=prev] ul.treeview button.active {
  background-color: #FFFFFF;
}
html[data-charte=prev] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=prev] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=prev] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=prev] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=prev] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=prev] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=prev] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=prev] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=prev] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=prev] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=prev] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=prev] .treeview-search-combo > .treeview {
  border: 1px solid #0098AC;
  padding: 5px 0;
}
html[data-charte=prev] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=prev] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=prev] .treeview-search-combo button.element.highlight, html[data-charte=prev] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=prev] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=prev] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=prev] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=prev] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=prev] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=prev] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=prev] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=prev] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=prev] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=prev] #absences-calendar ul.actions-list, html[data-charte=prev] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=prev] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=prev] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=prev] #absences-calendar .icon-next, html[data-charte=prev] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=prev] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=prev] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=prev] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=prev] table.plan-grid th, html[data-charte=prev] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=prev] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=prev] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=prev] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=prev] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=prev] table.plan-grid tr td:first-of-type, html[data-charte=prev] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=prev] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=prev] table.plan-grid div p {
  display: none;
}
html[data-charte=prev] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=prev] table.plan-grid div:hover p, html[data-charte=prev] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=prev] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=prev] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=prev] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=prev] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=prev] #absences-calendar ul.actions-list, html[data-charte=prev] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=prev] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=prev] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=prev] table.plan-grid thead {
    display: none;
  }
  html[data-charte=prev] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=prev] table.plan-grid td, html[data-charte=prev] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=prev] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=prev] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=prev] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=prev] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=prev] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=prev] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=prev] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=prev] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=prev] table.plan-grid div:hover p, html[data-charte=prev] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=prev] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=prev] table.plan-grid div:hover p, html[data-charte=prev] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=prev] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=prev] div.editor-wrapper a, html[data-charte=prev] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=prev] div.editor-wrapper a:visited, html[data-charte=prev] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=prev] div.editor-wrapper p:not(.feedback-message), html[data-charte=prev] div.editor-wrapper li, html[data-charte=prev] div.editor-wrapper th:not(.external-th), html[data-charte=prev] div.editor-wrapper td:not(.external-td), html[data-charte=prev] div.editor p:not(.feedback-message), html[data-charte=prev] div.editor li, html[data-charte=prev] div.editor th:not(.external-th), html[data-charte=prev] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=prev] div.editor-wrapper p, html[data-charte=prev] div.editor p {
  margin: 1em 0;
}
html[data-charte=prev] div.editor-wrapper th, html[data-charte=prev] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=prev] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=prev] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=prev] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=prev] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=prev] div.editor-wrapper th[scope=row], html[data-charte=prev] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=prev] div.editor-wrapper strong, html[data-charte=prev] div.editor-wrapper b, html[data-charte=prev] div.editor-wrapper th:not(.external-th), html[data-charte=prev] div.editor strong, html[data-charte=prev] div.editor b, html[data-charte=prev] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=prev] div.editor-wrapper table:not(.external-table), html[data-charte=prev] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=prev] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=prev] div.editor-wrapper div.editable-block ul, html[data-charte=prev] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=prev] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=prev] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=prev] #side-bar-profile {
  position: relative;
}
html[data-charte=prev] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=prev] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=prev] header#side-panel {
  color: #3B444F;
}
html[data-charte=prev] header#side-panel h1 a {
  display: contents;
}
html[data-charte=prev] .tooltip {
  z-index: 2000;
}
html[data-charte=prev] div.tooltip .tooltip-inner, html[data-charte=prev] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=prev] figure {
  text-align: center;
}
html[data-charte=prev] figure img {
  margin: 0 auto;
}
html[data-charte=prev] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #0098AC;
}
html[data-charte=prev] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=prev] .feedback-message {
  color: #E3E6E8;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=prev] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=prev] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=prev] .feedback-message.hidden {
  display: none;
}
html[data-charte=prev] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=prev] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=prev] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=prev] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=prev] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=prev] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=prev] .break-word {
  word-wrap: break-word;
}
html[data-charte=prev] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=prev] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=prev] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=prev] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFFFFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=prev] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #3B444F;
  background-color: #0098AC;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=prev] section.login h1::after {
  content: none;
}
html[data-charte=prev] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=prev] section.login h2 {
  font-size: 1.5em;
  background-color: #FFFFFF;
  margin-bottom: 1em;
}
html[data-charte=prev] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=prev] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #0098AC;
}
html[data-charte=prev] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=prev] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=prev] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=prev] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=prev] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=prev] nav.pagination li {
    margin: 0;
  }
  html[data-charte=prev] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=prev] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=prev] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=prev] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=prev] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=prev] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=prev] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=prev] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=prev] div.bubble {
    min-width: 20em;
  }
  html[data-charte=prev] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=prev] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=prev] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=prev] div.conversation > ul.actions-list {
    background-color: #E3E6E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=prev] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=prev] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=prev] p.template-selector input {
    width: 80%;
  }
  html[data-charte=prev] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=prev] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #0098AC;
  }
  html[data-charte=prev] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=prev] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=prev] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=prev] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=prev] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=prev] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=prev] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=prev] div.bubble {
    min-width: 35em;
  }
  html[data-charte=prev] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=prev] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=prev] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=prev] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=prev] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=prev] p, html[data-charte=prev] li, html[data-charte=prev] dt, html[data-charte=prev] dd {
    font-size: 1.1em;
  }
  html[data-charte=prev] summary {
    font-size: 1.1em;
  }
  html[data-charte=prev] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=prev] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=prev] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=prev] ul.optional-status li, html[data-charte=prev] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=prev] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=prev] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=prev] div.card {
    padding: 0.5rem;
  }
  html[data-charte=prev] div.card > div, html[data-charte=prev] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=prev] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=prev] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=prev] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=prev] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=prev] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=prev] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=prev] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=prev] div.card dt, html[data-charte=prev] div.card dd {
    font-size: 1em;
  }
  html[data-charte=prev] div.card a {
    text-decoration: none;
  }
  html[data-charte=prev] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=prev] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=prev] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=prev] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=prev] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=prev] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=prev] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=prev] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=prev] div.bubble .u-photo, html[data-charte=prev] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=prev] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=prev] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=prev] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=prev] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=prev] div.request {
    position: relative;
  }
  html[data-charte=prev] div.request dt, html[data-charte=prev] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=prev] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=prev] div.request a:hover::after, html[data-charte=prev] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] h2 {
    font-size: 2.5em;
  }
  html[data-charte=prev] h3 {
    font-size: 2em;
  }
  html[data-charte=prev] .collapsible h2, html[data-charte=prev] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=prev] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=prev] #container {
    display: flex;
  }
  html[data-charte=prev] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=prev] #wrapper footer {
    display: none;
  }
  html[data-charte=prev] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=prev] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=prev] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=prev] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=prev] div.grid-2thirds, html[data-charte=prev] div.grid-3cols, html[data-charte=prev] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=prev] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=prev] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=prev] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=prev] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=prev] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=prev] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=prev] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=prev] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=prev] table.transform th {
    display: none;
  }
  html[data-charte=prev] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=prev] table.transform tr, html[data-charte=prev] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=prev] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #0098AC;
  }
  html[data-charte=prev] table.transform td + td {
    border-top: 1px solid #0098AC;
  }
  html[data-charte=prev] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=prev] table.transform tr td:first-of-type {
    background-color: #E3E6E8;
  }
  html[data-charte=prev] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=prev] legend {
    font-size: 1.3em;
  }
  html[data-charte=prev] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=prev] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=prev] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=prev] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=prev] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #3B444F;
    background-color: #FFFFFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=prev] .top-level > legend button.control[aria-expanded=false] {
    color: #3B444F;
    background-color: #0098AC;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=prev] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=prev] .highlight {
    padding: 1rem;
  }
  html[data-charte=prev] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=prev] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=prev] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=prev] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=prev] div.actions-bar p, html[data-charte=prev] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=prev] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=prev] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=prev] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=prev] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=prev] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=prev] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=prev] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=prev] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #0098AC;
  }
  html[data-charte=prev] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=prev] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=prev] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=prev] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #0098AC;
  }
  html[data-charte=prev] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=prev] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=prev] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=prev] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=prev] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=prev] div.bubble div.content p:not(.buttons-bar), html[data-charte=prev] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=prev] #new-talk .divide {
    display: flex;
  }
  html[data-charte=prev] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=prev] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=prev] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #E3E6E8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=prev] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=prev] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=prev] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=prev] section.participants div.h-card .u-photo, html[data-charte=prev] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=prev] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=prev] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=prev] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=prev] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=prev] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=prev] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=prev] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=prev] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=prev] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=prev] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=prev] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #E3E6E8;
    flex-direction: column-reverse;
  }
  html[data-charte=prev] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #0098AC;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=prev] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=prev] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=prev] div.controled {
    background: #0098AC;
    border: none;
    box-shadow: none;
  }
  html[data-charte=prev] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=prev] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=prev] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=prev] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=prev] button.nav-control svg {
    display: none;
  }
  html[data-charte=prev] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=prev] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=prev] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=prev] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=prev] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=prev] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=prev] div.bubble .content p:not(.feedback-message), html[data-charte=prev] div.bubble .content li, html[data-charte=prev] div.bubble .content th:not(.external-th), html[data-charte=prev] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=prev] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=prev] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=prev] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=prev] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=prev] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=prev] div.bubble .content strong, html[data-charte=prev] div.bubble .content b, html[data-charte=prev] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=prev] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=prev] div.bubble .content li, html[data-charte=prev] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=prev] div.conversation-message--owner-organization > div.bubble div.content {
  color: #3B444F;
}
html[data-charte=prev] div.bubble div.content {
  color: #3B444F;
  background-color: #ffe6e6;
}
html[data-charte=prev] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=prev] .f-upload-editor {
  display: none;
}
html[data-charte=prev] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=prev] .f-size, html[data-charte=prev] .f-family {
  border: 1px solid #3B444F;
}
@media screen and (max-width: 440px) {
  html[data-charte=prev] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=prev] h2 {
  color: #0098AC;
  border: none !important;
}
html[data-charte=prev] .ember-transitioning-in {
  color: #0098AC;
}
html[data-charte=prev] button:hover {
  background-color: rgba(0, 152, 172, 0.5) !important;
  border-color: #0098AC !important;
  box-shadow: 0 0 11px rgba(0, 152, 172, 0.5);
}
html[data-charte=prev] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #3B444F;
  background-color: transparent;
  border-color: #0098AC;
}
html[data-charte=prev] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #3B444F;
  background-color: #0098AC;
  border-color: #0098AC;
}
html[data-charte=prev] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=prev] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  color: #3B444F;
  background-color: #FFFFFF;
  border-color: #0098AC;
}
html[data-charte=prev] button.form-submit:not(.optional) {
  color: #3B444F;
  background-color: #0098AC;
  color: #FFFFFF !important;
  border-color: #E3E6E8;
  height: 45px;
  border-color: #0098AC;
}
html[data-charte=prev] button.form-submit:not(.optional):hover {
  background-color: #0098AC !important;
}
html[data-charte=prev] button.form-submit.optional {
  color: #3B444F;
  border-color: #E3E6E8;
  height: 45px;
  background-color: transparent;
  border-color: #0098AC;
}
html[data-charte=prev] button.form-reset {
  color: #3B444F;
  height: 45px;
  background-color: transparent;
  border-color: #0098AC;
}
html[data-charte=prev] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #3B444F;
  background-color: transparent !important;
  border-color: #0098AC !important;
}
html[data-charte=prev] div.dropdown ul {
  border-color: #0098AC;
  background-color: #E3E6E8;
}
html[data-charte=prev] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #3B444F;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=prev] a.bt-create {
  color: #FFFFFF !important;
}
html[data-charte=prev] a.bt-create:hover {
  background-color: #0098AC;
}
html[data-charte=prev] [class*=icon-],
html[data-charte=prev] [class*=follow-] {
  text-indent: -500em;
  color: #3B444F;
  background-color: #0098AC !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=prev] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=prev] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(0, 152, 172, 0.5) !important;
  border-width: 0px;
}
html[data-charte=prev] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(0, 152, 172, 0.5) !important;
  border-width: 0px;
}
html[data-charte=prev] .icon-info-simple,
html[data-charte=prev] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=prev] div.card {
  border-bottom-color: #E3E6E8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=prev] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=prev] div.conversation-message--owner-organization > div.bubble div.content {
  color: #3B444F;
  background-color: transparent;
  border-color: #0098AC;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=prev] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #3B444F;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=prev] .side-panel-footer {
  background-color: #E3E6E8;
  text-align: center;
}
html[data-charte=prev] .ember-transitioning-in {
  color: #0098AC !important;
}
html[data-charte=prev] section.login h1 {
  background-color: #FFFFFF;
}
html[data-charte=prev] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=prev] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%233B444F'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %233B444F'/%3E%3C/svg%3E%0A");
}
html[data-charte=prev] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %233B444F'/%3E%3C/svg%3E%0A");
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #0098AC !important;
  padding: 0;
  border: none;
}
html[data-charte=prev] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=prev] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #0098AC !important;
  padding: 0;
  border: none;
}
html[data-charte=prev] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=prev] select {
  border-color: #0098AC;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %233B444F'/%3E%3C/svg%3E");
}
html[data-charte=prev] input[type=search],
html[data-charte=prev] select {
  border-color: #0098AC;
  border-width: 1px;
  background-color: transparent;
  color: #3B444F;
}
html[data-charte=prev] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%233B444F; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=prev] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%233B444F' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=prev] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %230098AC'/%3E%3C/svg%3E") !important;
}
html[data-charte=prev] legend {
  color: #0098AC;
}
html[data-charte=prev] label {
  color: #0098AC;
}
html[data-charte=prev] .side-panel-footer h1 {
  background-image: url("/assets/Previnter_web.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=prev] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=prev] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=prev] div.controled.active .underlay {
  background-color: rgba(227, 230, 232, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=prev] #ccSelector {
  display: none;
}
html[data-charte=prev] label[for=ccSelector] {
  display: none;
}
html[data-charte=prev] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=prev] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=prev] label[for=recipientSelector] {
  display: none;
}
html[data-charte=prev] label[for=confidentiality] {
  display: none;
}
html[data-charte=prev] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=prev] label[for=subject] {
  display: none !important;
}
html[data-charte=prev] label[for=subject] + input {
  display: none !important;
}
html[data-charte=prev] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=prev] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=prev] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=prev] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=prev] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=prev] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=prev] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=prev] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=prev] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=prev] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=prev] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=prev] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=prev] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %233B444F' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=prev] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=prev] ul.message-attachments {
  color: #0098AC;
}
html[data-charte=prev] .tree,
html[data-charte=prev] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=prev] .tree {
  background: transparent;
  border: none;
}
html[data-charte=prev] .tree li:last-child {
  border: 0;
}
html[data-charte=prev] .section ul {
  display: none;
}
html[data-charte=prev] .section input[type=checkbox] {
  display: none;
}
html[data-charte=prev] .section input[type=radio] {
  display: none;
}
html[data-charte=prev] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #3B444F;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=prev] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=prev] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=prev] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=prev] .section input:checked ~ ul {
  display: block;
}
html[data-charte=prev] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=prev] .section input:checked + label.labelThemeItem {
  color: #0098AC;
  border: 1px solid black;
}
html[data-charte=prev] .feedback-message {
  color: #0098AC;
}
html[data-charte=prev] .toast-close-button {
  background-color: transparent !important;
  color: #FFFFFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=prev] legend {
  color: #0098AC;
  padding: 3px 6px;
}
html[data-charte=prev] fieldset {
  border-color: #0098AC;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=prev] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=prev] form.create-new {
  background-color: #FFFFFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=prev] select.selector {
  font-weight: bold !important;
}
html[data-charte=prev] .filetype {
  color: #FFFFFF !important;
  background-color: #0098AC !important;
}
html[data-charte=prev] .icon-zoom {
  background-color: #E3E6E8 !important;
}
html[data-charte=prev] .icon-zoom:hover {
  background-color: #E3E6E8 !important;
  box-shadow: 0 0 11px #0098AC;
}
html[data-charte=prev] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=prev] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%233B444F'/%3E%3C/svg%3E");
}
html[data-charte=prev] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=prev] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=prev] div.controled {
  background: transparent;
}
html[data-charte=prev] .disconnection h1 {
  background-image: url("/assets/Previnter_web.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=prev] .message-body th:not(.external-th), html[data-charte=prev] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=prev] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=asfe] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=asfe] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=asfe] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=asfe] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=asfe] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=asfe] div.user-data a, html[data-charte=asfe] div.user-data a:visited {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=asfe] div.user-data button {
  position: relative;
  font-size: 90%;
  color: #d84e38;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=asfe] div.user-data button:focus, html[data-charte=asfe] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=asfe] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=asfe] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=asfe] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=asfe] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=asfe] div.card header {
  padding-left: 2rem;
}
html[data-charte=asfe] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #FFFFFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=asfe] div.card dd {
  line-height: 1.3;
}
html[data-charte=asfe] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=asfe] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=asfe] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=asfe] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=asfe] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=asfe] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=asfe] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=asfe] span.status {
  display: inline-block;
}
html[data-charte=asfe] div.h-card h2 a, html[data-charte=asfe] div.h-card h2 a:visited {
  background-color: #002f5a;
}
html[data-charte=asfe] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=asfe] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=asfe] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=asfe] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=asfe] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=asfe] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=asfe] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=asfe] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=asfe] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=asfe] .chip.default {
  font-size: 0.9rem;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] ul.chips {
  justify-content: flex-start;
}
html[data-charte=asfe] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=asfe] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=asfe] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFFFFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=asfe] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=asfe] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=asfe] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=asfe] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=asfe] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=asfe] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=asfe] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=asfe] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=asfe] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=asfe] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=asfe] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=asfe] div.personal-info div.avatar {
  background-color: #002f5a;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=asfe] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=asfe] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=asfe] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=asfe] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #002f5a;
}
html[data-charte=asfe] main.settings div.data-sheet h4 {
  color: #d84e38;
  background-color: #fff;
}
html[data-charte=asfe] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #002f5a;
}
html[data-charte=asfe] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=asfe] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=asfe] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=asfe] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=asfe] main.conversation > header:first-child {
  display: block;
}
html[data-charte=asfe] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=asfe] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=asfe] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=asfe] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=asfe] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=asfe] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=asfe] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=asfe] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=asfe] div.bubble h3 time {
  display: block;
}
html[data-charte=asfe] div.bubble h3 strong {
  color: #002f5a;
}
html[data-charte=asfe] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=asfe] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=asfe] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=asfe] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #002f5a;
  border-left: 1px solid #002f5a;
}
html[data-charte=asfe] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.bubble div.content {
  color: #d84e38;
  background-color: #d84e38;
  word-wrap: break-word;
}
html[data-charte=asfe] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=asfe] div.bubble div.content a {
  color: #002f5a;
}
html[data-charte=asfe] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=asfe] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=asfe] div.bubble details div {
  display: flex;
}
html[data-charte=asfe] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=asfe] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=asfe] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=asfe] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=asfe] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=asfe] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #002f5a;
}
html[data-charte=asfe] div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.conversation-message--owner-organization > div.bubble div.content a {
  color: #002f5a;
}
html[data-charte=asfe] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=asfe] div.bubble.conversation-message-comments .content {
  color: #002f5a;
  background-color: #fff;
  border: 1px solid #002f5a;
}
html[data-charte=asfe] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=asfe] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=asfe] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=asfe] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=asfe] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=asfe] div.bubble.message-comment .content {
  background-color: #002f5a;
}
html[data-charte=asfe] div.bubble.message-comment .u-photo, html[data-charte=asfe] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=asfe] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=asfe] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
  margin: 1rem 0;
}
html[data-charte=asfe] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=asfe] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=asfe] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=asfe] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=asfe] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=asfe] .message-body blockquote {
  color: #002f5a;
}
html[data-charte=asfe] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=asfe] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=asfe] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=asfe] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=asfe] ul.message-attachments {
  list-style-type: none;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=asfe] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=asfe] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=asfe] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=asfe] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #002f5a;
}
html[data-charte=asfe] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #002f5a;
}
html[data-charte=asfe] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=asfe] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=asfe] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=asfe] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=asfe] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=asfe] div.editor ul.message-attachments {
  border-top: 2px solid #d84e38;
}
html[data-charte=asfe] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=asfe] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=asfe] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=asfe] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=asfe] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=asfe] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=asfe] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=asfe] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=asfe] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #002f5a;
}
html[data-charte=asfe] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=asfe] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=asfe] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.5rem;
}
html[data-charte=asfe] div.request h4 .status {
  margin: 0;
}
html[data-charte=asfe] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #002f5a;
}
html[data-charte=asfe] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=asfe] div.request dl div {
  display: flex;
}
html[data-charte=asfe] div.request dt {
  flex-basis: 5em;
}
html[data-charte=asfe] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=asfe] div.editor, html[data-charte=asfe] form.create-new {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=asfe] form.create-new {
  border: none;
}
html[data-charte=asfe] div.editor h3 {
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=asfe] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=asfe] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=asfe] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] p.template-selector {
  width: 100%;
}
html[data-charte=asfe] p.template-selector input {
  width: 100%;
}
html[data-charte=asfe] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=asfe] div.mce-toolbar-grp button:hover, html[data-charte=asfe] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] select, html[data-charte=asfe] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=asfe] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=asfe] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=asfe] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=asfe] p.mandatory {
  text-align: right;
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=asfe] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=asfe] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=asfe] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #FFFFFF;
  border-radius: 100%;
}
html[data-charte=asfe] .badge {
  color: #d84e38;
  background-color: #FFFFFF;
  margin-left: 1rem;
}
html[data-charte=asfe] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=asfe] nav.pagination ul {
  justify-content: center;
}
html[data-charte=asfe] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=asfe] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=asfe] .chip.label-color-1 {
  color: #FFFFFF;
  background-color: #85D687;
}
html[data-charte=asfe] .chip.label-color-2 {
  color: #FFFFFF;
  background-color: #90CBDA;
}
html[data-charte=asfe] .chip.label-color-3 {
  color: #FFFFFF;
  background-color: #D1CE75;
}
html[data-charte=asfe] .chip.label-color-4 {
  color: #FFFFFF;
  background-color: #E6B3E1;
}
html[data-charte=asfe] .chip.label-color-5 {
  color: #FFFFFF;
  background-color: #D9AC8C;
}
html[data-charte=asfe] #page-labels-settings div.card dt.label-color::before,
html[data-charte=asfe] #main-nav li a.label-color::before,
html[data-charte=asfe] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=asfe] #page-labels-settings div.card dt.label-color::before,
html[data-charte=asfe] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=asfe] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=asfe] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=asfe] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=asfe] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=asfe] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #002f5a;
}
html[data-charte=asfe] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=asfe] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=asfe] #main-nav li a.label-color.label-color-1::before,
html[data-charte=asfe] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=asfe] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=asfe] #main-nav li a.label-color.label-color-2::before,
html[data-charte=asfe] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=asfe] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=asfe] #main-nav li a.label-color.label-color-3::before,
html[data-charte=asfe] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=asfe] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=asfe] #main-nav li a.label-color.label-color-4::before,
html[data-charte=asfe] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=asfe] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=asfe] #main-nav li a.label-color.label-color-5::before,
html[data-charte=asfe] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=asfe] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=asfe] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: #002f5a;
  background-color: #E3E6E8;
  padding-left: 2em;
}
html[data-charte=asfe] div.actions-bar button.icon-check:hover, html[data-charte=asfe] div.actions-bar button.icon-check:focus {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=asfe] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=asfe] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=asfe] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=asfe] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=asfe] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=asfe] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=asfe] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=asfe] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #d84e38;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=asfe] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=asfe] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=asfe] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #FFFFFF;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=asfe] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=asfe] div.project-card p.divided {
  color: #002f5a;
  padding: 0.3em 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] div.project-card.details header {
  position: relative;
}
html[data-charte=asfe] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=asfe] div.project-card.details ul.actions-list {
  background-color: #E3E6E8;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=asfe] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=asfe] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=asfe] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=asfe] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=asfe] html, html[data-charte=asfe] body, html[data-charte=asfe] div, html[data-charte=asfe] span, html[data-charte=asfe] object, html[data-charte=asfe] iframe,
html[data-charte=asfe] h1, html[data-charte=asfe] h2, html[data-charte=asfe] h3, html[data-charte=asfe] h4, html[data-charte=asfe] h5, html[data-charte=asfe] h6, html[data-charte=asfe] p, html[data-charte=asfe] blockquote, html[data-charte=asfe] pre,
html[data-charte=asfe] a, html[data-charte=asfe] abbr, html[data-charte=asfe] address, html[data-charte=asfe] big, html[data-charte=asfe] cite, html[data-charte=asfe] code,
html[data-charte=asfe] del, html[data-charte=asfe] dfn, html[data-charte=asfe] em, html[data-charte=asfe] form, html[data-charte=asfe] img, html[data-charte=asfe] ins, html[data-charte=asfe] kbd, html[data-charte=asfe] q, html[data-charte=asfe] s, html[data-charte=asfe] samp,
html[data-charte=asfe] small, html[data-charte=asfe] strike, html[data-charte=asfe] strong, html[data-charte=asfe] sub, html[data-charte=asfe] sup, html[data-charte=asfe] tt, html[data-charte=asfe] var,
html[data-charte=asfe] b, html[data-charte=asfe] u, html[data-charte=asfe] i, html[data-charte=asfe] dl, html[data-charte=asfe] dt, html[data-charte=asfe] dd, html[data-charte=asfe] ol, html[data-charte=asfe] ul, html[data-charte=asfe] li,
html[data-charte=asfe] fieldset, html[data-charte=asfe] form, html[data-charte=asfe] label, html[data-charte=asfe] legend,
html[data-charte=asfe] table:not(.external-table),
html[data-charte=asfe] caption:not(.external-caption), html[data-charte=asfe] tbody, html[data-charte=asfe] tfoot, html[data-charte=asfe] thead,
html[data-charte=asfe] tr:not(.external-tr),
html[data-charte=asfe] th:not(.external-th),
html[data-charte=asfe] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=asfe] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=asfe] header, html[data-charte=asfe] footer, html[data-charte=asfe] main, html[data-charte=asfe] nav, html[data-charte=asfe] aside, html[data-charte=asfe] article, html[data-charte=asfe] section, html[data-charte=asfe] figure, html[data-charte=asfe] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=asfe] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=asfe] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=asfe] h2, html[data-charte=asfe] h3, html[data-charte=asfe] h4, html[data-charte=asfe] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=asfe] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #FFFFFF;
  background-color: #fff;
}
html[data-charte=asfe] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=asfe] h3 {
  font-size: 1.2em;
  color: #002f5a;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #002f5a;
}
html[data-charte=asfe] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] p, html[data-charte=asfe] li, html[data-charte=asfe] dt, html[data-charte=asfe] dd, html[data-charte=asfe] h5, html[data-charte=asfe] th, html[data-charte=asfe] td {
  font-size: 0.95em;
}
html[data-charte=asfe] li li, html[data-charte=asfe] li p, html[data-charte=asfe] li dt, html[data-charte=asfe] li dd {
  font-size: 100%;
}
html[data-charte=asfe] a {
  color: #002f5a;
}
html[data-charte=asfe] a:visited {
  opacity: 0.8;
}
html[data-charte=asfe] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=asfe] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=asfe] img {
  max-width: 100%;
  border: none;
}
html[data-charte=asfe] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=asfe] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=asfe] blockquote::before, html[data-charte=asfe] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=asfe] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=asfe] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=asfe] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=asfe] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=asfe] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #d84e38;
}
html[data-charte=asfe] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=asfe] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=asfe] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=asfe] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=asfe] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=asfe] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=asfe] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=asfe] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=asfe] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=asfe] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=asfe] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=asfe] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=asfe] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=asfe] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=asfe] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=asfe] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=asfe] button:hover {
  background-color: #FFFFFF;
}
html[data-charte=asfe] button[disabled], html[data-charte=asfe] .form-reset[disabled], html[data-charte=asfe] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=asfe] button[disabled]:hover, html[data-charte=asfe] .form-reset[disabled]:hover, html[data-charte=asfe] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #d84e38;
}
html[data-charte=asfe] .form-submit.optional[disabled]:hover {
  color: #002f5a;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=asfe] button.secondary {
  background-color: #002f5a;
}
html[data-charte=asfe] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html[data-charte=asfe] button.discret:hover, html[data-charte=asfe] button.discret:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=asfe] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #d84e38;
  background-color: #d84e38;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=asfe] [class*=bt-]:hover {
  text-decoration: underline;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] a[class*=bt-], html[data-charte=asfe] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=asfe] [class*=bt-]:hover, html[data-charte=asfe] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=asfe] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=asfe] .bt-create:hover, html[data-charte=asfe] .bt-create:focus {
  background-color: #FFFFFF;
}
html[data-charte=asfe] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=asfe] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=asfe] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=asfe] a.bt-link, html[data-charte=asfe] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=asfe] [class*=icon-], html[data-charte=asfe] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=asfe] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #FFFFFF;
}
html[data-charte=asfe] [class*=icon-].secondary {
  background-color: #002f5a;
}
html[data-charte=asfe] [class*=icon-]:hover, html[data-charte=asfe] [class*=icon-]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #FFFFFF;
}
html[data-charte=asfe] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=asfe] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=asfe] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=asfe] .icon-assign, html[data-charte=asfe] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=asfe] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=asfe] .icon-pin, html[data-charte=asfe] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=asfe] .icon-pinned, html[data-charte=asfe] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=asfe] .icon-pinned:hover, html[data-charte=asfe] .follow-true:hover, html[data-charte=asfe] .icon-pinned:focus, html[data-charte=asfe] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=asfe] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=asfe] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=asfe] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=asfe] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=asfe] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=asfe] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=asfe] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=asfe] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=asfe] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=asfe] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=asfe] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=asfe] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=asfe] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d83550;
}
html[data-charte=asfe] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=asfe] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=asfe] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=asfe] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=asfe] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=asfe] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=asfe] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=asfe] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=asfe] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=asfe] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=asfe] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=asfe] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=asfe] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=asfe] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=asfe] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=asfe] .icon-mark-as-unread, html[data-charte=asfe] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=asfe] .icon-mark-as-read {
  background-color: #002f5a;
}
html[data-charte=asfe] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=asfe] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=asfe] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=asfe] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=asfe] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=asfe] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=asfe] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=asfe] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=asfe] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=asfe] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=asfe] button.icon-check:focus, html[data-charte=asfe] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=asfe] .icon-info-simple, html[data-charte=asfe] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=asfe] button.play, html[data-charte=asfe] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=asfe] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=asfe] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=asfe] button.icon-info-simple:hover, html[data-charte=asfe] button.icon-info-simple:focus,
html[data-charte=asfe] button.icon-back:hover, html[data-charte=asfe] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=asfe] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=asfe] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=asfe] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=asfe] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=asfe] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=asfe] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=asfe] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=asfe] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=asfe] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=asfe] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=asfe] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=asfe] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=asfe] th:not(.external-th), html[data-charte=asfe] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=asfe] th:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 1em 0.5em;
}
html[data-charte=asfe] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=asfe] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=asfe] th[scope=col]:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=asfe] th[scope=row] {
  text-align: left;
}
html[data-charte=asfe] .main-form {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] form.main-form legend {
  background-color: #FFFFFF;
}
html[data-charte=asfe] form p {
  margin-bottom: 1.5em;
}
html[data-charte=asfe] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=asfe] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=asfe] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=asfe] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=asfe] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=asfe] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=asfe] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=asfe] fieldset.single {
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=asfe] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=asfe] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=asfe] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=asfe] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=asfe] input[type=text], html[data-charte=asfe] input[type=password], html[data-charte=asfe] input[type=date], html[data-charte=asfe] input[type=url], html[data-charte=asfe] input[type=tel],
html[data-charte=asfe] input[type=time], html[data-charte=asfe] input[type=email], html[data-charte=asfe] input[type=number], html[data-charte=asfe] input[type=search], html[data-charte=asfe] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=asfe] input[type=number], html[data-charte=asfe] input[type=date], html[data-charte=asfe] input[type=time] {
  padding: 0.6em;
}
html[data-charte=asfe] [readonly] {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=asfe] input[type=search]:focus {
  outline: 1px dotted #002f5a;
}
html[data-charte=asfe] input[type=text]:focus, html[data-charte=asfe] input[type=password]:focus, html[data-charte=asfe] input[type=url]:focus,
html[data-charte=asfe] input[type=date]:focus, html[data-charte=asfe] input[type=search]:focus, html[data-charte=asfe] select:focus {
  border-color: #d84e38;
}
html[data-charte=asfe] input[type=url], html[data-charte=asfe] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=asfe] input[type=number] {
  width: 6em;
}
html[data-charte=asfe] .has-error input {
  border-color: #f00;
}
html[data-charte=asfe] .required {
  margin-bottom: 2rem;
}
html[data-charte=asfe] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=asfe] select::-ms-expand {
  display: none;
}
html[data-charte=asfe] [type=submit], html[data-charte=asfe] [type=reset], html[data-charte=asfe] button.form-submit, html[data-charte=asfe] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.55em 1.5em;
  border: 1px solid #d84e38;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=asfe] [type=reset], html[data-charte=asfe] button.form-reset {
  color: #FFFFFF;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=asfe] [type=submit]:hover, html[data-charte=asfe] [type=submit]:focus,
html[data-charte=asfe] [type=submit].optional:hover, html[data-charte=asfe] [type=submit].optional:focus,
html[data-charte=asfe] [type=reset]:hover, html[data-charte=asfe] [type=reset]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=asfe] button.form-submit:hover, html[data-charte=asfe] button.form-submit:focus,
html[data-charte=asfe] button.form-submit.optional:hover, html[data-charte=asfe] button.form-submit.optional:focus,
html[data-charte=asfe] button.form-reset:hover, html[data-charte=asfe] button.form-reset:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=asfe] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=asfe] [type=submit] + [type=reset], html[data-charte=asfe] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=asfe] [type=submit].optional, html[data-charte=asfe] button.form-submit.optional {
  color: #002f5a;
  background-color: #fff;
  border-color: #002f5a;
}
html[data-charte=asfe] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #d84e38;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=asfe] input[type=image]:hover {
  background-color: #FFFFFF;
}
html[data-charte=asfe] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=asfe] ::-webkit-input-placeholder, html[data-charte=asfe] ::-moz-placeholder, html[data-charte=asfe] :-moz-placeholder, html[data-charte=asfe] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=asfe] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=asfe] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=asfe] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=asfe] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=asfe] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=asfe] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=asfe] .highlight {
  background-color: #E3E6E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=asfe] .highlight label, html[data-charte=asfe] .top-level .highlight label {
  background-color: #E3E6E8;
}
html[data-charte=asfe] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=asfe] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=asfe] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=asfe] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=asfe] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=asfe] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=asfe] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=asfe] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=asfe] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=asfe] ul.choices {
  display: flex;
}
html[data-charte=asfe] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=asfe] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=asfe] ul.choices.vertical {
  display: block;
}
html[data-charte=asfe] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=asfe] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=asfe] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=asfe] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=asfe] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=asfe] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=asfe] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=asfe] .form-makeup input:checked + label::before, html[data-charte=asfe] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=asfe] .form-makeup input:focus + label {
  outline: 1px dotted #002f5a;
}
html[data-charte=asfe] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=asfe] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=asfe] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=asfe] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=asfe] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=asfe] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=asfe] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=asfe] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=asfe] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFFFFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=asfe] .check-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html[data-charte=asfe] .check-chips input:checked + label, html[data-charte=asfe] .check-chips label.active {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=asfe] .check-chips input[checked] + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=asfe] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=asfe] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=asfe] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=asfe] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=asfe] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=asfe] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=asfe] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=asfe] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=asfe] .field-comment {
  font-size: 90%;
  color: #FFFFFF;
  padding: 0.3em;
}
html[data-charte=asfe] div.error-messages {
  text-align: center;
  color: #002f5a;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=asfe] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=asfe] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=asfe] input[aria-invalid=true] {
  color: #d84e38;
  background-color: #f00;
  border-color: #002f5a;
}
html[data-charte=asfe] input[aria-invalid=true]:focus {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #002f5a;
}
html[data-charte=asfe] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=asfe] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=asfe] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=asfe] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=asfe] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=asfe] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=asfe] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=asfe] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #E3E6E8;
  transition: all 0.2s;
}
html[data-charte=asfe] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=asfe] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=asfe] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=asfe] div.card dl {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=asfe] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=asfe] div.card dt, html[data-charte=asfe] div.card dd {
  max-width: 100%;
}
html[data-charte=asfe] div.card a.allover {
  text-decoration: none;
}
html[data-charte=asfe] div.card a {
  text-decoration: none;
}
html[data-charte=asfe] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=asfe] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=asfe] div.card.unread a, html[data-charte=asfe] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
}
html[data-charte=asfe] div.card.read a, html[data-charte=asfe] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
}
html[data-charte=asfe] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=asfe] span.social-icon img {
  width: 16px;
}
html[data-charte=asfe] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=asfe] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=asfe] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=asfe] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=asfe] div.card.confidential em {
  font-style: italic;
}
html[data-charte=asfe] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=asfe] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
}
html[data-charte=asfe] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=asfe] div.h-card form p {
  margin: 0;
}
html[data-charte=asfe] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #d84e38;
  background-color: #002f5a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=asfe] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #002f5a;
  margin: 0;
}
html[data-charte=asfe] div.h-card h2 a, html[data-charte=asfe] div.h-card h2 a:visited {
  text-decoration: none;
  color: #d84e38;
}
html[data-charte=asfe] div.h-card h2 a:hover, html[data-charte=asfe] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=asfe] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=asfe] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=asfe] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=asfe] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=asfe] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=asfe] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=asfe] div.spinner strong {
  display: block;
}
html[data-charte=asfe] div.spinner ::before, html[data-charte=asfe] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=asfe] div.spinner p::before,
html[data-charte=asfe] div.spinner p::after,
html[data-charte=asfe] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=asfe] div.spinner.ease-in-out ::before, html[data-charte=asfe] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #d84e38;
}
html[data-charte=asfe] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=asfe] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=asfe] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=asfe] div.spinner.cubic-bezier ::before, html[data-charte=asfe] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #d84e38;
}
html[data-charte=asfe] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=asfe] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=asfe] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #d84e38;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #d84e38;
  }
}
html[data-charte=asfe] div.spinner.ease-in-out-fill ::before, html[data-charte=asfe] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=asfe] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=asfe] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=asfe] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=asfe] div.spinner.linear-dot ::before, html[data-charte=asfe] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #d84e38;
}
html[data-charte=asfe] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=asfe] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=asfe] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=asfe] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=asfe] div.spinner.linear-circle ::before, html[data-charte=asfe] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=asfe] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=asfe] div.spinner.linear-circle p::before,
html[data-charte=asfe] div.spinner.linear-circle strong::before,
html[data-charte=asfe] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=asfe] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=asfe] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=asfe] div.spinner.progress-bar ::before, html[data-charte=asfe] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=asfe] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=asfe] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=asfe] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=asfe] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=asfe] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=asfe] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #E3E6E8;
  border-radius: 5px;
}
html[data-charte=asfe] .box-animation .box {
  background: #d84e38;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=asfe] .box1, html[data-charte=asfe] .box4, html[data-charte=asfe] .box8, html[data-charte=asfe] .box11, html[data-charte=asfe] .box13, html[data-charte=asfe] .box16, html[data-charte=asfe] .box20 {
  animation-name: quiet;
}
html[data-charte=asfe] .box2, html[data-charte=asfe] .box6, html[data-charte=asfe] .box10, html[data-charte=asfe] .box14, html[data-charte=asfe] .box17, html[data-charte=asfe] .box19 {
  animation-name: normal;
}
html[data-charte=asfe] .box3, html[data-charte=asfe] .box5, html[data-charte=asfe] .box7, html[data-charte=asfe] .box9, html[data-charte=asfe] .box12, html[data-charte=asfe] .box15, html[data-charte=asfe] .box18 {
  animation-name: loud;
}
html[data-charte=asfe] [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=asfe] [class*=icon-].icon-reading-speed:hover {
  background-color: #FFFFFF;
}
html[data-charte=asfe] [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=asfe] [class*=icon-].icon-volume:hover {
  background-color: #FFFFFF;
}
html[data-charte=asfe] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #d84e38;
  background-color: #000;
  /*IE*/
  background-color: #FFFFFF;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=asfe] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #FFFFFF;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=asfe] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=asfe] .show-icons a:hover + .tooltip, html[data-charte=asfe] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=asfe] .alternative-alt:hover, html[data-charte=asfe] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=asfe] .alternative-alt:hover::before, html[data-charte=asfe] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: #d84e38;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=asfe] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=asfe] .ember-basic-dropdown, html[data-charte=asfe] .ember-basic-dropdown-content, html[data-charte=asfe] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=asfe] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=asfe] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=asfe] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=asfe] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=asfe] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=asfe] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #002f5a;
}
html[data-charte=asfe] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=asfe] .ember-power-select-options li:hover, html[data-charte=asfe] .ember-power-select-options li:focus {
  background-color: #002f5a;
}
html[data-charte=asfe] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=asfe] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=asfe] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=asfe] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=asfe] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=asfe] .ember-power-select-trigger:focus,
html[data-charte=asfe] .ember-power-select-trigger--active {
  border-top: 2px solid #d84e38;
  box-shadow: none;
}
html[data-charte=asfe] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=asfe] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=asfe] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=asfe] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=asfe] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=asfe] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=asfe] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=asfe] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=asfe] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=asfe] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=asfe] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #d84e38;
  background-color: #FFFFFF;
  z-index: 1020;
}
html[data-charte=asfe] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=asfe] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=asfe] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=asfe] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #002f5a;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=asfe] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=asfe] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=asfe] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html[data-charte=asfe] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=asfe] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=asfe] div.controled.active {
  margin-left: 0;
}
html[data-charte=asfe] div.controled div.content {
  display: none;
}
html[data-charte=asfe] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=asfe] div.controled > * {
  pointer-events: auto;
}
html[data-charte=asfe] .underlay {
  opacity: 0;
}
html[data-charte=asfe] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=asfe] #main-nav h2 {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] #main-nav h2::before {
  content: none;
}
html[data-charte=asfe] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=asfe] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #002f5a;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=asfe] button.nav-control:focus {
  outline-color: #d84e38;
}
html[data-charte=asfe] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=asfe] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=asfe] #menu-control polygon {
  fill: #002f5a;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=asfe] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=asfe] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=asfe] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=asfe] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #E3E6E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=asfe] #main-nav li a, html[data-charte=asfe] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #d84e38;
  background-color: #FFFFFF;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=asfe] #main-nav li a:focus, html[data-charte=asfe] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=asfe] #main-nav li a::after, html[data-charte=asfe] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #FFFFFF;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=asfe] #main-nav li a.active::after,
html[data-charte=asfe] #main-nav li a:hover::after,
html[data-charte=asfe] #main-nav li a:focus::after {
  background-color: #d84e38;
}
html[data-charte=asfe] #main-nav li button:hover::after,
html[data-charte=asfe] #main-nav li button:focus::after {
  background-color: #d84e38;
}
html[data-charte=asfe] #main-nav li.active > button:first-child::after {
  background-color: #d84e38;
}
html[data-charte=asfe] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #d84e38;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=asfe] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=asfe] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=asfe] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=asfe] .simplebar-offset {
  width: 100%;
}
html[data-charte=asfe] #main-nav li a.bt-create, html[data-charte=asfe] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=asfe] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=asfe] #main-nav li a.bt-create:hover, html[data-charte=asfe] #main-nav li a.bt-create:focus {
  background-color: #002f5a;
}
html[data-charte=asfe] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #002f5a;
}
html[data-charte=asfe] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=asfe] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=asfe] #main-nav button.has-level2, html[data-charte=asfe] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=asfe] #main-nav button.has-level2::after, html[data-charte=asfe] #main-nav a.has-level2::after,
html[data-charte=asfe] #main-nav button.has-level2:hover::after, html[data-charte=asfe] #main-nav a.has-level2:hover::after,
html[data-charte=asfe] #main-nav button.has-level2:focus::after, html[data-charte=asfe] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=asfe] #main-nav button.collapse::after,
html[data-charte=asfe] #main-nav button.collapse:hover::after,
html[data-charte=asfe] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=asfe] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=asfe] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=asfe] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=asfe] p.uploader input:focus + label.icon-file-uploader {
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=asfe] div.modal[aria-hidden=false], html[data-charte=asfe] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=asfe] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=asfe] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=asfe] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=asfe] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=asfe] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=asfe] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=asfe] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=asfe] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=asfe] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=asfe] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=asfe] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=asfe] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=asfe] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html[data-charte=asfe] div.dropdown button.dd-trigger:hover, html[data-charte=asfe] div.dropdown button.dd-trigger:focus {
  border-color: #d84e38;
}
html[data-charte=asfe] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=asfe] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=asfe] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=asfe] div.dropdown ul button,
html[data-charte=asfe] div.dropdown ul a,
html[data-charte=asfe] div.dropdown ul [class*=icon-],
html[data-charte=asfe] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=asfe] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=asfe] div.dropdown ul button:hover, html[data-charte=asfe] div.dropdown ul a:hover,
html[data-charte=asfe] div.dropdown ul button:focus, html[data-charte=asfe] div.dropdown ul a:focus,
html[data-charte=asfe] div.dropdown ul [class*=icon-]:focus, html[data-charte=asfe] div.dropdown ul [class*=icon-]:hover,
html[data-charte=asfe] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=asfe] div.dropdown ul [class*=icon-].secondary:hover {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=asfe] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=asfe] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=asfe] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=asfe] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=asfe] nav.pagination li:not(.page) + li.page, html[data-charte=asfe] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=asfe] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=asfe] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=asfe] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=asfe] nav.pagination li.disabled {
  display: none;
}
html[data-charte=asfe] nav.pagination a, html[data-charte=asfe] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=asfe] nav.pagination a.firstPage, html[data-charte=asfe] nav.pagination a.previousPage, html[data-charte=asfe] nav.pagination a.nextPage, html[data-charte=asfe] nav.pagination a.lastPage, html[data-charte=asfe] nav.pagination li button.firstPage, html[data-charte=asfe] nav.pagination li button.previousPage, html[data-charte=asfe] nav.pagination li button.nextPage, html[data-charte=asfe] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=asfe] nav.pagination a.firstPage, html[data-charte=asfe] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=asfe] nav.pagination a.previousPage, html[data-charte=asfe] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=asfe] nav.pagination a.nextPage, html[data-charte=asfe] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=asfe] nav.pagination a.lastPage, html[data-charte=asfe] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=asfe] nav.pagination a:hover, html[data-charte=asfe] nav.pagination a:focus, html[data-charte=asfe] nav.pagination li.active a,
html[data-charte=asfe] nav.pagination li button:hover, html[data-charte=asfe] nav.pagination li button:focus, html[data-charte=asfe] nav.pagination li.active button {
  border-bottom-color: #d84e38;
}
html[data-charte=asfe] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=asfe] nav.pagination li.shortcut a, html[data-charte=asfe] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=asfe] select.selector, html[data-charte=asfe] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=asfe] .has-error input, html[data-charte=asfe] .has-error select, html[data-charte=asfe] .has-error textarea {
  border-color: #f00;
}
html[data-charte=asfe] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=asfe] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=asfe] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=asfe] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=asfe] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=asfe] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=asfe] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=asfe] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=asfe] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=asfe] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=asfe] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=asfe] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=asfe] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=asfe] div.editor {
  position: relative;
}
html[data-charte=asfe] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=asfe] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=asfe] p + div.editor {
  margin-top: 1em;
}
html[data-charte=asfe] div.editor-wrapper a, html[data-charte=asfe] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=asfe] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=asfe] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #E3E6E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li > button,
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #E3E6E8;
  padding: 0;
  border: none;
}
html[data-charte=asfe] strong, html[data-charte=asfe] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=asfe] em, html[data-charte=asfe] i {
  font-style: italic;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block p, html[data-charte=asfe] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=asfe] .has-error div.editor-wrapper div.editable-block,
html[data-charte=asfe] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block:focus, html[data-charte=asfe] div.editor-wrapper div.editable-block:hover {
  border-color: #d84e38;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #002f5a;
}
html[data-charte=asfe] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=asfe] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=asfe] select.models, html[data-charte=asfe] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=asfe] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=asfe] .contentEditableValue {
  display: none;
}
html[data-charte=asfe] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=asfe] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=asfe] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #002f5a;
}
html[data-charte=asfe] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=asfe] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=asfe] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=asfe] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=asfe] #color-poly {
  display: none;
}
html[data-charte=asfe] #color-poly.active {
  display: block;
}
html[data-charte=asfe] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=asfe] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=asfe] button.color:hover, html[data-charte=asfe] button.color:focus {
  border-top-color: #002f5a;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #002f5a;
}
html[data-charte=asfe] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=asfe] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFFFFF;
  border: 1px solid #002f5a;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #002f5a;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #002f5a;
}
html[data-charte=asfe] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=asfe] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=asfe] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=asfe] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=asfe] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=asfe] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=asfe] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=asfe] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=asfe] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=asfe] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=asfe] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=asfe] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=asfe] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=asfe] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=asfe] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=asfe] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=asfe] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=asfe] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=asfe] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #E3E6E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=asfe] div.format-options.active {
  display: block;
}
html[data-charte=asfe] div.format-options p {
  margin: 0;
}
html[data-charte=asfe] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=asfe] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=asfe] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=asfe] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=asfe] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #d84e38;
  background-color: #002f5a;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=asfe] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=asfe] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=asfe] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=asfe] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=asfe] mark {
  cursor: help;
}
html[data-charte=asfe] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=asfe] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=asfe] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=asfe] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=asfe] b ul.sc-options li, html[data-charte=asfe] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=asfe] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=asfe] em ul.sc-options li, html[data-charte=asfe] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=asfe] ul.sc-options li:hover, html[data-charte=asfe] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=asfe] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html[data-charte=asfe] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=asfe] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #002f5a;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=asfe] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=asfe] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=asfe] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #E3E6E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #002f5a;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=asfe] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=asfe] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=asfe] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=asfe] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #FFFFFF;
  cursor: default;
  z-index: 1;
}
html[data-charte=asfe] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #FFFFFF;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=asfe] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=asfe] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=asfe] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=asfe] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=asfe] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=asfe] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=asfe] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #E3E6E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=asfe] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=asfe] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=asfe] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=asfe] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] select, html[data-charte=asfe] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=asfe] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=asfe] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=asfe] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #d84e38;
  padding: 1rem;
  background-color: #002f5a;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=asfe] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=asfe] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=asfe] section.participants div.h-card .u-photo, html[data-charte=asfe] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=asfe] main.conversation section.participants ul.actions-list,
html[data-charte=asfe] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=asfe] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=asfe] ul.avatars {
  list-style-type: none;
  background-color: #E3E6E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=asfe] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=asfe] ul.avatars li + li {
  border-top: 1px dotted #002f5a;
}
html[data-charte=asfe] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=asfe] div.actions-bar {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.actions-bar p, html[data-charte=asfe] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=asfe] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=asfe] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=asfe] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] div.actions-bar .radio-chips label {
  border: 1px solid #002f5a;
}
html[data-charte=asfe] div.actions-bar .radio-chips input:hover + label, html[data-charte=asfe] div.actions-bar .radio-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html[data-charte=asfe] div.actions-bar .radio-chips input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=asfe] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=asfe] div.actions-bar > * {
  padding: 0;
}
html[data-charte=asfe] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=asfe] .collapsible h3, html[data-charte=asfe] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=asfe] .collapsible > .content {
  display: none;
}
html[data-charte=asfe] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFFFFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=asfe] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=asfe] .collapsible button.control[aria-expanded=true] {
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=asfe] .collapsible.top-level button.control {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] fieldset.collapsible.sub-group {
  border-top: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=asfe] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=asfe] fieldset.collapsible.sub-group button.control {
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=asfe] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=asfe] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=asfe] .collapsible.top-level button.control[aria-expanded=true] {
    color: #FFFFFF;
    background-color: #FFFFFF;
  }
  html[data-charte=asfe] header .collapsible {
    width: 100%;
  }
  html[data-charte=asfe] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=asfe] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #d84e38;
}
html[data-charte=asfe] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=asfe] ul.tabs li a, html[data-charte=asfe] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=asfe] ul.tabs li a:hover, html[data-charte=asfe] ul.tabs li a:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=asfe] ul.tabs li.active a, html[data-charte=asfe] ul.tabs li.active a:visited {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=asfe] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=asfe] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=asfe] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=asfe] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=asfe] .top-level label {
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=asfe] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=asfe] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=asfe] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=asfe] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=asfe] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=asfe] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=asfe] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=asfe] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=asfe] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=asfe] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #002f5a;
}
html[data-charte=asfe] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=asfe] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=asfe] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #d84e38;
}
html[data-charte=asfe] details.special li {
  font-size: 0.7em;
}
html[data-charte=asfe] details.simple {
  color: #002f5a;
  padding: 0;
  border: none;
}
html[data-charte=asfe] details.simple summary {
  font-size: 80%;
  color: #002f5a;
  margin-top: 1em;
}
html[data-charte=asfe] details.simple summary::after {
  content: " +";
}
html[data-charte=asfe] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=asfe] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=asfe] .nowrap {
  white-space: nowrap;
}
html[data-charte=asfe] hr {
  border: none;
  border-top: 1px dotted #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=asfe] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=asfe] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=asfe] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=asfe] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=asfe] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=asfe] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=asfe] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=asfe] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=asfe] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=asfe] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=asfe] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=asfe] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=asfe] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=asfe] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #d84e38;
}
html[data-charte=asfe] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=asfe] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=asfe] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=asfe] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=asfe] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=asfe] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=asfe] .form-makeup input:checked + label::before, html[data-charte=asfe] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=asfe] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=asfe] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=asfe] button[disabled], html[data-charte=asfe] .form-reset[disabled], html[data-charte=asfe] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #002f5a;
  }
  html[data-charte=asfe] button[disabled]:hover, html[data-charte=asfe] .form-reset[disabled]:hover, html[data-charte=asfe] .form-submit[disabled]:hover {
    background-color: #002f5a;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=asfe] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=asfe] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=asfe] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=asfe] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=asfe] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=asfe] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=asfe] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=asfe] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=asfe] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=asfe] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=asfe] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=asfe] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=asfe] div.datepickerDialog caption button {
  background-color: #FFFFFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=asfe] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=asfe] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=asfe] div.datepickerDialog th, html[data-charte=asfe] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=asfe] div.datepickerDialog th {
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.datepickerDialog td button {
  width: 100%;
  color: #002f5a;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=asfe] div.datepickerDialog td button:hover, html[data-charte=asfe] div.datepickerDialog td button:focus {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] div.datepickerDialog td button.disabled {
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=asfe] div.datepickerDialog p.buttons-bar, html[data-charte=asfe] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #E3E6E8;
}
html[data-charte=asfe] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=asfe] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=asfe] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=asfe] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=asfe] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=asfe] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=asfe] .icon-zoom:hover {
  background-color: #FFFFFF;
}
html[data-charte=asfe] .icon-zoom:focus {
  background-color: #002f5a;
}
html[data-charte=asfe] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=asfe] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=asfe] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=asfe] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=asfe] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=asfe] .preview-page a i:focus {
  outline: none;
}
html[data-charte=asfe] .preview-page a i:hover {
  outline: none;
}
html[data-charte=asfe] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=asfe] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=asfe] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=asfe] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=asfe] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=asfe] .pagination-item {
  align-items: baseline;
}
html[data-charte=asfe] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=asfe] .icon-zoom {
  position: inherit;
}
html[data-charte=asfe] figure.img-container img {
  width: 100%;
}
html[data-charte=asfe] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=asfe] div.editor-wrapper .audio, html[data-charte=asfe] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #002f5a;
}
html[data-charte=asfe] div.editor-wrapper .audio, html[data-charte=asfe] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=asfe] div.editor-wrapper .audio, html[data-charte=asfe] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #FFFFFF;
}
html[data-charte=asfe] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=asfe] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=asfe] .audio-preview {
  justify-content: center;
}
html[data-charte=asfe] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=asfe] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=asfe] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=asfe] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=asfe] .audio-message, html[data-charte=asfe] .audio-record, html[data-charte=asfe] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=asfe] .audio-message audio, html[data-charte=asfe] .audio-record audio, html[data-charte=asfe] .audio audio {
  background: #fff;
  border: 2px solid #E3E6E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=asfe] .audio-message .icon-download.voice-message, html[data-charte=asfe] .audio-record .icon-download.voice-message, html[data-charte=asfe] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=asfe] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=asfe] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=asfe] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=asfe] .audio {
  min-width: 20rem;
}
html[data-charte=asfe] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=asfe] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=asfe] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=asfe] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=asfe] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=asfe] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=asfe] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=asfe] #volume-control, html[data-charte=asfe] #speed-control {
  display: none;
}
html[data-charte=asfe] #volume-control > input, html[data-charte=asfe] #speed-control > input {
  width: 65px;
}
html[data-charte=asfe] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=asfe] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=asfe] #volume-control[aria-hidden=false], html[data-charte=asfe] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=asfe] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=asfe] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=asfe] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #002f5a;
}
html[data-charte=asfe] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #FFFFFF;
}
html[data-charte=asfe] input[type=range] {
  -webkit-appearance: none;
  background-color: #d84e38;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=asfe] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #002f5a;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=asfe] div.files-list {
  margin-top: 20px;
}
html[data-charte=asfe] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=asfe] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #d84e38;
}
html[data-charte=asfe] ul.add-list li {
  padding: 0;
}
html[data-charte=asfe] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=asfe] .icon-share, html[data-charte=asfe] .icon-edit, html[data-charte=asfe] .icon-info,
html[data-charte=asfe] .icon-upload, html[data-charte=asfe] .icon-close, html[data-charte=asfe] .icon-info-close,
html[data-charte=asfe] .icon-notify, html[data-charte=asfe] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=asfe] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=asfe] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=asfe] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=asfe] .icon-info, html[data-charte=asfe] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=asfe] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=asfe] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=asfe] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=asfe] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=asfe] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=asfe] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=asfe] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=asfe] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=asfe] main > header.simple:first-child {
  display: block;
}
html[data-charte=asfe] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=asfe] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFFFFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.project-card.closed {
  border-color: #002f5a;
}
html[data-charte=asfe] div.project-card::before, html[data-charte=asfe] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=asfe] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=asfe] div.project-card.closed {
  border-color: #002f5a;
}
html[data-charte=asfe] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=asfe] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFFFFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=asfe] div.project-card h4 a {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.project-card h4 a:visited {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=asfe] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=asfe] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=asfe] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=asfe] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=asfe] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=asfe] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFFFFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=asfe] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #002f5a;
}
html[data-charte=asfe] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=asfe] header p.description {
  font-size: 1.2em;
}
html[data-charte=asfe] div.project-card .content {
  margin-top: auto;
}
html[data-charte=asfe] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=asfe] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=asfe] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=asfe] dl.project-info dt, html[data-charte=asfe] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=asfe] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=asfe] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=asfe] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=asfe] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=asfe] div.project-sheet {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=asfe] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=asfe] p.assignment strong {
  display: block;
}
html[data-charte=asfe] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #d84e38;
}
html[data-charte=asfe] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=asfe] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=asfe] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=asfe] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=asfe] #add-doc-form ul.choices input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] #add-doc-form ul.choices label:hover {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=asfe] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=asfe] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] main.projects .h-card button.info {
  display: none;
}
html[data-charte=asfe] main.projects section.requests h3 {
  display: none;
}
html[data-charte=asfe] section.project-folder {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=asfe] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #d84e38;
  background: #002f5a url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=asfe] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=asfe] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=asfe] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=asfe] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=asfe] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=asfe] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=asfe] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=asfe] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=asfe] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=asfe] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #002f5a;
}
html[data-charte=asfe] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #FFFFFF;
}
html[data-charte=asfe] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=asfe] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=asfe] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=asfe] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=asfe] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=asfe] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=asfe] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=asfe] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=asfe] ul.files-list {
  list-style-type: none;
}
html[data-charte=asfe] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=asfe] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #002f5a;
  border-radius: 100%;
}
html[data-charte=asfe] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=asfe] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=asfe] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=asfe] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=asfe] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=asfe] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
}
html[data-charte=asfe] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=asfe] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=asfe] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=asfe] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=asfe] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=asfe] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=asfe] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=asfe] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=asfe] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=asfe] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=asfe] div.project-card h4 a, html[data-charte=asfe] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=asfe] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=asfe] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=asfe] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=asfe] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=asfe] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #002f5a;
  }
  html[data-charte=asfe] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=asfe] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=asfe] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=asfe] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=asfe] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=asfe] p.nature {
    flex: 1;
  }
  html[data-charte=asfe] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=asfe] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=asfe] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=asfe] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=asfe] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=asfe] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=asfe] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=asfe] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=asfe] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=asfe] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=asfe] ul.treeview button.element-button:hover, html[data-charte=asfe] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=asfe] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=asfe] ul.treeview ul.active {
  display: block;
}
html[data-charte=asfe] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=asfe] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=asfe] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=asfe] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=asfe] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=asfe] ul.treeview button.deploy, html[data-charte=asfe] ul.treeview button.element {
  color: #002f5a;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=asfe] ul.treeview button.deploy, html[data-charte=asfe] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=asfe] ul.treeview button:focus, html[data-charte=asfe] ul.treeview button:hover, html[data-charte=asfe] ul.treeview button.active {
  background-color: #FFFFFF;
}
html[data-charte=asfe] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=asfe] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=asfe] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=asfe] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=asfe] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=asfe] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=asfe] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=asfe] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=asfe] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=asfe] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=asfe] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=asfe] .treeview-search-combo > .treeview {
  border: 1px solid #002f5a;
  padding: 5px 0;
}
html[data-charte=asfe] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=asfe] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=asfe] .treeview-search-combo button.element.highlight, html[data-charte=asfe] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=asfe] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=asfe] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=asfe] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=asfe] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=asfe] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=asfe] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=asfe] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=asfe] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=asfe] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=asfe] #absences-calendar ul.actions-list, html[data-charte=asfe] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=asfe] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=asfe] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=asfe] #absences-calendar .icon-next, html[data-charte=asfe] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=asfe] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=asfe] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=asfe] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=asfe] table.plan-grid th, html[data-charte=asfe] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=asfe] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=asfe] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=asfe] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=asfe] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=asfe] table.plan-grid tr td:first-of-type, html[data-charte=asfe] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=asfe] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=asfe] table.plan-grid div p {
  display: none;
}
html[data-charte=asfe] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=asfe] table.plan-grid div:hover p, html[data-charte=asfe] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=asfe] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=asfe] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=asfe] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=asfe] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=asfe] #absences-calendar ul.actions-list, html[data-charte=asfe] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=asfe] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=asfe] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=asfe] table.plan-grid thead {
    display: none;
  }
  html[data-charte=asfe] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=asfe] table.plan-grid td, html[data-charte=asfe] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=asfe] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=asfe] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=asfe] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=asfe] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=asfe] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=asfe] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=asfe] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=asfe] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=asfe] table.plan-grid div:hover p, html[data-charte=asfe] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=asfe] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=asfe] table.plan-grid div:hover p, html[data-charte=asfe] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=asfe] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=asfe] div.editor-wrapper a, html[data-charte=asfe] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=asfe] div.editor-wrapper a:visited, html[data-charte=asfe] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=asfe] div.editor-wrapper p:not(.feedback-message), html[data-charte=asfe] div.editor-wrapper li, html[data-charte=asfe] div.editor-wrapper th:not(.external-th), html[data-charte=asfe] div.editor-wrapper td:not(.external-td), html[data-charte=asfe] div.editor p:not(.feedback-message), html[data-charte=asfe] div.editor li, html[data-charte=asfe] div.editor th:not(.external-th), html[data-charte=asfe] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=asfe] div.editor-wrapper p, html[data-charte=asfe] div.editor p {
  margin: 1em 0;
}
html[data-charte=asfe] div.editor-wrapper th, html[data-charte=asfe] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=asfe] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=asfe] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=asfe] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=asfe] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=asfe] div.editor-wrapper th[scope=row], html[data-charte=asfe] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=asfe] div.editor-wrapper strong, html[data-charte=asfe] div.editor-wrapper b, html[data-charte=asfe] div.editor-wrapper th:not(.external-th), html[data-charte=asfe] div.editor strong, html[data-charte=asfe] div.editor b, html[data-charte=asfe] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=asfe] div.editor-wrapper table:not(.external-table), html[data-charte=asfe] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block ul, html[data-charte=asfe] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=asfe] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=asfe] #side-bar-profile {
  position: relative;
}
html[data-charte=asfe] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=asfe] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=asfe] header#side-panel {
  color: #d84e38;
}
html[data-charte=asfe] header#side-panel h1 a {
  display: contents;
}
html[data-charte=asfe] .tooltip {
  z-index: 2000;
}
html[data-charte=asfe] div.tooltip .tooltip-inner, html[data-charte=asfe] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=asfe] figure {
  text-align: center;
}
html[data-charte=asfe] figure img {
  margin: 0 auto;
}
html[data-charte=asfe] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #002f5a;
}
html[data-charte=asfe] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=asfe] .feedback-message {
  color: #FFFFFF;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=asfe] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=asfe] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=asfe] .feedback-message.hidden {
  display: none;
}
html[data-charte=asfe] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=asfe] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=asfe] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=asfe] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=asfe] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=asfe] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=asfe] .break-word {
  word-wrap: break-word;
}
html[data-charte=asfe] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=asfe] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=asfe] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=asfe] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFFFFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=asfe] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=asfe] section.login h1::after {
  content: none;
}
html[data-charte=asfe] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=asfe] section.login h2 {
  font-size: 1.5em;
  background-color: #FFFFFF;
  margin-bottom: 1em;
}
html[data-charte=asfe] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=asfe] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #002f5a;
}
html[data-charte=asfe] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=asfe] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=asfe] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=asfe] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=asfe] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=asfe] nav.pagination li {
    margin: 0;
  }
  html[data-charte=asfe] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=asfe] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=asfe] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=asfe] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=asfe] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=asfe] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=asfe] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=asfe] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=asfe] div.bubble {
    min-width: 20em;
  }
  html[data-charte=asfe] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=asfe] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=asfe] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=asfe] div.conversation > ul.actions-list {
    background-color: #E3E6E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=asfe] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=asfe] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=asfe] p.template-selector input {
    width: 80%;
  }
  html[data-charte=asfe] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=asfe] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #002f5a;
  }
  html[data-charte=asfe] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=asfe] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=asfe] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=asfe] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=asfe] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=asfe] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=asfe] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=asfe] div.bubble {
    min-width: 35em;
  }
  html[data-charte=asfe] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=asfe] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=asfe] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=asfe] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=asfe] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=asfe] p, html[data-charte=asfe] li, html[data-charte=asfe] dt, html[data-charte=asfe] dd {
    font-size: 1.1em;
  }
  html[data-charte=asfe] summary {
    font-size: 1.1em;
  }
  html[data-charte=asfe] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=asfe] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=asfe] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=asfe] ul.optional-status li, html[data-charte=asfe] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=asfe] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=asfe] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=asfe] div.card {
    padding: 0.5rem;
  }
  html[data-charte=asfe] div.card > div, html[data-charte=asfe] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=asfe] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=asfe] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=asfe] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=asfe] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=asfe] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=asfe] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=asfe] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=asfe] div.card dt, html[data-charte=asfe] div.card dd {
    font-size: 1em;
  }
  html[data-charte=asfe] div.card a {
    text-decoration: none;
  }
  html[data-charte=asfe] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=asfe] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=asfe] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=asfe] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=asfe] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=asfe] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=asfe] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=asfe] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=asfe] div.bubble .u-photo, html[data-charte=asfe] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=asfe] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=asfe] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=asfe] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=asfe] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=asfe] div.request {
    position: relative;
  }
  html[data-charte=asfe] div.request dt, html[data-charte=asfe] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=asfe] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=asfe] div.request a:hover::after, html[data-charte=asfe] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] h2 {
    font-size: 2.5em;
  }
  html[data-charte=asfe] h3 {
    font-size: 2em;
  }
  html[data-charte=asfe] .collapsible h2, html[data-charte=asfe] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=asfe] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=asfe] #container {
    display: flex;
  }
  html[data-charte=asfe] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=asfe] #wrapper footer {
    display: none;
  }
  html[data-charte=asfe] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=asfe] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=asfe] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=asfe] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=asfe] div.grid-2thirds, html[data-charte=asfe] div.grid-3cols, html[data-charte=asfe] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=asfe] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=asfe] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=asfe] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=asfe] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=asfe] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=asfe] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=asfe] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=asfe] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=asfe] table.transform th {
    display: none;
  }
  html[data-charte=asfe] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=asfe] table.transform tr, html[data-charte=asfe] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=asfe] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #d84e38;
  }
  html[data-charte=asfe] table.transform td + td {
    border-top: 1px solid #002f5a;
  }
  html[data-charte=asfe] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=asfe] table.transform tr td:first-of-type {
    background-color: #E3E6E8;
  }
  html[data-charte=asfe] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=asfe] legend {
    font-size: 1.3em;
  }
  html[data-charte=asfe] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=asfe] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=asfe] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=asfe] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=asfe] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #002f5a;
    background-color: #FFFFFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=asfe] .top-level > legend button.control[aria-expanded=false] {
    color: #d84e38;
    background-color: #d84e38;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=asfe] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=asfe] .highlight {
    padding: 1rem;
  }
  html[data-charte=asfe] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=asfe] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=asfe] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=asfe] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=asfe] div.actions-bar p, html[data-charte=asfe] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=asfe] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=asfe] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=asfe] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=asfe] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=asfe] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=asfe] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=asfe] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=asfe] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #002f5a;
  }
  html[data-charte=asfe] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=asfe] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=asfe] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=asfe] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #002f5a;
  }
  html[data-charte=asfe] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=asfe] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=asfe] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=asfe] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=asfe] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=asfe] div.bubble div.content p:not(.buttons-bar), html[data-charte=asfe] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=asfe] #new-talk .divide {
    display: flex;
  }
  html[data-charte=asfe] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=asfe] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=asfe] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #E3E6E8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=asfe] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=asfe] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=asfe] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=asfe] section.participants div.h-card .u-photo, html[data-charte=asfe] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=asfe] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=asfe] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=asfe] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=asfe] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=asfe] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=asfe] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=asfe] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=asfe] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=asfe] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=asfe] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=asfe] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #FFFFFF;
    flex-direction: column-reverse;
  }
  html[data-charte=asfe] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #002f5a;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=asfe] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=asfe] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=asfe] div.controled {
    background: #002f5a;
    border: none;
    box-shadow: none;
  }
  html[data-charte=asfe] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=asfe] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=asfe] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=asfe] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=asfe] button.nav-control svg {
    display: none;
  }
  html[data-charte=asfe] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=asfe] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=asfe] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=asfe] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=asfe] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=asfe] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=asfe] div.bubble .content p:not(.feedback-message), html[data-charte=asfe] div.bubble .content li, html[data-charte=asfe] div.bubble .content th:not(.external-th), html[data-charte=asfe] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=asfe] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=asfe] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=asfe] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=asfe] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=asfe] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=asfe] div.bubble .content strong, html[data-charte=asfe] div.bubble .content b, html[data-charte=asfe] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=asfe] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=asfe] div.bubble .content li, html[data-charte=asfe] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=asfe] div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
}
html[data-charte=asfe] div.bubble div.content {
  color: #002f5a;
  background-color: #ffe6e6;
}
html[data-charte=asfe] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=asfe] .f-upload-editor {
  display: none;
}
html[data-charte=asfe] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=asfe] .f-size, html[data-charte=asfe] .f-family {
  border: 1px solid #002f5a;
}
@media screen and (max-width: 440px) {
  html[data-charte=asfe] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=asfe] h2 {
  color: #002f5a;
  border: none !important;
}
html[data-charte=asfe] .ember-transitioning-in {
  color: #d84e38;
}
html[data-charte=asfe] button:hover {
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-color: #002f5a !important;
  box-shadow: 0 0 11px rgba(0, 47, 90, 0.5);
}
html[data-charte=asfe] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=asfe] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: #002f5a;
  border-color: #d84e38;
}
html[data-charte=asfe] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=asfe] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  color: #002f5a;
  background-color: #FFFFFF;
  border-color: #d84e38;
}
html[data-charte=asfe] button.form-submit:not(.optional) {
  color: #002f5a;
  background-color: #d84e38;
  color: #FFFFFF !important;
  border-color: #E3E6E8;
  height: 45px;
  border-color: #d84e38;
}
html[data-charte=asfe] button.form-submit:not(.optional):hover {
  background-color: #002f5a !important;
}
html[data-charte=asfe] button.form-submit.optional {
  color: #002f5a;
  border-color: #E3E6E8;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=asfe] button.form-reset {
  color: #002f5a;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=asfe] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #002f5a;
  background-color: transparent !important;
  border-color: #d84e38 !important;
}
html[data-charte=asfe] div.dropdown ul {
  border-color: #d84e38;
  background-color: #E3E6E8;
}
html[data-charte=asfe] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=asfe] a.bt-create {
  color: #FFFFFF !important;
}
html[data-charte=asfe] a.bt-create:hover {
  background-color: #002f5a;
}
html[data-charte=asfe] [class*=icon-],
html[data-charte=asfe] [class*=follow-] {
  text-indent: -500em;
  color: #d84e38;
  background-color: #002f5a !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=asfe] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=asfe] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html[data-charte=asfe] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html[data-charte=asfe] .icon-info-simple,
html[data-charte=asfe] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=asfe] div.card {
  border-bottom-color: #E3E6E8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=asfe] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=asfe] div.conversation-message--owner-organization > div.bubble div.content {
  color: #d84e38;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=asfe] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=asfe] .side-panel-footer {
  background-color: #FFFFFF;
  text-align: center;
}
html[data-charte=asfe] .ember-transitioning-in {
  color: #d84e38 !important;
}
html[data-charte=asfe] section.login h1 {
  background-color: #FFFFFF;
}
html[data-charte=asfe] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=asfe] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23002f5a'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html[data-charte=asfe] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html[data-charte=asfe] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=asfe] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html[data-charte=asfe] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=asfe] select {
  border-color: #d84e38;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E");
}
html[data-charte=asfe] input[type=search],
html[data-charte=asfe] select {
  border-color: #d84e38;
  border-width: 1px;
  background-color: transparent;
  color: #d84e38;
}
html[data-charte=asfe] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23002f5a; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=asfe] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23002f5a' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=asfe] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E") !important;
}
html[data-charte=asfe] legend {
  color: #002f5a;
}
html[data-charte=asfe] label {
  color: #002f5a;
}
html[data-charte=asfe] .side-panel-footer h1 {
  background-image: url("/assets/logo_asfe.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=asfe] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=asfe] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=asfe] div.controled.active .underlay {
  background-color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=asfe] #ccSelector {
  display: none;
}
html[data-charte=asfe] label[for=ccSelector] {
  display: none;
}
html[data-charte=asfe] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=asfe] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=asfe] label[for=recipientSelector] {
  display: none;
}
html[data-charte=asfe] label[for=confidentiality] {
  display: none;
}
html[data-charte=asfe] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=asfe] label[for=subject] {
  display: none !important;
}
html[data-charte=asfe] label[for=subject] + input {
  display: none !important;
}
html[data-charte=asfe] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=asfe] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=asfe] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=asfe] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=asfe] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=asfe] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=asfe] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=asfe] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=asfe] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=asfe] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=asfe] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=asfe] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=asfe] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23002f5a' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=asfe] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=asfe] ul.message-attachments {
  color: #002f5a;
}
html[data-charte=asfe] .tree,
html[data-charte=asfe] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=asfe] .tree {
  background: transparent;
  border: none;
}
html[data-charte=asfe] .tree li:last-child {
  border: 0;
}
html[data-charte=asfe] .section ul {
  display: none;
}
html[data-charte=asfe] .section input[type=checkbox] {
  display: none;
}
html[data-charte=asfe] .section input[type=radio] {
  display: none;
}
html[data-charte=asfe] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #002f5a;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=asfe] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=asfe] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=asfe] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=asfe] .section input:checked ~ ul {
  display: block;
}
html[data-charte=asfe] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=asfe] .section input:checked + label.labelThemeItem {
  color: #d84e38;
  border: 1px solid black;
}
html[data-charte=asfe] .feedback-message {
  color: #002f5a;
}
html[data-charte=asfe] .toast-close-button {
  background-color: transparent !important;
  color: #FFFFFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=asfe] legend {
  color: #002f5a;
  padding: 3px 6px;
}
html[data-charte=asfe] fieldset {
  border-color: #002f5a;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=asfe] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=asfe] form.create-new {
  background-color: #FFFFFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=asfe] select.selector {
  font-weight: bold !important;
}
html[data-charte=asfe] .filetype {
  color: #FFFFFF !important;
  background-color: #002f5a !important;
}
html[data-charte=asfe] .icon-zoom {
  background-color: #E3E6E8 !important;
}
html[data-charte=asfe] .icon-zoom:hover {
  background-color: #E3E6E8 !important;
  box-shadow: 0 0 11px #002f5a;
}
html[data-charte=asfe] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=asfe] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23002f5a'/%3E%3C/svg%3E");
}
html[data-charte=asfe] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=asfe] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=asfe] div.controled {
  background: transparent;
}
html[data-charte=asfe] .disconnection h1 {
  background-image: url("/assets/logo_asfe.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=asfe] .message-body th:not(.external-th), html[data-charte=asfe] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=asfe] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=bdae] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=bdae] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=bdae] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=bdae] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=bdae] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=bdae] div.user-data a, html[data-charte=bdae] div.user-data a:visited {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=bdae] div.user-data button {
  position: relative;
  font-size: 90%;
  color: #d84e38;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=bdae] div.user-data button:focus, html[data-charte=bdae] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=bdae] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=bdae] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=bdae] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=bdae] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=bdae] div.card header {
  padding-left: 2rem;
}
html[data-charte=bdae] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #FFFFFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=bdae] div.card dd {
  line-height: 1.3;
}
html[data-charte=bdae] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=bdae] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=bdae] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=bdae] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=bdae] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=bdae] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=bdae] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=bdae] span.status {
  display: inline-block;
}
html[data-charte=bdae] div.h-card h2 a, html[data-charte=bdae] div.h-card h2 a:visited {
  background-color: #002f5a;
}
html[data-charte=bdae] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=bdae] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=bdae] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=bdae] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=bdae] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=bdae] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=bdae] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=bdae] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=bdae] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=bdae] .chip.default {
  font-size: 0.9rem;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] ul.chips {
  justify-content: flex-start;
}
html[data-charte=bdae] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=bdae] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=bdae] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFFFFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=bdae] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=bdae] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=bdae] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=bdae] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=bdae] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=bdae] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=bdae] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=bdae] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=bdae] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=bdae] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=bdae] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=bdae] div.personal-info div.avatar {
  background-color: #002f5a;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=bdae] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=bdae] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=bdae] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=bdae] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #002f5a;
}
html[data-charte=bdae] main.settings div.data-sheet h4 {
  color: #d84e38;
  background-color: #fff;
}
html[data-charte=bdae] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #002f5a;
}
html[data-charte=bdae] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=bdae] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=bdae] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=bdae] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=bdae] main.conversation > header:first-child {
  display: block;
}
html[data-charte=bdae] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=bdae] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=bdae] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=bdae] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=bdae] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=bdae] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=bdae] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=bdae] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=bdae] div.bubble h3 time {
  display: block;
}
html[data-charte=bdae] div.bubble h3 strong {
  color: #002f5a;
}
html[data-charte=bdae] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=bdae] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=bdae] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=bdae] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #002f5a;
  border-left: 1px solid #002f5a;
}
html[data-charte=bdae] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.bubble div.content {
  color: #d84e38;
  background-color: #d84e38;
  word-wrap: break-word;
}
html[data-charte=bdae] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=bdae] div.bubble div.content a {
  color: #002f5a;
}
html[data-charte=bdae] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=bdae] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=bdae] div.bubble details div {
  display: flex;
}
html[data-charte=bdae] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=bdae] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=bdae] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=bdae] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=bdae] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=bdae] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #002f5a;
}
html[data-charte=bdae] div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.conversation-message--owner-organization > div.bubble div.content a {
  color: #002f5a;
}
html[data-charte=bdae] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=bdae] div.bubble.conversation-message-comments .content {
  color: #002f5a;
  background-color: #fff;
  border: 1px solid #002f5a;
}
html[data-charte=bdae] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=bdae] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=bdae] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=bdae] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=bdae] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=bdae] div.bubble.message-comment .content {
  background-color: #002f5a;
}
html[data-charte=bdae] div.bubble.message-comment .u-photo, html[data-charte=bdae] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=bdae] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=bdae] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
  margin: 1rem 0;
}
html[data-charte=bdae] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=bdae] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=bdae] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=bdae] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=bdae] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=bdae] .message-body blockquote {
  color: #002f5a;
}
html[data-charte=bdae] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=bdae] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=bdae] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=bdae] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=bdae] ul.message-attachments {
  list-style-type: none;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=bdae] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=bdae] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=bdae] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=bdae] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #002f5a;
}
html[data-charte=bdae] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #002f5a;
}
html[data-charte=bdae] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=bdae] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=bdae] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=bdae] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=bdae] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=bdae] div.editor ul.message-attachments {
  border-top: 2px solid #d84e38;
}
html[data-charte=bdae] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=bdae] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=bdae] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=bdae] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=bdae] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=bdae] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=bdae] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=bdae] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=bdae] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #002f5a;
}
html[data-charte=bdae] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=bdae] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=bdae] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.5rem;
}
html[data-charte=bdae] div.request h4 .status {
  margin: 0;
}
html[data-charte=bdae] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #002f5a;
}
html[data-charte=bdae] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=bdae] div.request dl div {
  display: flex;
}
html[data-charte=bdae] div.request dt {
  flex-basis: 5em;
}
html[data-charte=bdae] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=bdae] div.editor, html[data-charte=bdae] form.create-new {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=bdae] form.create-new {
  border: none;
}
html[data-charte=bdae] div.editor h3 {
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=bdae] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=bdae] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=bdae] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] p.template-selector {
  width: 100%;
}
html[data-charte=bdae] p.template-selector input {
  width: 100%;
}
html[data-charte=bdae] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=bdae] div.mce-toolbar-grp button:hover, html[data-charte=bdae] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] select, html[data-charte=bdae] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=bdae] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=bdae] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=bdae] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=bdae] p.mandatory {
  text-align: right;
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=bdae] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=bdae] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=bdae] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #FFFFFF;
  border-radius: 100%;
}
html[data-charte=bdae] .badge {
  color: #d84e38;
  background-color: #FFFFFF;
  margin-left: 1rem;
}
html[data-charte=bdae] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=bdae] nav.pagination ul {
  justify-content: center;
}
html[data-charte=bdae] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=bdae] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=bdae] .chip.label-color-1 {
  color: #FFFFFF;
  background-color: #85D687;
}
html[data-charte=bdae] .chip.label-color-2 {
  color: #FFFFFF;
  background-color: #90CBDA;
}
html[data-charte=bdae] .chip.label-color-3 {
  color: #FFFFFF;
  background-color: #D1CE75;
}
html[data-charte=bdae] .chip.label-color-4 {
  color: #FFFFFF;
  background-color: #E6B3E1;
}
html[data-charte=bdae] .chip.label-color-5 {
  color: #FFFFFF;
  background-color: #D9AC8C;
}
html[data-charte=bdae] #page-labels-settings div.card dt.label-color::before,
html[data-charte=bdae] #main-nav li a.label-color::before,
html[data-charte=bdae] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=bdae] #page-labels-settings div.card dt.label-color::before,
html[data-charte=bdae] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=bdae] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=bdae] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=bdae] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=bdae] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=bdae] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #002f5a;
}
html[data-charte=bdae] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=bdae] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=bdae] #main-nav li a.label-color.label-color-1::before,
html[data-charte=bdae] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=bdae] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=bdae] #main-nav li a.label-color.label-color-2::before,
html[data-charte=bdae] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=bdae] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=bdae] #main-nav li a.label-color.label-color-3::before,
html[data-charte=bdae] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=bdae] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=bdae] #main-nav li a.label-color.label-color-4::before,
html[data-charte=bdae] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=bdae] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=bdae] #main-nav li a.label-color.label-color-5::before,
html[data-charte=bdae] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=bdae] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=bdae] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: #002f5a;
  background-color: #E3E6E8;
  padding-left: 2em;
}
html[data-charte=bdae] div.actions-bar button.icon-check:hover, html[data-charte=bdae] div.actions-bar button.icon-check:focus {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=bdae] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=bdae] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=bdae] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=bdae] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=bdae] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=bdae] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=bdae] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=bdae] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #d84e38;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=bdae] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=bdae] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=bdae] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #FFFFFF;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=bdae] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=bdae] div.project-card p.divided {
  color: #002f5a;
  padding: 0.3em 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] div.project-card.details header {
  position: relative;
}
html[data-charte=bdae] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=bdae] div.project-card.details ul.actions-list {
  background-color: #E3E6E8;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=bdae] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=bdae] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=bdae] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=bdae] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=bdae] html, html[data-charte=bdae] body, html[data-charte=bdae] div, html[data-charte=bdae] span, html[data-charte=bdae] object, html[data-charte=bdae] iframe,
html[data-charte=bdae] h1, html[data-charte=bdae] h2, html[data-charte=bdae] h3, html[data-charte=bdae] h4, html[data-charte=bdae] h5, html[data-charte=bdae] h6, html[data-charte=bdae] p, html[data-charte=bdae] blockquote, html[data-charte=bdae] pre,
html[data-charte=bdae] a, html[data-charte=bdae] abbr, html[data-charte=bdae] address, html[data-charte=bdae] big, html[data-charte=bdae] cite, html[data-charte=bdae] code,
html[data-charte=bdae] del, html[data-charte=bdae] dfn, html[data-charte=bdae] em, html[data-charte=bdae] form, html[data-charte=bdae] img, html[data-charte=bdae] ins, html[data-charte=bdae] kbd, html[data-charte=bdae] q, html[data-charte=bdae] s, html[data-charte=bdae] samp,
html[data-charte=bdae] small, html[data-charte=bdae] strike, html[data-charte=bdae] strong, html[data-charte=bdae] sub, html[data-charte=bdae] sup, html[data-charte=bdae] tt, html[data-charte=bdae] var,
html[data-charte=bdae] b, html[data-charte=bdae] u, html[data-charte=bdae] i, html[data-charte=bdae] dl, html[data-charte=bdae] dt, html[data-charte=bdae] dd, html[data-charte=bdae] ol, html[data-charte=bdae] ul, html[data-charte=bdae] li,
html[data-charte=bdae] fieldset, html[data-charte=bdae] form, html[data-charte=bdae] label, html[data-charte=bdae] legend,
html[data-charte=bdae] table:not(.external-table),
html[data-charte=bdae] caption:not(.external-caption), html[data-charte=bdae] tbody, html[data-charte=bdae] tfoot, html[data-charte=bdae] thead,
html[data-charte=bdae] tr:not(.external-tr),
html[data-charte=bdae] th:not(.external-th),
html[data-charte=bdae] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=bdae] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=bdae] header, html[data-charte=bdae] footer, html[data-charte=bdae] main, html[data-charte=bdae] nav, html[data-charte=bdae] aside, html[data-charte=bdae] article, html[data-charte=bdae] section, html[data-charte=bdae] figure, html[data-charte=bdae] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=bdae] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=bdae] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=bdae] h2, html[data-charte=bdae] h3, html[data-charte=bdae] h4, html[data-charte=bdae] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=bdae] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #FFFFFF;
  background-color: #fff;
}
html[data-charte=bdae] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=bdae] h3 {
  font-size: 1.2em;
  color: #002f5a;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #002f5a;
}
html[data-charte=bdae] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] p, html[data-charte=bdae] li, html[data-charte=bdae] dt, html[data-charte=bdae] dd, html[data-charte=bdae] h5, html[data-charte=bdae] th, html[data-charte=bdae] td {
  font-size: 0.95em;
}
html[data-charte=bdae] li li, html[data-charte=bdae] li p, html[data-charte=bdae] li dt, html[data-charte=bdae] li dd {
  font-size: 100%;
}
html[data-charte=bdae] a {
  color: #002f5a;
}
html[data-charte=bdae] a:visited {
  opacity: 0.8;
}
html[data-charte=bdae] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=bdae] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=bdae] img {
  max-width: 100%;
  border: none;
}
html[data-charte=bdae] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=bdae] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=bdae] blockquote::before, html[data-charte=bdae] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=bdae] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=bdae] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=bdae] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=bdae] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=bdae] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #d84e38;
}
html[data-charte=bdae] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=bdae] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=bdae] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=bdae] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=bdae] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=bdae] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=bdae] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=bdae] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=bdae] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=bdae] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=bdae] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=bdae] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=bdae] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=bdae] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=bdae] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=bdae] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=bdae] button:hover {
  background-color: #FFFFFF;
}
html[data-charte=bdae] button[disabled], html[data-charte=bdae] .form-reset[disabled], html[data-charte=bdae] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=bdae] button[disabled]:hover, html[data-charte=bdae] .form-reset[disabled]:hover, html[data-charte=bdae] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #d84e38;
}
html[data-charte=bdae] .form-submit.optional[disabled]:hover {
  color: #002f5a;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=bdae] button.secondary {
  background-color: #002f5a;
}
html[data-charte=bdae] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html[data-charte=bdae] button.discret:hover, html[data-charte=bdae] button.discret:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=bdae] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #d84e38;
  background-color: #d84e38;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=bdae] [class*=bt-]:hover {
  text-decoration: underline;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] a[class*=bt-], html[data-charte=bdae] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=bdae] [class*=bt-]:hover, html[data-charte=bdae] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=bdae] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=bdae] .bt-create:hover, html[data-charte=bdae] .bt-create:focus {
  background-color: #FFFFFF;
}
html[data-charte=bdae] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=bdae] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=bdae] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=bdae] a.bt-link, html[data-charte=bdae] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=bdae] [class*=icon-], html[data-charte=bdae] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=bdae] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #FFFFFF;
}
html[data-charte=bdae] [class*=icon-].secondary {
  background-color: #002f5a;
}
html[data-charte=bdae] [class*=icon-]:hover, html[data-charte=bdae] [class*=icon-]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #FFFFFF;
}
html[data-charte=bdae] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=bdae] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=bdae] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=bdae] .icon-assign, html[data-charte=bdae] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=bdae] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=bdae] .icon-pin, html[data-charte=bdae] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=bdae] .icon-pinned, html[data-charte=bdae] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=bdae] .icon-pinned:hover, html[data-charte=bdae] .follow-true:hover, html[data-charte=bdae] .icon-pinned:focus, html[data-charte=bdae] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=bdae] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=bdae] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=bdae] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=bdae] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=bdae] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=bdae] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=bdae] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=bdae] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=bdae] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=bdae] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=bdae] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=bdae] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=bdae] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d83550;
}
html[data-charte=bdae] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=bdae] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=bdae] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=bdae] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=bdae] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=bdae] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=bdae] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=bdae] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=bdae] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=bdae] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=bdae] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=bdae] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=bdae] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=bdae] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=bdae] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=bdae] .icon-mark-as-unread, html[data-charte=bdae] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=bdae] .icon-mark-as-read {
  background-color: #002f5a;
}
html[data-charte=bdae] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=bdae] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=bdae] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=bdae] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=bdae] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=bdae] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=bdae] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=bdae] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=bdae] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=bdae] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=bdae] button.icon-check:focus, html[data-charte=bdae] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=bdae] .icon-info-simple, html[data-charte=bdae] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=bdae] button.play, html[data-charte=bdae] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=bdae] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=bdae] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=bdae] button.icon-info-simple:hover, html[data-charte=bdae] button.icon-info-simple:focus,
html[data-charte=bdae] button.icon-back:hover, html[data-charte=bdae] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=bdae] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=bdae] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=bdae] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=bdae] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=bdae] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=bdae] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=bdae] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=bdae] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=bdae] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=bdae] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=bdae] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=bdae] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=bdae] th:not(.external-th), html[data-charte=bdae] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=bdae] th:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 1em 0.5em;
}
html[data-charte=bdae] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=bdae] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=bdae] th[scope=col]:not(.external-th) {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=bdae] th[scope=row] {
  text-align: left;
}
html[data-charte=bdae] .main-form {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] form.main-form legend {
  background-color: #FFFFFF;
}
html[data-charte=bdae] form p {
  margin-bottom: 1.5em;
}
html[data-charte=bdae] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=bdae] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=bdae] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=bdae] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=bdae] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=bdae] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=bdae] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=bdae] fieldset.single {
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=bdae] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=bdae] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=bdae] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=bdae] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=bdae] input[type=text], html[data-charte=bdae] input[type=password], html[data-charte=bdae] input[type=date], html[data-charte=bdae] input[type=url], html[data-charte=bdae] input[type=tel],
html[data-charte=bdae] input[type=time], html[data-charte=bdae] input[type=email], html[data-charte=bdae] input[type=number], html[data-charte=bdae] input[type=search], html[data-charte=bdae] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=bdae] input[type=number], html[data-charte=bdae] input[type=date], html[data-charte=bdae] input[type=time] {
  padding: 0.6em;
}
html[data-charte=bdae] [readonly] {
  color: #002f5a;
  background-color: #E3E6E8;
}
html[data-charte=bdae] input[type=search]:focus {
  outline: 1px dotted #002f5a;
}
html[data-charte=bdae] input[type=text]:focus, html[data-charte=bdae] input[type=password]:focus, html[data-charte=bdae] input[type=url]:focus,
html[data-charte=bdae] input[type=date]:focus, html[data-charte=bdae] input[type=search]:focus, html[data-charte=bdae] select:focus {
  border-color: #d84e38;
}
html[data-charte=bdae] input[type=url], html[data-charte=bdae] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=bdae] input[type=number] {
  width: 6em;
}
html[data-charte=bdae] .has-error input {
  border-color: #f00;
}
html[data-charte=bdae] .required {
  margin-bottom: 2rem;
}
html[data-charte=bdae] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=bdae] select::-ms-expand {
  display: none;
}
html[data-charte=bdae] [type=submit], html[data-charte=bdae] [type=reset], html[data-charte=bdae] button.form-submit, html[data-charte=bdae] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.55em 1.5em;
  border: 1px solid #d84e38;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=bdae] [type=reset], html[data-charte=bdae] button.form-reset {
  color: #FFFFFF;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=bdae] [type=submit]:hover, html[data-charte=bdae] [type=submit]:focus,
html[data-charte=bdae] [type=submit].optional:hover, html[data-charte=bdae] [type=submit].optional:focus,
html[data-charte=bdae] [type=reset]:hover, html[data-charte=bdae] [type=reset]:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=bdae] button.form-submit:hover, html[data-charte=bdae] button.form-submit:focus,
html[data-charte=bdae] button.form-submit.optional:hover, html[data-charte=bdae] button.form-submit.optional:focus,
html[data-charte=bdae] button.form-reset:hover, html[data-charte=bdae] button.form-reset:focus {
  color: #d84e38;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html[data-charte=bdae] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=bdae] [type=submit] + [type=reset], html[data-charte=bdae] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=bdae] [type=submit].optional, html[data-charte=bdae] button.form-submit.optional {
  color: #002f5a;
  background-color: #fff;
  border-color: #002f5a;
}
html[data-charte=bdae] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #d84e38;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=bdae] input[type=image]:hover {
  background-color: #FFFFFF;
}
html[data-charte=bdae] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=bdae] ::-webkit-input-placeholder, html[data-charte=bdae] ::-moz-placeholder, html[data-charte=bdae] :-moz-placeholder, html[data-charte=bdae] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=bdae] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=bdae] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=bdae] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=bdae] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=bdae] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=bdae] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=bdae] .highlight {
  background-color: #E3E6E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=bdae] .highlight label, html[data-charte=bdae] .top-level .highlight label {
  background-color: #E3E6E8;
}
html[data-charte=bdae] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=bdae] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=bdae] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=bdae] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=bdae] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=bdae] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=bdae] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=bdae] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=bdae] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=bdae] ul.choices {
  display: flex;
}
html[data-charte=bdae] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=bdae] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=bdae] ul.choices.vertical {
  display: block;
}
html[data-charte=bdae] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=bdae] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=bdae] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=bdae] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=bdae] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=bdae] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=bdae] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=bdae] .form-makeup input:checked + label::before, html[data-charte=bdae] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=bdae] .form-makeup input:focus + label {
  outline: 1px dotted #002f5a;
}
html[data-charte=bdae] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=bdae] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=bdae] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=bdae] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=bdae] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=bdae] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=bdae] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=bdae] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=bdae] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFFFFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=bdae] .check-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html[data-charte=bdae] .check-chips input:checked + label, html[data-charte=bdae] .check-chips label.active {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=bdae] .check-chips input[checked] + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=bdae] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=bdae] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=bdae] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=bdae] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=bdae] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=bdae] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=bdae] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=bdae] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=bdae] .field-comment {
  font-size: 90%;
  color: #FFFFFF;
  padding: 0.3em;
}
html[data-charte=bdae] div.error-messages {
  text-align: center;
  color: #002f5a;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=bdae] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=bdae] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=bdae] input[aria-invalid=true] {
  color: #d84e38;
  background-color: #f00;
  border-color: #002f5a;
}
html[data-charte=bdae] input[aria-invalid=true]:focus {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #002f5a;
}
html[data-charte=bdae] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=bdae] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=bdae] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=bdae] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=bdae] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=bdae] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=bdae] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=bdae] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #E3E6E8;
  transition: all 0.2s;
}
html[data-charte=bdae] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=bdae] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=bdae] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=bdae] div.card dl {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=bdae] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=bdae] div.card dt, html[data-charte=bdae] div.card dd {
  max-width: 100%;
}
html[data-charte=bdae] div.card a.allover {
  text-decoration: none;
}
html[data-charte=bdae] div.card a {
  text-decoration: none;
}
html[data-charte=bdae] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=bdae] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=bdae] div.card.unread a, html[data-charte=bdae] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
}
html[data-charte=bdae] div.card.read a, html[data-charte=bdae] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #002f5a;
}
html[data-charte=bdae] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=bdae] span.social-icon img {
  width: 16px;
}
html[data-charte=bdae] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=bdae] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=bdae] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=bdae] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=bdae] div.card.confidential em {
  font-style: italic;
}
html[data-charte=bdae] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=bdae] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
}
html[data-charte=bdae] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=bdae] div.h-card form p {
  margin: 0;
}
html[data-charte=bdae] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #d84e38;
  background-color: #002f5a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=bdae] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #002f5a;
  margin: 0;
}
html[data-charte=bdae] div.h-card h2 a, html[data-charte=bdae] div.h-card h2 a:visited {
  text-decoration: none;
  color: #d84e38;
}
html[data-charte=bdae] div.h-card h2 a:hover, html[data-charte=bdae] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=bdae] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=bdae] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=bdae] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=bdae] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=bdae] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=bdae] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=bdae] div.spinner strong {
  display: block;
}
html[data-charte=bdae] div.spinner ::before, html[data-charte=bdae] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=bdae] div.spinner p::before,
html[data-charte=bdae] div.spinner p::after,
html[data-charte=bdae] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=bdae] div.spinner.ease-in-out ::before, html[data-charte=bdae] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #d84e38;
}
html[data-charte=bdae] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=bdae] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=bdae] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=bdae] div.spinner.cubic-bezier ::before, html[data-charte=bdae] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #d84e38;
}
html[data-charte=bdae] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=bdae] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=bdae] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #d84e38;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #d84e38;
  }
}
html[data-charte=bdae] div.spinner.ease-in-out-fill ::before, html[data-charte=bdae] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=bdae] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=bdae] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=bdae] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=bdae] div.spinner.linear-dot ::before, html[data-charte=bdae] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #d84e38;
}
html[data-charte=bdae] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=bdae] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=bdae] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=bdae] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=bdae] div.spinner.linear-circle ::before, html[data-charte=bdae] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=bdae] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=bdae] div.spinner.linear-circle p::before,
html[data-charte=bdae] div.spinner.linear-circle strong::before,
html[data-charte=bdae] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=bdae] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=bdae] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=bdae] div.spinner.progress-bar ::before, html[data-charte=bdae] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=bdae] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=bdae] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=bdae] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=bdae] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=bdae] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=bdae] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #E3E6E8;
  border-radius: 5px;
}
html[data-charte=bdae] .box-animation .box {
  background: #d84e38;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=bdae] .box1, html[data-charte=bdae] .box4, html[data-charte=bdae] .box8, html[data-charte=bdae] .box11, html[data-charte=bdae] .box13, html[data-charte=bdae] .box16, html[data-charte=bdae] .box20 {
  animation-name: quiet;
}
html[data-charte=bdae] .box2, html[data-charte=bdae] .box6, html[data-charte=bdae] .box10, html[data-charte=bdae] .box14, html[data-charte=bdae] .box17, html[data-charte=bdae] .box19 {
  animation-name: normal;
}
html[data-charte=bdae] .box3, html[data-charte=bdae] .box5, html[data-charte=bdae] .box7, html[data-charte=bdae] .box9, html[data-charte=bdae] .box12, html[data-charte=bdae] .box15, html[data-charte=bdae] .box18 {
  animation-name: loud;
}
html[data-charte=bdae] [class*=icon-].icon-reading-speed {
  background-color: #002f5a;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=bdae] [class*=icon-].icon-reading-speed:hover {
  background-color: #FFFFFF;
}
html[data-charte=bdae] [class*=icon-].icon-volume {
  background-color: #002f5a;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=bdae] [class*=icon-].icon-volume:hover {
  background-color: #FFFFFF;
}
html[data-charte=bdae] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #d84e38;
  background-color: #000;
  /*IE*/
  background-color: #FFFFFF;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=bdae] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #FFFFFF;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=bdae] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=bdae] .show-icons a:hover + .tooltip, html[data-charte=bdae] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=bdae] .alternative-alt:hover, html[data-charte=bdae] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=bdae] .alternative-alt:hover::before, html[data-charte=bdae] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: #d84e38;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=bdae] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=bdae] .ember-basic-dropdown, html[data-charte=bdae] .ember-basic-dropdown-content, html[data-charte=bdae] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=bdae] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=bdae] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=bdae] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=bdae] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=bdae] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=bdae] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #002f5a;
}
html[data-charte=bdae] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=bdae] .ember-power-select-options li:hover, html[data-charte=bdae] .ember-power-select-options li:focus {
  background-color: #002f5a;
}
html[data-charte=bdae] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=bdae] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=bdae] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=bdae] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=bdae] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=bdae] .ember-power-select-trigger:focus,
html[data-charte=bdae] .ember-power-select-trigger--active {
  border-top: 2px solid #d84e38;
  box-shadow: none;
}
html[data-charte=bdae] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=bdae] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=bdae] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=bdae] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=bdae] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=bdae] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=bdae] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=bdae] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=bdae] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=bdae] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=bdae] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #d84e38;
  background-color: #FFFFFF;
  z-index: 1020;
}
html[data-charte=bdae] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=bdae] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=bdae] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=bdae] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #002f5a;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=bdae] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=bdae] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=bdae] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html[data-charte=bdae] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=bdae] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=bdae] div.controled.active {
  margin-left: 0;
}
html[data-charte=bdae] div.controled div.content {
  display: none;
}
html[data-charte=bdae] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=bdae] div.controled > * {
  pointer-events: auto;
}
html[data-charte=bdae] .underlay {
  opacity: 0;
}
html[data-charte=bdae] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=bdae] #main-nav h2 {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] #main-nav h2::before {
  content: none;
}
html[data-charte=bdae] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=bdae] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #002f5a;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=bdae] button.nav-control:focus {
  outline-color: #d84e38;
}
html[data-charte=bdae] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=bdae] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=bdae] #menu-control polygon {
  fill: #002f5a;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=bdae] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=bdae] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=bdae] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=bdae] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #E3E6E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=bdae] #main-nav li a, html[data-charte=bdae] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #d84e38;
  background-color: #FFFFFF;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=bdae] #main-nav li a:focus, html[data-charte=bdae] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=bdae] #main-nav li a::after, html[data-charte=bdae] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #FFFFFF;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=bdae] #main-nav li a.active::after,
html[data-charte=bdae] #main-nav li a:hover::after,
html[data-charte=bdae] #main-nav li a:focus::after {
  background-color: #d84e38;
}
html[data-charte=bdae] #main-nav li button:hover::after,
html[data-charte=bdae] #main-nav li button:focus::after {
  background-color: #d84e38;
}
html[data-charte=bdae] #main-nav li.active > button:first-child::after {
  background-color: #d84e38;
}
html[data-charte=bdae] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #d84e38;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=bdae] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=bdae] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=bdae] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=bdae] .simplebar-offset {
  width: 100%;
}
html[data-charte=bdae] #main-nav li a.bt-create, html[data-charte=bdae] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=bdae] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=bdae] #main-nav li a.bt-create:hover, html[data-charte=bdae] #main-nav li a.bt-create:focus {
  background-color: #002f5a;
}
html[data-charte=bdae] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #002f5a;
}
html[data-charte=bdae] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=bdae] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=bdae] #main-nav button.has-level2, html[data-charte=bdae] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=bdae] #main-nav button.has-level2::after, html[data-charte=bdae] #main-nav a.has-level2::after,
html[data-charte=bdae] #main-nav button.has-level2:hover::after, html[data-charte=bdae] #main-nav a.has-level2:hover::after,
html[data-charte=bdae] #main-nav button.has-level2:focus::after, html[data-charte=bdae] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=bdae] #main-nav button.collapse::after,
html[data-charte=bdae] #main-nav button.collapse:hover::after,
html[data-charte=bdae] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=bdae] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=bdae] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=bdae] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #d84e38;
  background-color: #d84e38;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=bdae] p.uploader input:focus + label.icon-file-uploader {
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=bdae] div.modal[aria-hidden=false], html[data-charte=bdae] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=bdae] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=bdae] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=bdae] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=bdae] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=bdae] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=bdae] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=bdae] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=bdae] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=bdae] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=bdae] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=bdae] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=bdae] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=bdae] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #002f5a;
  border-radius: 0.2em;
}
html[data-charte=bdae] div.dropdown button.dd-trigger:hover, html[data-charte=bdae] div.dropdown button.dd-trigger:focus {
  border-color: #d84e38;
}
html[data-charte=bdae] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=bdae] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=bdae] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=bdae] div.dropdown ul button,
html[data-charte=bdae] div.dropdown ul a,
html[data-charte=bdae] div.dropdown ul [class*=icon-],
html[data-charte=bdae] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=bdae] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=bdae] div.dropdown ul button:hover, html[data-charte=bdae] div.dropdown ul a:hover,
html[data-charte=bdae] div.dropdown ul button:focus, html[data-charte=bdae] div.dropdown ul a:focus,
html[data-charte=bdae] div.dropdown ul [class*=icon-]:focus, html[data-charte=bdae] div.dropdown ul [class*=icon-]:hover,
html[data-charte=bdae] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=bdae] div.dropdown ul [class*=icon-].secondary:hover {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=bdae] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=bdae] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=bdae] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=bdae] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=bdae] nav.pagination li:not(.page) + li.page, html[data-charte=bdae] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=bdae] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=bdae] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=bdae] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=bdae] nav.pagination li.disabled {
  display: none;
}
html[data-charte=bdae] nav.pagination a, html[data-charte=bdae] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #002f5a;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=bdae] nav.pagination a.firstPage, html[data-charte=bdae] nav.pagination a.previousPage, html[data-charte=bdae] nav.pagination a.nextPage, html[data-charte=bdae] nav.pagination a.lastPage, html[data-charte=bdae] nav.pagination li button.firstPage, html[data-charte=bdae] nav.pagination li button.previousPage, html[data-charte=bdae] nav.pagination li button.nextPage, html[data-charte=bdae] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=bdae] nav.pagination a.firstPage, html[data-charte=bdae] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=bdae] nav.pagination a.previousPage, html[data-charte=bdae] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=bdae] nav.pagination a.nextPage, html[data-charte=bdae] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=bdae] nav.pagination a.lastPage, html[data-charte=bdae] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=bdae] nav.pagination a:hover, html[data-charte=bdae] nav.pagination a:focus, html[data-charte=bdae] nav.pagination li.active a,
html[data-charte=bdae] nav.pagination li button:hover, html[data-charte=bdae] nav.pagination li button:focus, html[data-charte=bdae] nav.pagination li.active button {
  border-bottom-color: #d84e38;
}
html[data-charte=bdae] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=bdae] nav.pagination li.shortcut a, html[data-charte=bdae] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=bdae] select.selector, html[data-charte=bdae] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=bdae] .has-error input, html[data-charte=bdae] .has-error select, html[data-charte=bdae] .has-error textarea {
  border-color: #f00;
}
html[data-charte=bdae] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=bdae] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=bdae] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=bdae] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=bdae] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=bdae] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=bdae] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=bdae] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=bdae] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=bdae] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=bdae] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=bdae] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=bdae] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=bdae] div.editor {
  position: relative;
}
html[data-charte=bdae] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=bdae] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=bdae] p + div.editor {
  margin-top: 1em;
}
html[data-charte=bdae] div.editor-wrapper a, html[data-charte=bdae] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=bdae] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=bdae] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #E3E6E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li > button,
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #E3E6E8;
  padding: 0;
  border: none;
}
html[data-charte=bdae] strong, html[data-charte=bdae] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=bdae] em, html[data-charte=bdae] i {
  font-style: italic;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block p, html[data-charte=bdae] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=bdae] .has-error div.editor-wrapper div.editable-block,
html[data-charte=bdae] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block:focus, html[data-charte=bdae] div.editor-wrapper div.editable-block:hover {
  border-color: #d84e38;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #002f5a;
}
html[data-charte=bdae] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=bdae] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=bdae] select.models, html[data-charte=bdae] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=bdae] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=bdae] .contentEditableValue {
  display: none;
}
html[data-charte=bdae] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=bdae] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=bdae] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #002f5a;
}
html[data-charte=bdae] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=bdae] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=bdae] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=bdae] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=bdae] #color-poly {
  display: none;
}
html[data-charte=bdae] #color-poly.active {
  display: block;
}
html[data-charte=bdae] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=bdae] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=bdae] button.color:hover, html[data-charte=bdae] button.color:focus {
  border-top-color: #002f5a;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #002f5a;
}
html[data-charte=bdae] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=bdae] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFFFFF;
  border: 1px solid #002f5a;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #002f5a;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #002f5a;
}
html[data-charte=bdae] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=bdae] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=bdae] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=bdae] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=bdae] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=bdae] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=bdae] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=bdae] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=bdae] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=bdae] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=bdae] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=bdae] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=bdae] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=bdae] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=bdae] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=bdae] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=bdae] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=bdae] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=bdae] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #E3E6E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=bdae] div.format-options.active {
  display: block;
}
html[data-charte=bdae] div.format-options p {
  margin: 0;
}
html[data-charte=bdae] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=bdae] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=bdae] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=bdae] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=bdae] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #d84e38;
  background-color: #002f5a;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=bdae] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=bdae] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=bdae] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=bdae] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=bdae] mark {
  cursor: help;
}
html[data-charte=bdae] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=bdae] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=bdae] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=bdae] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=bdae] b ul.sc-options li, html[data-charte=bdae] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=bdae] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=bdae] em ul.sc-options li, html[data-charte=bdae] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=bdae] ul.sc-options li:hover, html[data-charte=bdae] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=bdae] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #002f5a;
}
html[data-charte=bdae] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=bdae] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #002f5a;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=bdae] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=bdae] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #002f5a;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=bdae] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #E3E6E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #002f5a;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=bdae] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=bdae] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=bdae] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=bdae] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #FFFFFF;
  cursor: default;
  z-index: 1;
}
html[data-charte=bdae] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #FFFFFF;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=bdae] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=bdae] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=bdae] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=bdae] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=bdae] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=bdae] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=bdae] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #E3E6E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=bdae] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=bdae] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=bdae] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=bdae] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] select, html[data-charte=bdae] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=bdae] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=bdae] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=bdae] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #d84e38;
  padding: 1rem;
  background-color: #002f5a;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=bdae] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=bdae] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=bdae] section.participants div.h-card .u-photo, html[data-charte=bdae] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=bdae] main.conversation section.participants ul.actions-list,
html[data-charte=bdae] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=bdae] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=bdae] ul.avatars {
  list-style-type: none;
  background-color: #E3E6E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=bdae] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=bdae] ul.avatars li + li {
  border-top: 1px dotted #002f5a;
}
html[data-charte=bdae] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=bdae] div.actions-bar {
  color: #002f5a;
  background-color: #E3E6E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.actions-bar p, html[data-charte=bdae] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=bdae] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=bdae] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=bdae] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] div.actions-bar .radio-chips label {
  border: 1px solid #002f5a;
}
html[data-charte=bdae] div.actions-bar .radio-chips input:hover + label, html[data-charte=bdae] div.actions-bar .radio-chips input:focus + label {
  color: #002f5a;
  background-color: #E3E6E8;
  border-color: #d84e38;
}
html[data-charte=bdae] div.actions-bar .radio-chips input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
  border-color: #d84e38;
}
html[data-charte=bdae] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=bdae] div.actions-bar > * {
  padding: 0;
}
html[data-charte=bdae] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=bdae] .collapsible h3, html[data-charte=bdae] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=bdae] .collapsible > .content {
  display: none;
}
html[data-charte=bdae] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFFFFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=bdae] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=bdae] .collapsible button.control[aria-expanded=true] {
  background-color: #d84e38;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=bdae] .collapsible.top-level button.control {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] fieldset.collapsible.sub-group {
  border-top: 1px solid #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=bdae] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=bdae] fieldset.collapsible.sub-group button.control {
  color: #002f5a;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=bdae] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=bdae] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=bdae] .collapsible.top-level button.control[aria-expanded=true] {
    color: #FFFFFF;
    background-color: #FFFFFF;
  }
  html[data-charte=bdae] header .collapsible {
    width: 100%;
  }
  html[data-charte=bdae] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=bdae] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #d84e38;
}
html[data-charte=bdae] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=bdae] ul.tabs li a, html[data-charte=bdae] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=bdae] ul.tabs li a:hover, html[data-charte=bdae] ul.tabs li a:focus {
  color: #d84e38;
  background-color: #FFFFFF;
}
html[data-charte=bdae] ul.tabs li.active a, html[data-charte=bdae] ul.tabs li.active a:visited {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=bdae] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=bdae] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=bdae] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #d84e38;
  background-color: #d84e38;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=bdae] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=bdae] .top-level label {
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=bdae] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=bdae] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=bdae] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=bdae] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=bdae] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=bdae] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=bdae] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=bdae] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=bdae] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=bdae] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #002f5a;
}
html[data-charte=bdae] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=bdae] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=bdae] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #d84e38;
}
html[data-charte=bdae] details.special li {
  font-size: 0.7em;
}
html[data-charte=bdae] details.simple {
  color: #002f5a;
  padding: 0;
  border: none;
}
html[data-charte=bdae] details.simple summary {
  font-size: 80%;
  color: #002f5a;
  margin-top: 1em;
}
html[data-charte=bdae] details.simple summary::after {
  content: " +";
}
html[data-charte=bdae] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=bdae] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=bdae] .nowrap {
  white-space: nowrap;
}
html[data-charte=bdae] hr {
  border: none;
  border-top: 1px dotted #002f5a;
  margin-bottom: 1rem;
}
html[data-charte=bdae] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=bdae] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=bdae] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=bdae] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=bdae] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=bdae] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=bdae] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=bdae] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=bdae] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=bdae] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=bdae] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=bdae] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=bdae] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=bdae] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #d84e38;
}
html[data-charte=bdae] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #002f5a;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=bdae] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=bdae] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=bdae] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=bdae] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=bdae] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=bdae] .form-makeup input:checked + label::before, html[data-charte=bdae] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=bdae] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=bdae] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=bdae] button[disabled], html[data-charte=bdae] .form-reset[disabled], html[data-charte=bdae] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #002f5a;
  }
  html[data-charte=bdae] button[disabled]:hover, html[data-charte=bdae] .form-reset[disabled]:hover, html[data-charte=bdae] .form-submit[disabled]:hover {
    background-color: #002f5a;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=bdae] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=bdae] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=bdae] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=bdae] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=bdae] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=bdae] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=bdae] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=bdae] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=bdae] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=bdae] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=bdae] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=bdae] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=bdae] div.datepickerDialog caption button {
  background-color: #FFFFFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=bdae] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=bdae] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=bdae] div.datepickerDialog th, html[data-charte=bdae] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=bdae] div.datepickerDialog th {
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.datepickerDialog td button {
  width: 100%;
  color: #002f5a;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=bdae] div.datepickerDialog td button:hover, html[data-charte=bdae] div.datepickerDialog td button:focus {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] div.datepickerDialog td button.disabled {
  color: #002f5a;
  background-color: #fff;
}
html[data-charte=bdae] div.datepickerDialog p.buttons-bar, html[data-charte=bdae] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #E3E6E8;
}
html[data-charte=bdae] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=bdae] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=bdae] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=bdae] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=bdae] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=bdae] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=bdae] .icon-zoom:hover {
  background-color: #FFFFFF;
}
html[data-charte=bdae] .icon-zoom:focus {
  background-color: #002f5a;
}
html[data-charte=bdae] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=bdae] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=bdae] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=bdae] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=bdae] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=bdae] .preview-page a i:focus {
  outline: none;
}
html[data-charte=bdae] .preview-page a i:hover {
  outline: none;
}
html[data-charte=bdae] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=bdae] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=bdae] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=bdae] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=bdae] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=bdae] .pagination-item {
  align-items: baseline;
}
html[data-charte=bdae] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=bdae] .icon-zoom {
  position: inherit;
}
html[data-charte=bdae] figure.img-container img {
  width: 100%;
}
html[data-charte=bdae] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=bdae] div.editor-wrapper .audio, html[data-charte=bdae] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #002f5a;
}
html[data-charte=bdae] div.editor-wrapper .audio, html[data-charte=bdae] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=bdae] div.editor-wrapper .audio, html[data-charte=bdae] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #FFFFFF;
}
html[data-charte=bdae] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=bdae] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=bdae] .audio-preview {
  justify-content: center;
}
html[data-charte=bdae] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=bdae] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=bdae] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=bdae] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=bdae] .audio-message, html[data-charte=bdae] .audio-record, html[data-charte=bdae] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=bdae] .audio-message audio, html[data-charte=bdae] .audio-record audio, html[data-charte=bdae] .audio audio {
  background: #fff;
  border: 2px solid #E3E6E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=bdae] .audio-message .icon-download.voice-message, html[data-charte=bdae] .audio-record .icon-download.voice-message, html[data-charte=bdae] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=bdae] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=bdae] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=bdae] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=bdae] .audio {
  min-width: 20rem;
}
html[data-charte=bdae] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=bdae] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=bdae] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=bdae] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=bdae] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=bdae] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=bdae] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=bdae] #volume-control, html[data-charte=bdae] #speed-control {
  display: none;
}
html[data-charte=bdae] #volume-control > input, html[data-charte=bdae] #speed-control > input {
  width: 65px;
}
html[data-charte=bdae] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=bdae] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=bdae] #volume-control[aria-hidden=false], html[data-charte=bdae] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=bdae] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=bdae] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=bdae] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #002f5a;
}
html[data-charte=bdae] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #FFFFFF;
}
html[data-charte=bdae] input[type=range] {
  -webkit-appearance: none;
  background-color: #d84e38;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=bdae] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #002f5a;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=bdae] div.files-list {
  margin-top: 20px;
}
html[data-charte=bdae] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=bdae] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #d84e38;
}
html[data-charte=bdae] ul.add-list li {
  padding: 0;
}
html[data-charte=bdae] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=bdae] .icon-share, html[data-charte=bdae] .icon-edit, html[data-charte=bdae] .icon-info,
html[data-charte=bdae] .icon-upload, html[data-charte=bdae] .icon-close, html[data-charte=bdae] .icon-info-close,
html[data-charte=bdae] .icon-notify, html[data-charte=bdae] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=bdae] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=bdae] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=bdae] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=bdae] .icon-info, html[data-charte=bdae] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=bdae] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=bdae] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=bdae] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=bdae] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=bdae] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=bdae] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=bdae] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=bdae] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=bdae] main > header.simple:first-child {
  display: block;
}
html[data-charte=bdae] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=bdae] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFFFFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.project-card.closed {
  border-color: #002f5a;
}
html[data-charte=bdae] div.project-card::before, html[data-charte=bdae] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=bdae] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=bdae] div.project-card.closed {
  border-color: #002f5a;
}
html[data-charte=bdae] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=bdae] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFFFFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=bdae] div.project-card h4 a {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.project-card h4 a:visited {
  color: #002f5a;
  background-color: #FFFFFF;
}
html[data-charte=bdae] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=bdae] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=bdae] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=bdae] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=bdae] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=bdae] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFFFFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=bdae] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #002f5a;
}
html[data-charte=bdae] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=bdae] header p.description {
  font-size: 1.2em;
}
html[data-charte=bdae] div.project-card .content {
  margin-top: auto;
}
html[data-charte=bdae] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #002f5a;
  border-bottom: 1px solid #002f5a;
}
html[data-charte=bdae] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=bdae] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=bdae] dl.project-info dt, html[data-charte=bdae] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=bdae] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=bdae] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=bdae] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=bdae] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=bdae] div.project-sheet {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=bdae] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=bdae] p.assignment strong {
  display: block;
}
html[data-charte=bdae] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #d84e38;
}
html[data-charte=bdae] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=bdae] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=bdae] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=bdae] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=bdae] #add-doc-form ul.choices input:checked + label {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] #add-doc-form ul.choices label:hover {
  color: #d84e38;
  background-color: #d84e38;
}
html[data-charte=bdae] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=bdae] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] main.projects .h-card button.info {
  display: none;
}
html[data-charte=bdae] main.projects section.requests h3 {
  display: none;
}
html[data-charte=bdae] section.project-folder {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=bdae] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #d84e38;
  background: #002f5a url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=bdae] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=bdae] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=bdae] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=bdae] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=bdae] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=bdae] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=bdae] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=bdae] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=bdae] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=bdae] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #002f5a;
}
html[data-charte=bdae] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #FFFFFF;
}
html[data-charte=bdae] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=bdae] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=bdae] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=bdae] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=bdae] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=bdae] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=bdae] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=bdae] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=bdae] ul.files-list {
  list-style-type: none;
}
html[data-charte=bdae] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=bdae] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #002f5a;
  border-radius: 100%;
}
html[data-charte=bdae] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=bdae] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=bdae] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=bdae] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=bdae] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=bdae] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
}
html[data-charte=bdae] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=bdae] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=bdae] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #002f5a;
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=bdae] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=bdae] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=bdae] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=bdae] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=bdae] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=bdae] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=bdae] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=bdae] div.project-card h4 a, html[data-charte=bdae] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=bdae] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=bdae] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=bdae] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=bdae] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=bdae] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #002f5a;
  }
  html[data-charte=bdae] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=bdae] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=bdae] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=bdae] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=bdae] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=bdae] p.nature {
    flex: 1;
  }
  html[data-charte=bdae] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=bdae] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=bdae] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=bdae] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=bdae] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=bdae] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=bdae] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=bdae] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=bdae] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=bdae] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=bdae] ul.treeview button.element-button:hover, html[data-charte=bdae] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=bdae] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=bdae] ul.treeview ul.active {
  display: block;
}
html[data-charte=bdae] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=bdae] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=bdae] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=bdae] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=bdae] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=bdae] ul.treeview button.deploy, html[data-charte=bdae] ul.treeview button.element {
  color: #002f5a;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=bdae] ul.treeview button.deploy, html[data-charte=bdae] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=bdae] ul.treeview button:focus, html[data-charte=bdae] ul.treeview button:hover, html[data-charte=bdae] ul.treeview button.active {
  background-color: #FFFFFF;
}
html[data-charte=bdae] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=bdae] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=bdae] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=bdae] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=bdae] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=bdae] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=bdae] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=bdae] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=bdae] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=bdae] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=bdae] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=bdae] .treeview-search-combo > .treeview {
  border: 1px solid #002f5a;
  padding: 5px 0;
}
html[data-charte=bdae] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=bdae] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=bdae] .treeview-search-combo button.element.highlight, html[data-charte=bdae] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=bdae] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=bdae] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=bdae] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=bdae] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=bdae] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=bdae] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=bdae] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=bdae] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=bdae] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=bdae] #absences-calendar ul.actions-list, html[data-charte=bdae] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=bdae] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=bdae] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=bdae] #absences-calendar .icon-next, html[data-charte=bdae] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=bdae] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=bdae] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=bdae] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=bdae] table.plan-grid th, html[data-charte=bdae] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=bdae] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=bdae] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=bdae] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=bdae] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=bdae] table.plan-grid tr td:first-of-type, html[data-charte=bdae] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=bdae] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=bdae] table.plan-grid div p {
  display: none;
}
html[data-charte=bdae] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=bdae] table.plan-grid div:hover p, html[data-charte=bdae] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=bdae] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=bdae] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=bdae] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=bdae] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=bdae] #absences-calendar ul.actions-list, html[data-charte=bdae] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=bdae] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=bdae] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=bdae] table.plan-grid thead {
    display: none;
  }
  html[data-charte=bdae] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=bdae] table.plan-grid td, html[data-charte=bdae] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=bdae] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=bdae] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=bdae] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=bdae] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=bdae] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=bdae] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=bdae] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=bdae] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=bdae] table.plan-grid div:hover p, html[data-charte=bdae] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=bdae] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=bdae] table.plan-grid div:hover p, html[data-charte=bdae] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=bdae] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=bdae] div.editor-wrapper a, html[data-charte=bdae] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=bdae] div.editor-wrapper a:visited, html[data-charte=bdae] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=bdae] div.editor-wrapper p:not(.feedback-message), html[data-charte=bdae] div.editor-wrapper li, html[data-charte=bdae] div.editor-wrapper th:not(.external-th), html[data-charte=bdae] div.editor-wrapper td:not(.external-td), html[data-charte=bdae] div.editor p:not(.feedback-message), html[data-charte=bdae] div.editor li, html[data-charte=bdae] div.editor th:not(.external-th), html[data-charte=bdae] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=bdae] div.editor-wrapper p, html[data-charte=bdae] div.editor p {
  margin: 1em 0;
}
html[data-charte=bdae] div.editor-wrapper th, html[data-charte=bdae] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=bdae] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=bdae] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=bdae] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=bdae] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=bdae] div.editor-wrapper th[scope=row], html[data-charte=bdae] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=bdae] div.editor-wrapper strong, html[data-charte=bdae] div.editor-wrapper b, html[data-charte=bdae] div.editor-wrapper th:not(.external-th), html[data-charte=bdae] div.editor strong, html[data-charte=bdae] div.editor b, html[data-charte=bdae] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=bdae] div.editor-wrapper table:not(.external-table), html[data-charte=bdae] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block ul, html[data-charte=bdae] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=bdae] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=bdae] #side-bar-profile {
  position: relative;
}
html[data-charte=bdae] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=bdae] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=bdae] header#side-panel {
  color: #d84e38;
}
html[data-charte=bdae] header#side-panel h1 a {
  display: contents;
}
html[data-charte=bdae] .tooltip {
  z-index: 2000;
}
html[data-charte=bdae] div.tooltip .tooltip-inner, html[data-charte=bdae] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=bdae] figure {
  text-align: center;
}
html[data-charte=bdae] figure img {
  margin: 0 auto;
}
html[data-charte=bdae] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #002f5a;
}
html[data-charte=bdae] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=bdae] .feedback-message {
  color: #FFFFFF;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=bdae] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=bdae] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=bdae] .feedback-message.hidden {
  display: none;
}
html[data-charte=bdae] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=bdae] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=bdae] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=bdae] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=bdae] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=bdae] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=bdae] .break-word {
  word-wrap: break-word;
}
html[data-charte=bdae] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=bdae] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=bdae] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=bdae] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFFFFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=bdae] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #d84e38;
  background-color: #002f5a;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=bdae] section.login h1::after {
  content: none;
}
html[data-charte=bdae] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=bdae] section.login h2 {
  font-size: 1.5em;
  background-color: #FFFFFF;
  margin-bottom: 1em;
}
html[data-charte=bdae] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=bdae] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #002f5a;
}
html[data-charte=bdae] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=bdae] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=bdae] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=bdae] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=bdae] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=bdae] nav.pagination li {
    margin: 0;
  }
  html[data-charte=bdae] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=bdae] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=bdae] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=bdae] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=bdae] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=bdae] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=bdae] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=bdae] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=bdae] div.bubble {
    min-width: 20em;
  }
  html[data-charte=bdae] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=bdae] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=bdae] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=bdae] div.conversation > ul.actions-list {
    background-color: #E3E6E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=bdae] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=bdae] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=bdae] p.template-selector input {
    width: 80%;
  }
  html[data-charte=bdae] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=bdae] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #002f5a;
  }
  html[data-charte=bdae] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=bdae] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=bdae] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=bdae] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=bdae] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=bdae] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=bdae] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=bdae] div.bubble {
    min-width: 35em;
  }
  html[data-charte=bdae] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=bdae] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=bdae] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=bdae] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=bdae] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=bdae] p, html[data-charte=bdae] li, html[data-charte=bdae] dt, html[data-charte=bdae] dd {
    font-size: 1.1em;
  }
  html[data-charte=bdae] summary {
    font-size: 1.1em;
  }
  html[data-charte=bdae] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=bdae] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=bdae] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=bdae] ul.optional-status li, html[data-charte=bdae] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=bdae] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=bdae] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=bdae] div.card {
    padding: 0.5rem;
  }
  html[data-charte=bdae] div.card > div, html[data-charte=bdae] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=bdae] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=bdae] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=bdae] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=bdae] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=bdae] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=bdae] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=bdae] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=bdae] div.card dt, html[data-charte=bdae] div.card dd {
    font-size: 1em;
  }
  html[data-charte=bdae] div.card a {
    text-decoration: none;
  }
  html[data-charte=bdae] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=bdae] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=bdae] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=bdae] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=bdae] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=bdae] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=bdae] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=bdae] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=bdae] div.bubble .u-photo, html[data-charte=bdae] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=bdae] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=bdae] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=bdae] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=bdae] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=bdae] div.request {
    position: relative;
  }
  html[data-charte=bdae] div.request dt, html[data-charte=bdae] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=bdae] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=bdae] div.request a:hover::after, html[data-charte=bdae] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] h2 {
    font-size: 2.5em;
  }
  html[data-charte=bdae] h3 {
    font-size: 2em;
  }
  html[data-charte=bdae] .collapsible h2, html[data-charte=bdae] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=bdae] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=bdae] #container {
    display: flex;
  }
  html[data-charte=bdae] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=bdae] #wrapper footer {
    display: none;
  }
  html[data-charte=bdae] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=bdae] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=bdae] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=bdae] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=bdae] div.grid-2thirds, html[data-charte=bdae] div.grid-3cols, html[data-charte=bdae] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=bdae] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=bdae] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=bdae] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=bdae] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=bdae] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=bdae] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=bdae] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=bdae] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=bdae] table.transform th {
    display: none;
  }
  html[data-charte=bdae] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=bdae] table.transform tr, html[data-charte=bdae] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=bdae] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #d84e38;
  }
  html[data-charte=bdae] table.transform td + td {
    border-top: 1px solid #002f5a;
  }
  html[data-charte=bdae] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=bdae] table.transform tr td:first-of-type {
    background-color: #E3E6E8;
  }
  html[data-charte=bdae] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=bdae] legend {
    font-size: 1.3em;
  }
  html[data-charte=bdae] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=bdae] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=bdae] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=bdae] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=bdae] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #002f5a;
    background-color: #FFFFFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=bdae] .top-level > legend button.control[aria-expanded=false] {
    color: #d84e38;
    background-color: #d84e38;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=bdae] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=bdae] .highlight {
    padding: 1rem;
  }
  html[data-charte=bdae] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=bdae] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=bdae] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=bdae] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=bdae] div.actions-bar p, html[data-charte=bdae] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=bdae] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=bdae] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=bdae] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=bdae] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=bdae] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=bdae] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=bdae] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=bdae] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #002f5a;
  }
  html[data-charte=bdae] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=bdae] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=bdae] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=bdae] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #002f5a;
  }
  html[data-charte=bdae] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=bdae] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=bdae] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=bdae] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=bdae] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=bdae] div.bubble div.content p:not(.buttons-bar), html[data-charte=bdae] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=bdae] #new-talk .divide {
    display: flex;
  }
  html[data-charte=bdae] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=bdae] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=bdae] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #E3E6E8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=bdae] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=bdae] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=bdae] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=bdae] section.participants div.h-card .u-photo, html[data-charte=bdae] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=bdae] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=bdae] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=bdae] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=bdae] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=bdae] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=bdae] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=bdae] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=bdae] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=bdae] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=bdae] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=bdae] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #FFFFFF;
    flex-direction: column-reverse;
  }
  html[data-charte=bdae] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #002f5a;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=bdae] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=bdae] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=bdae] div.controled {
    background: #002f5a;
    border: none;
    box-shadow: none;
  }
  html[data-charte=bdae] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=bdae] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=bdae] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=bdae] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=bdae] button.nav-control svg {
    display: none;
  }
  html[data-charte=bdae] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=bdae] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=bdae] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=bdae] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=bdae] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=bdae] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=bdae] div.bubble .content p:not(.feedback-message), html[data-charte=bdae] div.bubble .content li, html[data-charte=bdae] div.bubble .content th:not(.external-th), html[data-charte=bdae] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=bdae] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=bdae] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=bdae] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=bdae] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=bdae] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=bdae] div.bubble .content strong, html[data-charte=bdae] div.bubble .content b, html[data-charte=bdae] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=bdae] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=bdae] div.bubble .content li, html[data-charte=bdae] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=bdae] div.conversation-message--owner-organization > div.bubble div.content {
  color: #002f5a;
}
html[data-charte=bdae] div.bubble div.content {
  color: #002f5a;
  background-color: #ffe6e6;
}
html[data-charte=bdae] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=bdae] .f-upload-editor {
  display: none;
}
html[data-charte=bdae] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=bdae] .f-size, html[data-charte=bdae] .f-family {
  border: 1px solid #002f5a;
}
@media screen and (max-width: 440px) {
  html[data-charte=bdae] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=bdae] h2 {
  color: #002f5a;
  border: none !important;
}
html[data-charte=bdae] .ember-transitioning-in {
  color: #d84e38;
}
html[data-charte=bdae] button:hover {
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-color: #002f5a !important;
  box-shadow: 0 0 11px rgba(0, 47, 90, 0.5);
}
html[data-charte=bdae] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=bdae] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: #002f5a;
  border-color: #d84e38;
}
html[data-charte=bdae] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=bdae] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  color: #002f5a;
  background-color: #FFFFFF;
  border-color: #d84e38;
}
html[data-charte=bdae] button.form-submit:not(.optional) {
  color: #002f5a;
  background-color: #d84e38;
  color: #FFFFFF !important;
  border-color: #E3E6E8;
  height: 45px;
  border-color: #d84e38;
}
html[data-charte=bdae] button.form-submit:not(.optional):hover {
  background-color: #002f5a !important;
}
html[data-charte=bdae] button.form-submit.optional {
  color: #002f5a;
  border-color: #E3E6E8;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=bdae] button.form-reset {
  color: #002f5a;
  height: 45px;
  background-color: transparent;
  border-color: #d84e38;
}
html[data-charte=bdae] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #002f5a;
  background-color: transparent !important;
  border-color: #d84e38 !important;
}
html[data-charte=bdae] div.dropdown ul {
  border-color: #d84e38;
  background-color: #E3E6E8;
}
html[data-charte=bdae] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #002f5a;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=bdae] a.bt-create {
  color: #FFFFFF !important;
}
html[data-charte=bdae] a.bt-create:hover {
  background-color: #002f5a;
}
html[data-charte=bdae] [class*=icon-],
html[data-charte=bdae] [class*=follow-] {
  text-indent: -500em;
  color: #d84e38;
  background-color: #002f5a !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=bdae] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=bdae] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html[data-charte=bdae] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(0, 47, 90, 0.5) !important;
  border-width: 0px;
}
html[data-charte=bdae] .icon-info-simple,
html[data-charte=bdae] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=bdae] div.card {
  border-bottom-color: #E3E6E8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=bdae] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=bdae] div.conversation-message--owner-organization > div.bubble div.content {
  color: #d84e38;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=bdae] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #002f5a;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=bdae] .side-panel-footer {
  background-color: #FFFFFF;
  text-align: center;
}
html[data-charte=bdae] .ember-transitioning-in {
  color: #d84e38 !important;
}
html[data-charte=bdae] section.login h1 {
  background-color: #FFFFFF;
}
html[data-charte=bdae] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=bdae] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23002f5a'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html[data-charte=bdae] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23002f5a'/%3E%3C/svg%3E%0A");
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html[data-charte=bdae] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=bdae] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #002f5a !important;
  padding: 0;
  border: none;
}
html[data-charte=bdae] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=bdae] select {
  border-color: #d84e38;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E");
}
html[data-charte=bdae] input[type=search],
html[data-charte=bdae] select {
  border-color: #d84e38;
  border-width: 1px;
  background-color: transparent;
  color: #d84e38;
}
html[data-charte=bdae] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23002f5a; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=bdae] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23002f5a' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=bdae] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23002f5a'/%3E%3C/svg%3E") !important;
}
html[data-charte=bdae] legend {
  color: #002f5a;
}
html[data-charte=bdae] label {
  color: #002f5a;
}
html[data-charte=bdae] .side-panel-footer h1 {
  background-image: url("") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=bdae] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=bdae] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=bdae] div.controled.active .underlay {
  background-color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=bdae] #ccSelector {
  display: none;
}
html[data-charte=bdae] label[for=ccSelector] {
  display: none;
}
html[data-charte=bdae] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=bdae] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=bdae] label[for=recipientSelector] {
  display: none;
}
html[data-charte=bdae] label[for=confidentiality] {
  display: none;
}
html[data-charte=bdae] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=bdae] label[for=subject] {
  display: none !important;
}
html[data-charte=bdae] label[for=subject] + input {
  display: none !important;
}
html[data-charte=bdae] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=bdae] .conversation-message--owner-organization .fromAbstract::after {
  content: "BDAE";
}
html[data-charte=bdae] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=bdae] .conversation-message--owner-me .toAbstract::after {
  content: "BDAE";
}
html[data-charte=bdae] .conversation-message--owner-me .ccAbstract::after {
  content: "BDAE";
}
html[data-charte=bdae] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=bdae] .conversation-message--owner-organization .toAbstract::after {
  content: "BDAE";
}
html[data-charte=bdae] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=bdae] .toAbstractMessageInfoModal::after {
  content: "BDAE";
}
html[data-charte=bdae] .fromAbstractMessageInfoModal::after {
  content: "BDAE";
}
html[data-charte=bdae] h3.lastMessageDiplayName:after {
  content: "BDAE";
}
html[data-charte=bdae] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=bdae] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23002f5a' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=bdae] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=bdae] ul.message-attachments {
  color: #002f5a;
}
html[data-charte=bdae] .tree,
html[data-charte=bdae] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=bdae] .tree {
  background: transparent;
  border: none;
}
html[data-charte=bdae] .tree li:last-child {
  border: 0;
}
html[data-charte=bdae] .section ul {
  display: none;
}
html[data-charte=bdae] .section input[type=checkbox] {
  display: none;
}
html[data-charte=bdae] .section input[type=radio] {
  display: none;
}
html[data-charte=bdae] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #002f5a;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=bdae] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=bdae] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=bdae] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=bdae] .section input:checked ~ ul {
  display: block;
}
html[data-charte=bdae] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=bdae] .section input:checked + label.labelThemeItem {
  color: #d84e38;
  border: 1px solid black;
}
html[data-charte=bdae] .feedback-message {
  color: #002f5a;
}
html[data-charte=bdae] .toast-close-button {
  background-color: transparent !important;
  color: #FFFFFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=bdae] legend {
  color: #002f5a;
  padding: 3px 6px;
}
html[data-charte=bdae] fieldset {
  border-color: #002f5a;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=bdae] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=bdae] form.create-new {
  background-color: #FFFFFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=bdae] select.selector {
  font-weight: bold !important;
}
html[data-charte=bdae] .filetype {
  color: #FFFFFF !important;
  background-color: #002f5a !important;
}
html[data-charte=bdae] .icon-zoom {
  background-color: #E3E6E8 !important;
}
html[data-charte=bdae] .icon-zoom:hover {
  background-color: #E3E6E8 !important;
  box-shadow: 0 0 11px #002f5a;
}
html[data-charte=bdae] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=bdae] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23002f5a'/%3E%3C/svg%3E");
}
html[data-charte=bdae] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=bdae] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=bdae] div.controled {
  background: transparent;
}
html[data-charte=bdae] .disconnection h1 {
  background-image: url("") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=bdae] .message-body th:not(.external-th), html[data-charte=bdae] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=bdae] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}

html[data-charte=msh1] {
  /* SIDE MENU */
  /* Keep rem units */
  /* --------------------------------------------------------------------
                     TRUSTED INTERACTIONS
                   Main style-sheet/ CUSTOMER
                Le Studio Worldline, 2020
  -------------------------------------------------------------------- */
  /* INDEX:
  - IMPORTS
  - DEFAULTS
  - FORMS
  - INTERACTIVE BLOCKS
  - UTILITIES
  - SPECIFICS
  */
  /* ------------------------------ IMPORTS -------------------------- */
  /* ---------- BREADCRUMBS ---------- */
  /* ------------------------------ DATA BLOCKS -------------------------- */
  /* ------ USER DATA ------*/
  /* Simple block division */
  /* ----------------- DATA SHEET -------------------- */
  /* ----------------- CARDS -------------------- */
  /* LABEL CARDS */
  /* --- STATUS --- */
  /* ----------------- HCARD -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ------------- ACTIONS BAR ------------------ */
  /* LABELS */
  /* ------------ CHIPS ---------------- */
  /* ------------ DASHBOARD ------------- */
  /* ------------ SETTINGS ------------- */
  /* ------------ CONVERSATION ------------- */
  /* ------------------   NEW CONVERSATION ----------------- */
  /* Exceptions Adviser */
  /* Comments */
  /* Conversation status */
  /* Attachments */
  /* ---------------------   REQUESTS ------------------- */
  /* ---------------------   EDITOR ------------------- */
  /* --------------------- IE FIXES  ----------------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- MESSAGES AND ERRORS --- */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* ------------------------- TABS -------------------- */
  /* --------------------------- UTILITIES -------------------------- */
  /* BADGES */
  /* GENERAL ACTIONLESS ICONS */
  /* ------------ PAGINATION ---------------- */
  /* ---------------------------------------------------------------------- */
  /* ------------------------------ SPECIFICS ---------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* --------------------- FIREFOX ONLY ---------------- */
  /* Background colors */
  /* Colors */
  /* ------------ LIST OF CONVERSATIONS ------------------- */
  /* FOR WINDOW < 440px */
  /* ---------------------- PROJECTS ENTRY ----------------------- */
  /* DETAILS */
  /* If WINDOW > 800px */
  /* ---------------------- SIGNATURE ----------------------- */
  /* ------------------------------ RESET ---------------------------- */
  /* -------- IMPORTS ------------- */
  /* ------------------------------ DEFAULTS ---------------------------- */
  /* ------------------------------ KEYFRAMES ---------------------------- */
  /* ----------- PAGE BODY ---------- */
  /* ----------- FOOTER ---------- */
  /* ------------------------------ GRIDS ---------------------------- */
  /* --------------------------- BUTTONS AND LINKS ---------------------------*/
  /* TEXT ONLY */
  /* TEXT + ICONS */
  /* Text-only link as button */
  /* ICONS ONLY */
  /* --------------- FIXES FOR IE ---------------- */
  /* -----------------------------------------------------------------------*/
  /* --- SKIP LINKS --- */
  /* ------------------------------ TABLES ------------------------------------ */
  /* ------------------------------ FORMS ------------------------------------ */
  /* --- RADIOS/ CHECKBOXES --- */
  /*  RADIO/CHECK MAKEUP  */
  /* On-off chips */
  /* --- BUTTONS BAR --- */
  /* --- MESSAGES AND ERRORS --- */
  /* ----------------- H-CARD ONLY -------------------- */
  /* ----------------- CARDS -------------------- */
  /* ----------------- HCARD -------------------- */
  /* spinner */
  /* ----------------- ease-in-out spinner -------------------- */
  /* ----------------- cubic-bezier spinner -------------------- */
  /* ----------------- ease-in-out-fill spinner -------------------- */
  /* ----------------- linear-dot spinner -------------------- */
  /* ----------------- linear-circle spinner -------------------- */
  /* ----------------- progress-bar spinner -------------------- */
  /* -------------- TOOLTIPS ---------- */
  /* Gives tooltip with aria-label */
  /* --------------------- EMBER POWER SELECT ------------------- */
  /* ------------------- SIDE MENU -----------------------*/
  /* script: slideNav */
  /* Menu icon animation */
  /* New item button */
  /* Level2 sections */
  /* ----------------- FILE UPLOADER  ------------------- */
  /* ------------------------------ MODALS --------------------------- */
  /* ----------------- DROPDOWN ---------------- */
  /* ------------ PAGINATION ---------------- */
  /* FOR WINDOW > 450px */
  /* ------------------------------ RATING --------------------------- */
  /* -------------------------------------------------------------
   TI HTML editor
  Le Studio, 2020

  Inherits from application main styles

  ------------------------------------------------------------- */
  /* editor spinner */
  /* Local styles and exceptions */
  /* Main */
  /* ------------ BUTTONS ------------- */
  /* ------------ LINKS ------------- */
  /* Attachments */
  /* ----------------------- SPELLCHECK ----------------------  */
  /* ----------------------- IMAGE RESIZER ----------------------  */
  /* ----------------------- MEDIA QUERIES ----------------------  */
  /* ---------------------------- IE --------------------------------- */
  /* -------- CLIENT SHEET ------------- */
  /* -------- AVATAR ------------- */
  /* ------------- ACTIONS BAR ------------------ */
  /* ------------------------- COLLAPSIBLES -------------------- */
  /* FOR WINDOW > 1250px */
  /* ------------------------------ TABS --------------------------- */
  /* TOP-LEVEL FIELDSETS */
  /* ----------------- DATA SHEET -------------------- */
  /* ------------- ACTIONS LIST ------------------ */
  /* ---------------------- INTERACTIVE BLOCKS  -------------------------- */
  /* --- DETAILS / SUMMARY --- */
  /* --------------------------- UTILITIES -------------------------- */
  /* ------------ CHIPS ---------------- */
  /* ------------ TAGS ---------------- */
  /* ------------ THEME ---------------- */
  /* ---------- LIST OF LINKS ---------- */
  /* ---------- ENTRIES LIST ---------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* Style of hyperlinks */
  /* -------------- DATEPICKER IE FALLBACK  ----------------- */
  /*--------------- PROJECTS MODULE ------------------ */
  /* SPECIFIC BUTTONS*/
  /* ------ RESULTS ---------- */
  /* FOR WINDOWS < 450px */
  /* -------- PROJECT PAGE -------- */
  /* Add a document */
  /* Exception for PROFILE */
  /* ----------------- FOLDERS ----------------- */
  /* ----------------- DOCUMENTS ----------------- */
  /* ------------------------ MEDIA QUERIES ----------------------- */
  /* CSS for the treeview component */
  /* Was previously in ti-web-module-administration */
  /* -------------- MEDIA QUERIES ------------ */
  /* --------------- IE -------------------- */
  /* --------------------------------------------------------------------
                 WL TRUSTED INTERACTIONS
            				Le Studio, 2020
  /*-------------------------------------------------------------------- */
  /* ------------------ ABSENCES CALENDAR ------------------ */
  /* ------ATTENTION!!!! MAX-WIDTH -----------------*/
  /* ----------------- SIDE PANEL PROFILE  ------------------- */
  /* ------- HEADER ----------- */
  /* ------------------------------ TOOLTIPS --------------------------- */
  /* ----------------- FIGURE ---------------- */
  /* ---------------------- FEEDBACK MESSAGES ----------------------------- */
  /* --------------------------------------------------------------------- */
  /* ------------ EXCEPTIONS FOR IE < EDGE ------------------*/
  /* ---- HIDE CONTENT FROM DISPLAY --- */
  /* Readen but not seen */
  /* FOR WINDOW and WIDTH > 1000px */
  /* FOR WINDOW > 1250px */
  /* MEDIA QUERIES */
  /* FOR WINDOW > 550px */
  /* FOR WINDOW < 700px and > 450px */
  /* --------------------FOR WINDOWS < 450px ------------*/
  /* FOR WINDOW > 700px */
  /* FOR WINDOW > 700px to window < 1550px*/
  /* FOR WINDOW > 800px */
  /* FOR WINDOW > 1000px */
  /* FOR WINDOW < 1200px */
  /* !!!!!!!!!!! MAX-WIDTH!!!!!!!!! Tables only */
  /* FOR WINDOW > 1250px */
  /* FOR WINDOW > 1500px */
  /* ------------------------- PRINT QUERIES ------------------ */
  /* FOR WINDOW > 1000px */
  /* --------------------- MQ FOR IE ------------------------ */
  /* FOR WINDOW < 440px */
}
html[data-charte=msh1] ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #EE4A02;
}
html[data-charte=msh1] ol.breadcrumb li {
  display: flex;
  align-items: flex-end;
}
html[data-charte=msh1] ol.breadcrumb li:not(:last-of-type)::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/images/arrow-right.svg");
  background-size: 100%;
  margin-left: 0 0.3em;
}
html[data-charte=msh1] ol.breadcrumb li:first-of-type {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] div.user-data {
  position: relative;
  min-height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill: %23fff'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 2vw 1rem;
  background-size: 3em 3em;
  padding: 1rem 2vw 1rem calc(55px + 2vw);
}
html[data-charte=msh1] div.user-data p {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5em;
}
html[data-charte=msh1] div.user-data a, html[data-charte=msh1] div.user-data a:visited {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] div.user-data a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-charte=msh1] div.user-data button {
  position: relative;
  font-size: 90%;
  color: #3B444F;
  background-color: #E3E6E8;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  padding: 0 0 0 12px;
  z-index: 10;
}
html[data-charte=msh1] div.user-data button:focus, html[data-charte=msh1] div.user-data button:hover {
  text-decoration: underline;
}
html[data-charte=msh1] .divide {
  padding: 0.7rem 0 0;
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
  margin-bottom: 1rem;
}
html[data-charte=msh1] .divide > * {
  margin-bottom: 0.5rem;
}
html[data-charte=msh1] div.data-sheet dl {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=msh1] div.card button.icon-check {
  position: absolute;
  width: 1.5rem;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html[data-charte=msh1] div.card header {
  padding-left: 2rem;
}
html[data-charte=msh1] div.card h3 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #FFFFFF;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
html[data-charte=msh1] div.card dd {
  line-height: 1.3;
}
html[data-charte=msh1] div.card img.has-attachment {
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
}
html[data-charte=msh1] div.card.confidential h3 {
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=msh1] div.card.label {
  padding: 0.5rem 0.5rem 0.2rem;
}
html[data-charte=msh1] div.card.label dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  border: none;
}
html[data-charte=msh1] div.card.label dd.description {
  flex-basis: 100%;
  padding-bottom: 0.3em;
  margin: 0.3em 0 1rem;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] div.card.label dd.label {
  margin-left: auto;
}
html[data-charte=msh1] div.card.label .chip {
  min-width: 3em;
}
html[data-charte=msh1] .status {
  font-size: 0.8em;
  text-transform: uppercase;
}
html[data-charte=msh1] span.status {
  display: inline-block;
}
html[data-charte=msh1] div.h-card h2 a, html[data-charte=msh1] div.h-card h2 a:visited {
  background-color: #EE4A02;
}
html[data-charte=msh1] ul.actions-list {
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=msh1] div.actions-bar ul.actions-list {
  padding: 0.5rem 0 0;
  margin: 1rem 0;
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] div.actions-bar ul.actions-list.with-add {
  width: 100%;
}
html[data-charte=msh1] div.actions-bar div.dropdown button.dd-trigger {
  font-size: 100%;
  color: #3B444F;
  background-color: #EE4A02;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.5em 1.5em 0.5em 1em;
  border-radius: 0.3rem;
  border: none;
}
html[data-charte=msh1] .color-badge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 8px;
  margin-right: 5px;
}
html[data-charte=msh1] .label-color-1 {
  color: #FFFFFF;
  background-color: #BA03CE;
}
html[data-charte=msh1] .label-color-2 {
  color: #FFFFFF;
  background-color: #B40427;
}
html[data-charte=msh1] .label-color-3 {
  color: #000000;
  background-color: #FFFF00;
}
html[data-charte=msh1] .label-color-4 {
  color: #000000;
  background-color: #C4CD03;
}
html[data-charte=msh1] li.chip {
  display: inline-block;
  font: 0.8em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0.3em 0.5em;
  margin: 0 0.5rem 0 0;
}
html[data-charte=msh1] .chip.default {
  font-size: 0.9rem;
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] ul.chips {
  justify-content: flex-start;
}
html[data-charte=msh1] div.all-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=msh1] div.all-stats h3 {
  flex-basis: 100%;
}
html[data-charte=msh1] div.stat {
  position: relative;
  flex: 1;
  min-width: 200px;
  background-color: #FFFFFF;
  padding: 0.8rem 1rem 1rem;
  margin: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.stat header {
  display: flex;
  justify-content: space-between;
}
html[data-charte=msh1] div.stat h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
html[data-charte=msh1] div.stat .regular-value {
  overflow: hidden;
  font: 3em/1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
  background-image: url("/images/stats.svg");
  background-repeat: no-repeat;
  padding-right: 1.2em;
  margin: 1rem 0 0;
}
html[data-charte=msh1] div.stat.to-process .regular-value {
  background-position: right 0;
}
html[data-charte=msh1] div.stat.overdue .regular-value {
  background-position: right -109px;
}
html[data-charte=msh1] div.stat.unassigned .regular-value {
  background-position: right -207px;
}
html[data-charte=msh1] div.stat.new .regular-value {
  background-position: right -306px;
}
html[data-charte=msh1] div.stat.absent .regular-value {
  background-position: right -416px;
}
html[data-charte=msh1] div.stat.approval .regular-value {
  background-position: right -534px;
}
html[data-charte=msh1] div.stat.contacted .regular-value {
  background-position: right -639px;
}
html[data-charte=msh1] div.stat .badge {
  font: 0.85em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #fee6ea;
  padding: 0.3em 0.5em;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.stat .badge:not(.positive) svg {
  transform: rotate(180deg);
}
html[data-charte=msh1] div.stat .badge.positive {
  background-color: #d1f7e5;
}
html[data-charte=msh1] div.personal-info div.avatar {
  background-color: #EE4A02;
  padding: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.personal-info div.avatar p.u-photo {
  width: 70%;
  max-width: 200px;
  margin: 4vw auto;
}
html[data-charte=msh1] div.personal-info dl {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-top: 1rem;
  margin-bottom: 2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh1] div.personal-info dl div {
  margin: 0 1rem 1rem;
}
html[data-charte=msh1] div.personal-info dt {
  font: 0.8em/1.1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] div.personal-info dd {
  font: 1.1em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] div.personal-info dd.break-word {
  display: inline-block;
  word-break: break-all;
}
html[data-charte=msh1] form.avatar-form {
  padding-top: 1rem;
  border-top: 1px solid #3B444F;
}
html[data-charte=msh1] main.settings div.data-sheet h4 {
  color: #EE4A02;
  background-color: #fff;
}
html[data-charte=msh1] main.settings div.data-sheet > dl {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px dotted #3B444F;
}
html[data-charte=msh1] #assign-to-me {
  margin-top: 2rem;
}
html[data-charte=msh1] #assign-to-me p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
html[data-charte=msh1] #assign-to-me span {
  flex: 1;
  margin-right: 1em;
}
html[data-charte=msh1] #assign-to-me button {
  margin-left: auto;
}
html[data-charte=msh1] main.conversation > header:first-child {
  display: block;
}
html[data-charte=msh1] p.baseline {
  margin-bottom: 2rem;
}
html[data-charte=msh1] main.conversation ul.actions-list {
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2rem;
}
html[data-charte=msh1] main.conversation ul.actions-list li {
  margin: 0 0.5rem 0.5rem 0;
}
html[data-charte=msh1] div.flow {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
html[data-charte=msh1] div.flow.flex-column-reverse {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
}
html[data-charte=msh1] div.conversation-message {
  display: flex;
  flex-direction: column;
}
html[data-charte=msh1] div.bubble {
  position: relative;
  display: flex;
  flex-flow: column;
  padding-left: 50px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=msh1] div.bubble h3 {
  font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 0.5rem;
}
html[data-charte=msh1] div.bubble h3 time {
  display: block;
}
html[data-charte=msh1] div.bubble h3 strong {
  color: #3B444F;
}
html[data-charte=msh1] div.bubble .u-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
}
html[data-charte=msh1] div.bubble .u-photo img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-radius: 100%;
  vertical-align: bottom;
}
html[data-charte=msh1] div.bubble .u-photo::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
html[data-charte=msh1] div.bubble .u-photo::before {
  width: 28px;
  height: 30px;
  left: 22px;
  top: 45px;
  border-bottom: 1px solid #3B444F;
  border-left: 1px solid #3B444F;
}
html[data-charte=msh1] div.bubble .content {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.bubble div.content {
  color: #3B444F;
  background-color: #EE4A02;
  word-wrap: break-word;
}
html[data-charte=msh1] div.bubble div.content ul {
  list-style-position: inside;
}
html[data-charte=msh1] div.bubble div.content a {
  color: #3B444F;
}
html[data-charte=msh1] div.bubble details {
  padding: 0.3rem 0;
}
html[data-charte=msh1] div.bubble summary {
  font: 0.75em Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=msh1] div.bubble details div {
  display: flex;
}
html[data-charte=msh1] div.bubble details dt {
  width: 7em;
  font: 0.8em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] div.bubble details dd {
  font-size: 0.8em;
}
html[data-charte=msh1] #new-talk {
  margin-bottom: 2rem;
}
html[data-charte=msh1] #new-talk input[type=text] {
  width: 80%;
  max-width: 45em;
}
html[data-charte=msh1] div.conversation-message.conversation-message--owner-organization div.bubble {
  padding-left: 0;
  padding-right: 50px;
  margin-left: 0;
}
html[data-charte=msh1] div.conversation-message--owner-organization div.bubble .u-photo {
  left: auto;
  right: 0;
}
html[data-charte=msh1] div.conversation-message--owner-organization div.bubble .u-photo::before {
  left: auto;
  right: 22px;
  border-left: none;
  border-right: 1px solid #3B444F;
}
html[data-charte=msh1] div.conversation-message--owner-organization > div.bubble div.content {
  color: #3B444F;
  background-color: #FFFFFF;
}
html[data-charte=msh1] div.conversation-message--owner-organization > div.bubble div.content a {
  color: #3B444F;
}
html[data-charte=msh1] div.bubble.conversation-message-comments {
  margin-top: 1rem;
}
html[data-charte=msh1] div.bubble.conversation-message-comments .content {
  color: #3B444F;
  background-color: #fff;
  border: 1px solid #3B444F;
}
html[data-charte=msh1] div.bubble.conversation-message-comments .u-photo {
  transform: scale(0.7);
}
html[data-charte=msh1] div.bubble.conversation-message-comments .u-photo::before {
  width: 50px;
}
html[data-charte=msh1] div.bubble.conversation-message-comments p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=msh1] div.bubble.conversation-message-comments p.buttons-bar > * {
  margin: 0 0.5rem 0 0;
}
html[data-charte=msh1] div.bubble.message-comment {
  max-width: 100%;
  margin-top: 1rem;
}
html[data-charte=msh1] div.bubble.message-comment .content {
  background-color: #3B444F;
}
html[data-charte=msh1] div.bubble.message-comment .u-photo, html[data-charte=msh1] div.bubble.message-comment .u-photo img {
  width: 40px;
  height: 40px;
}
html[data-charte=msh1] div.bubble.message-comment .u-photo::before {
  width: 25px;
}
html[data-charte=msh1] dl.conversation-status {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
  margin: 1rem 0;
}
html[data-charte=msh1] dl.conversation-status dd {
  font-size: 0.85em;
  line-height: 1.35;
  margin: 0 1rem 0.5rem 0;
}
html[data-charte=msh1] dl.conversation-status dd.attach {
  text-indent: -19px;
  margin-left: 16px;
}
html[data-charte=msh1] dl.conversation-status img {
  vertical-align: middle;
}
html[data-charte=msh1] span.conversation-cc-current-interlocutor {
  font-style: italic;
  margin-left: 10px;
}
html[data-charte=msh1] div.panel-cc {
  margin-bottom: 10px;
}
html[data-charte=msh1] .message-body blockquote {
  color: #3B444F;
}
html[data-charte=msh1] .message-body blockquote p {
  background-color: transparent;
}
html[data-charte=msh1] .message-body--size-short {
  max-height: 150px;
}
html[data-charte=msh1] .message-body--size-short.message-body--isTooLong {
  -webkit-mask-image: linear-gradient(to bottom, black 0, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow-y: hidden;
}
html[data-charte=msh1] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh1] ul.message-attachments {
  list-style-type: none;
  color: #E3E6E8;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-top: 2px dotted #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
html[data-charte=msh1] ul.message-attachments > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
}
html[data-charte=msh1] li.list-group-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  margin: 0.5rem;
  width: 100%;
}
html[data-charte=msh1] ul.message-attachments .ellipsis {
  display: inline-block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  flex-basis: 75%;
}
html[data-charte=msh1] ul.message-attachments > li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #3B444F;
}
html[data-charte=msh1] div.editor ul.message-attachments > li + li {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px dotted #3B444F;
}
html[data-charte=msh1] div.editor ul.message-attachments > li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
html[data-charte=msh1] div.bubble ul.message-attachments > li {
  font-size: 0.85em;
}
html[data-charte=msh1] div.bubble ul.message-attachments {
  margin: 0;
  border: none;
}
html[data-charte=msh1] div.bubble ul.message-attachments img {
  width: 15px;
  height: 15px;
}
html[data-charte=msh1] div.bubble ul.message-attachments > li li {
  font-size: 100%;
}
html[data-charte=msh1] div.editor ul.message-attachments {
  border-top: 2px solid #EE4A02;
}
html[data-charte=msh1] ul.message-attachments div.dropdown {
  margin-left: auto;
}
html[data-charte=msh1] ul.message-attachments div.dropdown li {
  font-size: 0.85em;
}
html[data-charte=msh1] ul.message-attachments div.dropdown button.dd-trigger {
  font-size: 90%;
}
html[data-charte=msh1] ul.message-attachment div.dropdown {
  margin-left: auto;
}
html[data-charte=msh1] div.bubble div.dropdown ul[aria-hidden=false] {
  left: auto;
  right: 0;
}
html[data-charte=msh1] section.requests {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=msh1] section.requests + section.requests {
  margin-top: 1rem;
}
html[data-charte=msh1] section.requests h3 {
  flex-basis: 100%;
}
html[data-charte=msh1] section.requests .buttons-bar {
  flex-basis: 100%;
  text-align: right;
  border-top: 1px solid #EE4A02;
}
html[data-charte=msh1] section.requests h3 {
  margin-bottom: 0;
}
html[data-charte=msh1] div.request {
  display: flex;
  flex: 1;
  min-width: 250px;
  flex-wrap: wrap;
  margin: 0.5rem;
}
html[data-charte=msh1] div.request h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.5rem;
}
html[data-charte=msh1] div.request h4 .status {
  margin: 0;
}
html[data-charte=msh1] div.request dl {
  flex: 1;
  line-height: 1.58em;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #3B444F;
}
html[data-charte=msh1] div.request dl::first-letter {
  text-transform: uppercase;
}
html[data-charte=msh1] div.request dl div {
  display: flex;
}
html[data-charte=msh1] div.request dt {
  flex-basis: 5em;
}
html[data-charte=msh1] div.request dd {
  flex: 2;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] p.request-email-body {
  flex-basis: 100%;
  margin-top: 0.5em;
}
html[data-charte=msh1] div.editor, html[data-charte=msh1] form.create-new {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-top: 5px solid #EE4A02;
  border-radius: 0.3rem;
}
html[data-charte=msh1] form.create-new {
  border: none;
}
html[data-charte=msh1] div.editor h3 {
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: none;
}
html[data-charte=msh1] div.editor p.choices {
  margin: 0.5rem 0 1rem;
}
html[data-charte=msh1] div.editor p.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-charte=msh1] div.message-composer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0;
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] p.template-selector {
  width: 100%;
}
html[data-charte=msh1] p.template-selector input {
  width: 100%;
}
html[data-charte=msh1] ul.message-attachments {
  flex-basis: 100%;
  max-width: 100%;
}
html[data-charte=msh1] div.mce-toolbar-grp button:hover, html[data-charte=msh1] div.mce-toolbar-grp button:focus {
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] select, html[data-charte=msh1] div.h-card select {
    background-image: none;
    padding-right: 0.3em;
  }
  html[data-charte=msh1] #main-nav .collapsible button.control {
    background-size: 38px 38px;
    background-position: right 0.68em top 0.3em;
  }
  html[data-charte=msh1] .icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23CCC'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=msh1] h2 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] input[type=image] {
  overflow: hidden;
  padding: 0.3em 0.5em 0.3em 0.4em;
}
html[data-charte=msh1] p.mandatory {
  text-align: right;
  color: #3B444F;
  background-color: #fff;
}
html[data-charte=msh1] div.tabs-block {
  text-align: left;
  margin: 2rem 0;
}
html[data-charte=msh1] .point {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
html[data-charte=msh1] .point::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  background-color: #E3E6E8;
  border-radius: 100%;
}
html[data-charte=msh1] .badge {
  color: #3B444F;
  background-color: #E3E6E8;
  margin-left: 1rem;
}
html[data-charte=msh1] .pic-checked.active {
  fill: #00AF86;
}
html[data-charte=msh1] nav.pagination ul {
  justify-content: center;
}
html[data-charte=msh1] section.participants ul.actions-list {
  margin: 0.25rem;
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  html[data-charte=msh1] div.card.label button.modal-trigger {
    position: relative;
  }
}
html[data-charte=msh1] .chip.label-color-1 {
  color: #E3E6E8;
  background-color: #85D687;
}
html[data-charte=msh1] .chip.label-color-2 {
  color: #E3E6E8;
  background-color: #90CBDA;
}
html[data-charte=msh1] .chip.label-color-3 {
  color: #E3E6E8;
  background-color: #D1CE75;
}
html[data-charte=msh1] .chip.label-color-4 {
  color: #E3E6E8;
  background-color: #E6B3E1;
}
html[data-charte=msh1] .chip.label-color-5 {
  color: #E3E6E8;
  background-color: #D9AC8C;
}
html[data-charte=msh1] #page-labels-settings div.card dt.label-color::before,
html[data-charte=msh1] #main-nav li a.label-color::before,
html[data-charte=msh1] fieldset.color-selector label {
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 0.5em;
  border-radius: 10px;
  border-top-right-radius: 0;
}
html[data-charte=msh1] #page-labels-settings div.card dt.label-color::before,
html[data-charte=msh1] #main-nav li a.label-color::before {
  top: 0.2em;
  width: 0.9em;
  height: 1em;
}
html[data-charte=msh1] fieldset.color-selector label {
  cursor: pointer;
  width: 1.8em;
  height: 2em;
}
html[data-charte=msh1] fieldset.color-selector input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
html[data-charte=msh1] fieldset.color-selector input[type=radio]::-ms-check {
  display: none;
  /* unstyle IE radio */
}
html[data-charte=msh1] fieldset.color-selector input[type=radio]:checked + label {
  box-shadow: 0px 0px 10px 0px black;
}
html[data-charte=msh1] fieldset.color-selector input[type=radio]:focus + label {
  outline: 1px dotted #3B444F;
}
html[data-charte=msh1] fieldset.color-selector legend {
  font-size: 1.1em;
}
@media screen and (max-width: 800px) {
  html[data-charte=msh1] fieldset.color-selector legend {
    font-size: 0.95em;
  }
}
html[data-charte=msh1] #main-nav li a.label-color.label-color-1::before,
html[data-charte=msh1] #page-labels-settings div.card dt.label-color-1::before,
html[data-charte=msh1] fieldset.color-selector label.label-color-1 {
  background-color: #85D687;
}
html[data-charte=msh1] #main-nav li a.label-color.label-color-2::before,
html[data-charte=msh1] #page-labels-settings div.card dt.label-color-2::before,
html[data-charte=msh1] fieldset.color-selector label.label-color-2 {
  background-color: #90CBDA;
}
html[data-charte=msh1] #main-nav li a.label-color.label-color-3::before,
html[data-charte=msh1] #page-labels-settings div.card dt.label-color-3::before,
html[data-charte=msh1] fieldset.color-selector label.label-color-3 {
  background-color: #D1CE75;
}
html[data-charte=msh1] #main-nav li a.label-color.label-color-4::before,
html[data-charte=msh1] #page-labels-settings div.card dt.label-color-4::before,
html[data-charte=msh1] fieldset.color-selector label.label-color-4 {
  background-color: #E6B3E1;
}
html[data-charte=msh1] #main-nav li a.label-color.label-color-5::before,
html[data-charte=msh1] #page-labels-settings div.card dt.label-color-5::before,
html[data-charte=msh1] fieldset.color-selector label.label-color-5 {
  background-color: #D9AC8C;
}
html[data-charte=msh1] div.actions-bar button.icon-check {
  width: auto;
  overflow: auto;
  text-indent: 0;
  color: #3B444F;
  background-color: #E3E6E8;
  padding-left: 2em;
}
html[data-charte=msh1] div.actions-bar button.icon-check:hover, html[data-charte=msh1] div.actions-bar button.icon-check:focus {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] .conversations div.cards dt a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html[data-charte=msh1] div.conversation-message h3 {
  padding-bottom: 0;
  border-bottom: none;
}
html[data-charte=msh1] div.message-body pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh1] div.flash-answer h4 {
  font: 130% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-size: x-large;
}
html[data-charte=msh1] div.flash-answer p {
  line-height: 1.45;
}
html[data-charte=msh1] div.flash-answer .main-form {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
html[data-charte=msh1] div.flash-answer p.question {
  font: 120% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3rem;
}
html[data-charte=msh1] div.flash-answer p.highlight {
  font: 170% Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #EE4A02;
  background-color: #fff;
  margin: 1em 0;
}
html[data-charte=msh1] div.flash-answer p.buttons-bar {
  text-align: center;
  display: block;
}
@media screen and (max-width: 440px) {
  html[data-charte=msh1] div.actions-bar button.icon-check {
    height: auto;
  }
}
html[data-charte=msh1] div.project-card {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-left: 4px solid #E3E6E8;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.project-card h3 {
  font-size: 1.1em;
}
html[data-charte=msh1] div.project-card p {
  margin-bottom: 0.8em;
}
html[data-charte=msh1] div.project-card p.divided {
  color: #3B444F;
  padding: 0.3em 0;
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] div.project-card.details header {
  position: relative;
}
html[data-charte=msh1] div.project-card.details .icon-back {
  position: absolute;
  top: 0;
  right: 0;
}
html[data-charte=msh1] div.project-card.details ul.actions-list {
  background-color: #E3E6E8;
  padding: 0.5rem 0.5rem 0;
  border-radius: 0.3rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] div.project-card {
    margin-bottom: 2rem;
    border-left-width: 8px;
  }
  html[data-charte=msh1] div.project-card h3 {
    font-size: 2em;
  }
}
html[data-charte=msh1] div#signature-container {
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-charte=msh1] div#signature-container div.spinner.signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(42%) sepia(71%) saturate(3119%) hue-rotate(93deg) brightness(95%) contrast(104%);
}
html[data-charte=msh1] div#signature-container div.spinner.not-signed p::after {
  border: 10px solid black;
  animation: none;
  background-image: url("/ti-web-shared/images/cross.svg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(7%) sepia(86%) saturate(6287%) hue-rotate(4deg) brightness(107%) contrast(112%);
}
html[data-charte=msh1] html, html[data-charte=msh1] body, html[data-charte=msh1] div, html[data-charte=msh1] span, html[data-charte=msh1] object, html[data-charte=msh1] iframe,
html[data-charte=msh1] h1, html[data-charte=msh1] h2, html[data-charte=msh1] h3, html[data-charte=msh1] h4, html[data-charte=msh1] h5, html[data-charte=msh1] h6, html[data-charte=msh1] p, html[data-charte=msh1] blockquote, html[data-charte=msh1] pre,
html[data-charte=msh1] a, html[data-charte=msh1] abbr, html[data-charte=msh1] address, html[data-charte=msh1] big, html[data-charte=msh1] cite, html[data-charte=msh1] code,
html[data-charte=msh1] del, html[data-charte=msh1] dfn, html[data-charte=msh1] em, html[data-charte=msh1] form, html[data-charte=msh1] img, html[data-charte=msh1] ins, html[data-charte=msh1] kbd, html[data-charte=msh1] q, html[data-charte=msh1] s, html[data-charte=msh1] samp,
html[data-charte=msh1] small, html[data-charte=msh1] strike, html[data-charte=msh1] strong, html[data-charte=msh1] sub, html[data-charte=msh1] sup, html[data-charte=msh1] tt, html[data-charte=msh1] var,
html[data-charte=msh1] b, html[data-charte=msh1] u, html[data-charte=msh1] i, html[data-charte=msh1] dl, html[data-charte=msh1] dt, html[data-charte=msh1] dd, html[data-charte=msh1] ol, html[data-charte=msh1] ul, html[data-charte=msh1] li,
html[data-charte=msh1] fieldset, html[data-charte=msh1] form, html[data-charte=msh1] label, html[data-charte=msh1] legend,
html[data-charte=msh1] table:not(.external-table),
html[data-charte=msh1] caption:not(.external-caption), html[data-charte=msh1] tbody, html[data-charte=msh1] tfoot, html[data-charte=msh1] thead,
html[data-charte=msh1] tr:not(.external-tr),
html[data-charte=msh1] th:not(.external-th),
html[data-charte=msh1] td:not(.external-td) {
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=msh1] html {
  font-size: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html[data-charte=msh1] header, html[data-charte=msh1] footer, html[data-charte=msh1] main, html[data-charte=msh1] nav, html[data-charte=msh1] aside, html[data-charte=msh1] article, html[data-charte=msh1] section, html[data-charte=msh1] figure, html[data-charte=msh1] figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-charte=msh1] body {
  font: 100%/1.2 Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #fff;
}
html[data-charte=msh1] h1 {
  width: 100px;
  font: normal 1em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: right;
}
html[data-charte=msh1] h2, html[data-charte=msh1] h3, html[data-charte=msh1] h4, html[data-charte=msh1] h5 {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
}
html[data-charte=msh1] h2 {
  font-size: 1.5em;
  line-height: 1.1;
  color: #E3E6E8;
  background-color: #fff;
}
html[data-charte=msh1] h2 small {
  display: block;
  font: 75% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] header h2 + p {
  margin-top: 0.5em;
}
html[data-charte=msh1] h3 {
  font-size: 1.2em;
  color: #EE4A02;
  background-color: #fff;
  padding-bottom: 0.3em;
  border-bottom: 5px solid #EE4A02;
}
html[data-charte=msh1] h3 .num {
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] h4 {
  font: 1.1em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] p, html[data-charte=msh1] li, html[data-charte=msh1] dt, html[data-charte=msh1] dd, html[data-charte=msh1] h5, html[data-charte=msh1] th, html[data-charte=msh1] td {
  font-size: 0.95em;
}
html[data-charte=msh1] li li, html[data-charte=msh1] li p, html[data-charte=msh1] li dt, html[data-charte=msh1] li dd {
  font-size: 100%;
}
html[data-charte=msh1] a {
  color: #3B444F;
}
html[data-charte=msh1] a:visited {
  opacity: 0.8;
}
html[data-charte=msh1] strong {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=msh1] em {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=msh1] img {
  max-width: 100%;
  border: none;
}
html[data-charte=msh1] blockquote {
  position: relative;
  max-width: 30em;
  margin: 2rem 2rem 3rem 3rem;
}
html[data-charte=msh1] blockquote p {
  font: 1em/1.35 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  background-color: #fff;
}
html[data-charte=msh1] blockquote::before, html[data-charte=msh1] blockquote::after {
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  font: 72px Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0);
  /*IE*/
  color: var(--n-dark-medium);
}
html[data-charte=msh1] blockquote::before {
  content: "“";
  top: -0.25em;
  left: -0.5em;
}
html[data-charte=msh1] blockquote::after {
  content: "”";
  bottom: -0.3em;
  right: 0;
}
html[data-charte=msh1] section + section {
  margin-top: 3rem;
}
@keyframes slideRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes toHide {
  0% {
    transform: scale(0.8) rotate3d(1, 2, 3, 10deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
  }
}
@keyframes toShow {
  0% {
    transform: scale(0.1) rotate3d(1, 2, 3, 10deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.8) rotate(180deg);
    opacity: 1;
  }
}
html[data-charte=msh1] #wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  margin: 4rem 5vw 5vw 5vw;
  min-width: calc(100% - 30rem);
}
html[data-charte=msh1] #wrapper > footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #EE4A02;
}
html[data-charte=msh1] #wrapper > footer p {
  font-size: 0.7em;
  text-transform: uppercase;
}
html[data-charte=msh1] main {
  position: relative;
  left: 0;
  min-height: 400px;
  margin-bottom: 2rem;
  transition: all 0.5s;
}
html[data-charte=msh1] main > header:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
html[data-charte=msh1] main > header:first-child h2 {
  margin-bottom: 0;
}
html[data-charte=msh1] main > header:first-child .buttons-bar {
  text-align: right;
  margin: 0;
}
html[data-charte=msh1] #wrapper > footer {
  padding: 2rem 5%;
}
html[data-charte=msh1] .grids > * {
  box-sizing: border-box;
  margin: 0 0 2rem 3%;
}
html[data-charte=msh1] .grids {
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
  margin-left: -3%;
}
html[data-charte=msh1] .grid-full {
  -webkit-flex: 1 0 97%;
  -ms-flex: 1 0 97%;
  flex: 1 0 97%;
}
html[data-charte=msh1] .grid-half {
  -webkit-flex: 1 0 250px;
  -ms-flex: 1 0 250px;
  flex: 1 0 250px;
}
html[data-charte=msh1] .grid-third {
  flex: 1 0 28.33%;
  min-width: 250px;
}
html[data-charte=msh1] .grid-2thirds {
  flex: 1 0 61.66%;
  min-width: 250px;
}
html[data-charte=msh1] .grid-forth {
  flex: 1 0 22%;
  min-width: 250px;
}
html[data-charte=msh1] .grid-3forths {
  flex: 1 0 72%;
  min-width: 250px;
}
html[data-charte=msh1] .free-cols > * {
  display: inline-block;
  margin-right: 2rem;
}
html[data-charte=msh1] button {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 0.5em 1em 0.55em;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
html[data-charte=msh1] button:hover {
  background-color: #E3E6E8;
}
html[data-charte=msh1] button[disabled], html[data-charte=msh1] .form-reset[disabled], html[data-charte=msh1] .form-submit[disabled] {
  filter: grayscale(100%) opacity(40%);
  cursor: initial;
}
html[data-charte=msh1] button[disabled]:hover, html[data-charte=msh1] .form-reset[disabled]:hover, html[data-charte=msh1] .form-submit[disabled]:hover {
  filter: grayscale(100%) opacity(40%);
  background-color: #EE4A02;
}
html[data-charte=msh1] .form-submit.optional[disabled]:hover {
  color: #3B444F;
  filter: grayscale(100%) opacity(40%);
  background-color: #fff;
}
html[data-charte=msh1] button.secondary {
  background-color: #EE4A02;
}
html[data-charte=msh1] button.discret {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
  padding: 0.2em 0.3em 0.3em;
  border: 1px solid #3B444F;
  border-radius: 0.2em;
}
html[data-charte=msh1] button.discret:hover, html[data-charte=msh1] button.discret:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=msh1] [class*=bt-] {
  overflow: hidden;
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #3B444F;
  background-color: #EE4A02;
  background-repeat: no-repeat;
  padding: 0.5em 1em 0.5em 35px;
  border-radius: 0.3rem;
}
html[data-charte=msh1] [class*=bt-]:hover {
  text-decoration: underline;
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] a[class*=bt-], html[data-charte=msh1] a[class*=bt-]:visited {
  display: inline-block;
  text-decoration: none;
}
html[data-charte=msh1] [class*=bt-]:hover, html[data-charte=msh1] [class*=bt-]:focus {
  background-color: #d83550;
  text-decoration: none;
}
html[data-charte=msh1] .bt-create {
  background-color: #d83550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px;
}
html[data-charte=msh1] .bt-create:hover, html[data-charte=msh1] .bt-create:focus {
  background-color: #E3E6E8;
}
html[data-charte=msh1] .bt-add-tags {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10.1,6H16V9.8H10.1V16H5.93V9.75H0V6H5.93V0H10.1Z' style='fill: %23fff'/%3E%3C/svg%3E%0A");
  background-position: 0.8em;
  padding: 0.4em 1em 0.5em 39px !important;
  margin: 0.35rem;
}
html[data-charte=msh1] div.editable-block.record-block > button.bt-control {
  border: none;
  border-radius: 0.3em;
}
html[data-charte=msh1] div.editable-block.record-block > button.bt-control > .player-control {
  border-radius: 1em;
}
html[data-charte=msh1] a.bt-link, html[data-charte=msh1] a.bt-link:visited {
  padding: 0.5em 1em;
}
html[data-charte=msh1] [class*=icon-], html[data-charte=msh1] [class*=follow-] {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #3B444F;
  background-color: #EE4A02;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=msh1] [class*=icon-].bt-create {
  width: unset;
  text-indent: unset;
  padding: 0.4em 1em 0.5em 39px;
  color: #E3E6E8;
}
html[data-charte=msh1] [class*=icon-].secondary {
  background-color: #EE4A02;
}
html[data-charte=msh1] [class*=icon-]:hover, html[data-charte=msh1] [class*=icon-]:focus {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] [class*=icon-].bt-create:hover {
  text-decoration: none;
  color: #E3E6E8;
}
html[data-charte=msh1] .icon-new {
  background-position: 4px 7px;
}
html[data-charte=msh1] .icon-account {
  background-position: 4px -42px;
}
html[data-charte=msh1] .icon-entity {
  background-position: 4px -79px;
}
html[data-charte=msh1] .icon-assign, html[data-charte=msh1] .icon-assign-off {
  background-position: 4px -156px;
}
html[data-charte=msh1] .icon-assign-off {
  background-color: #d83550;
}
html[data-charte=msh1] .icon-pin, html[data-charte=msh1] .follow-false {
  background-position: 4px -116px;
}
html[data-charte=msh1] .icon-pinned, html[data-charte=msh1] .follow-true {
  background-position: 4px -116px;
  background-color: #d83550;
}
html[data-charte=msh1] .icon-pinned:hover, html[data-charte=msh1] .follow-true:hover, html[data-charte=msh1] .icon-pinned:focus, html[data-charte=msh1] .follow-true:focus {
  background-color: #8e2335;
}
html[data-charte=msh1] .icon-ok {
  background-position: 4px -202px;
}
html[data-charte=msh1] .icon-close {
  background-position: 4px -237px;
}
html[data-charte=msh1] .icon-reopen {
  background-position: 4px -324px;
}
html[data-charte=msh1] .icon-project {
  background-position: 5px -367px;
}
html[data-charte=msh1] .icon-sort {
  background-position: 4px -426px;
}
html[data-charte=msh1] .icon-sort-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=msh1] .icon-action-sorting-up {
  background-position: 4px -426px;
}
html[data-charte=msh1] .icon-action-sorting-down {
  background-position: 4px -425px;
  transform: rotate(180deg);
}
html[data-charte=msh1] .icon-download {
  background-position: 4px -465px;
}
html[data-charte=msh1] .icon-print {
  background-position: 4px -507px;
}
html[data-charte=msh1] .icon-history {
  background-position: 3px -562px;
}
html[data-charte=msh1] .icon-microphone {
  background-position: 5px 5px;
}
html[data-charte=msh1] div.editable-block.record-block > button.icon-microphone-white {
  background-position: 4px 4px;
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.editable-block.record-block > button.icon-stop {
  background-position: 4px 3px;
  color: #3B444F;
  background-color: #d83550;
}
html[data-charte=msh1] div.editable-block.record-block > button.icon-play {
  background-position: 4px 3px;
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.editable-block.record-block > button.icon-pause {
  background-position: 4px 3px;
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.editable-block.record-block > button.icon-remove {
  margin-top: 25px;
  background-position: 9px 6px;
  background-color: #d83550;
  border-radius: 1em;
}
html[data-charte=msh1] .icon-editor {
  background-position: 4px 4px;
}
html[data-charte=msh1] .icon-disclose {
  background-position: 4px -604px;
}
html[data-charte=msh1] .icon-edit {
  background-position: 4px -679px;
}
html[data-charte=msh1] .icon-ai {
  background-position: 4px -1318px;
}
html[data-charte=msh1] .icon-merge-files {
  background-position: 6px 6px;
  background-image: url("/ti-web-shared/images/merge-files.svg");
}
html[data-charte=msh1] .icon-eye {
  background-position: 5px;
  background-image: url("/ti-web-shared/images/eye.svg");
}
html[data-charte=msh1] .icon-forward {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-position: 4px -1455px;
}
html[data-charte=msh1] .icon-eye-edit {
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
html[data-charte=msh1] .icon-search {
  background-image: url("/ti-web-shared/images/search.svg");
  background-position: 5px 5px;
  margin-left: 0.3em;
}
html[data-charte=msh1] .icon-report {
  background-image: url("/ti-web-shared/images/supervision.svg");
  background-position: 4px 3px;
}
html[data-charte=msh1] .icon-tags {
  background-image: url("/ti-web-shared/images/tags-white.svg");
  background-position: 9px 8px;
}
html[data-charte=msh1] .icon-file-uploader {
  background-position: 4px -832px;
}
html[data-charte=msh1] p.icon-file-uploader input {
  position: absolute;
  top: -5em;
}
html[data-charte=msh1] p.icon-file-uploader label {
  cursor: pointer;
}
html[data-charte=msh1] .icon-mark-as-unread, html[data-charte=msh1] .icon-mark-as-read {
  background-position: 4px -604px;
}
html[data-charte=msh1] .icon-mark-as-read {
  background-color: #3B444F;
}
html[data-charte=msh1] .icon-categorize {
  background-position: 4px -1255px;
}
html[data-charte=msh1] .icon-archive {
  background-position: 4px -1115px;
}
html[data-charte=msh1] .icon-see {
  background-position: 4px -604px;
}
html[data-charte=msh1] .icon-start {
  background-position: 5px -888px;
}
html[data-charte=msh1] .icon-delete {
  background-position: 4px -1003px;
}
html[data-charte=msh1] .icon-activity {
  background-position: 4px -1255px;
}
html[data-charte=msh1] .icon-absence {
  background-position: 4px -1183px;
}
html[data-charte=msh1] .icon-moderation {
  background-position: 4px -1115px;
}
html[data-charte=msh1] button.icon-check {
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %230879d1; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  filter: grayscale(100%);
  background-color: transparent;
  padding: 0;
}
html[data-charte=msh1] button.icon-check.state-checked {
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh1] button.icon-check:focus, html[data-charte=msh1] button.icon-check:hover {
  outline: 1px dotted #000;
}
html[data-charte=msh1] .icon-info-simple, html[data-charte=msh1] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("/ti-web-shared/images/big-info.svg");
  background-color: #fff;
  padding: 0;
}
html[data-charte=msh1] button.play, html[data-charte=msh1] button.pause {
  background-color: transparent;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}
html[data-charte=msh1] button.play {
  background-image: url("/ti-web-shared/images/play.svg");
}
html[data-charte=msh1] button.pause {
  background-image: url("/ti-web-shared/images/pause.svg");
}
html[data-charte=msh1] button.icon-info-simple:hover, html[data-charte=msh1] button.icon-info-simple:focus,
html[data-charte=msh1] button.icon-back:hover, html[data-charte=msh1] button.icon-back:focus {
  background-color: #fff;
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-history {
  background-image: url("/ti-web-shared/images/sprite-blue.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-microphone {
  background-image: url("/ti-web-shared/images/microphone.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-microphone-white {
  background-image: url("/ti-web-shared/images/microphone-white.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-stop {
  background-image: url("/ti-web-shared/images/stop-circle.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-play {
  background-image: url("/ti-web-shared/images/play-circle.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-pause {
  background-image: url("/ti-web-shared/images/pause-circle.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-editor {
  background-image: url("/ti-web-shared/images/format-text.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-remove {
  background-image: url("/ti-web-shared/images/remove.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-reading-speed {
  background-color: #EE4A02;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-].icon-volume {
  background-color: #EE4A02;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=msh1] .icon-back {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=msh1] [class*=icon-][aria-pressed=true] {
  background-color: #d83550;
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] button.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %23fff; stroke: %23505050; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh1] button.icon-check.state-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
}
html[data-charte=msh1] .cc-selector-block > span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 95%;
}
html[data-charte=msh1] .icon-add-interlocutor {
  background-position: 4px 7px;
  margin-bottom: 5px;
}
html[data-charte=msh1] span.cc-participant {
  text-align: center;
  display: inline-flex;
}
html[data-charte=msh1] span.cc-participant i.cc-icon-account {
  width: 24px;
  height: 24px;
  background-color: #e4e4e4;
  background-image: url("/ti-web-shared/images/person.svg");
  background-position: 0px -5px;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
}
html[data-charte=msh1] #ember-basic-dropdown-wormhole i.cc-icon-account {
  display: none;
}
html[data-charte=msh1] .skip-link {
  display: inline;
  margin: 0;
}
html[data-charte=msh1] .skip-link a {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] .skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
}
html[data-charte=msh1] table:not(.external-table) {
  width: 100%;
  border-spacing: 1px;
}
html[data-charte=msh1] caption:not(.external-caption) {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-align: left;
  padding-bottom: 1rem;
}
html[data-charte=msh1] th:not(.external-th), html[data-charte=msh1] td:not(.external-td) {
  font-size: 0.85em;
  text-align: center;
  padding: 0.5em;
}
html[data-charte=msh1] th:not(.external-th) {
  color: #3B444F;
  background-color: #E3E6E8;
  padding: 1em 0.5em;
}
html[data-charte=msh1] tr:nth-child(odd) td:not(.external-th) {
  background-color: var(--main-u-light);
}
html[data-charte=msh1] th {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=msh1] th[scope=col]:not(.external-th) {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] th[scope=row] {
  text-align: left;
}
html[data-charte=msh1] .main-form {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] form.main-form legend {
  background-color: #FFFFFF;
}
html[data-charte=msh1] form p {
  margin-bottom: 1.5em;
}
html[data-charte=msh1] form .buddies {
  display: flex;
  align-items: center;
}
html[data-charte=msh1] form .buddies input:not([type=image]) {
  width: 45vw;
  max-width: 20em;
}
html[data-charte=msh1] form .buddies [type=submit] {
  padding: 0;
}
html[data-charte=msh1] form .buddies button {
  flex-basis: 35px;
}
html[data-charte=msh1] form .buddies.not-much button {
  margin-left: 0.3em;
}
html[data-charte=msh1] form .highlight {
  margin-bottom: 1rem;
}
html[data-charte=msh1] fieldset {
  margin-bottom: 1rem;
}
html[data-charte=msh1] fieldset.single {
  padding: 1rem;
  border: 1px solid #3B444F;
  border-radius: 0.3rem;
}
html[data-charte=msh1] fieldset.single legend {
  padding: 0.5em;
}
html[data-charte=msh1] legend {
  font: 1.1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #E3E6E8;
  background-color: #fff;
  padding: 0.5em 0;
}
html[data-charte=msh1] label {
  display: block;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #E3E6E8;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 0.25em;
}
html[data-charte=msh1] label.inline {
  display: inline-block;
  margin: 0 0.5em;
}
html[data-charte=msh1] input[type=text], html[data-charte=msh1] input[type=password], html[data-charte=msh1] input[type=date], html[data-charte=msh1] input[type=url], html[data-charte=msh1] input[type=tel],
html[data-charte=msh1] input[type=time], html[data-charte=msh1] input[type=email], html[data-charte=msh1] input[type=number], html[data-charte=msh1] input[type=search], html[data-charte=msh1] select {
  box-sizing: border-box;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  background-color: #fff;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  transition: all 0.5s;
}
html[data-charte=msh1] input[type=number], html[data-charte=msh1] input[type=date], html[data-charte=msh1] input[type=time] {
  padding: 0.6em;
}
html[data-charte=msh1] [readonly] {
  color: #EE4A02;
  background-color: #E3E6E8;
}
html[data-charte=msh1] input[type=search]:focus {
  outline: 1px dotted #EE4A02;
}
html[data-charte=msh1] input[type=text]:focus, html[data-charte=msh1] input[type=password]:focus, html[data-charte=msh1] input[type=url]:focus,
html[data-charte=msh1] input[type=date]:focus, html[data-charte=msh1] input[type=search]:focus, html[data-charte=msh1] select:focus {
  border-color: #EE4A02;
}
html[data-charte=msh1] input[type=url], html[data-charte=msh1] input.wider {
  width: 90%;
  max-width: 35em;
}
html[data-charte=msh1] input[type=number] {
  width: 6em;
}
html[data-charte=msh1] .has-error input {
  border-color: #f00;
}
html[data-charte=msh1] .required {
  margin-bottom: 2rem;
}
html[data-charte=msh1] select {
  display: block;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1em auto;
  padding: 0.5em 2em 0.5em 0.6em;
  cursor: pointer;
}
html[data-charte=msh1] select::-ms-expand {
  display: none;
}
html[data-charte=msh1] [type=submit], html[data-charte=msh1] [type=reset], html[data-charte=msh1] button.form-submit, html[data-charte=msh1] button.form-reset {
  font: 100%/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 0.55em 1.5em;
  border: 1px solid #EE4A02;
  border-radius: 0.3rem;
  transition: all 0.2s;
  cursor: pointer;
}
html[data-charte=msh1] [type=reset], html[data-charte=msh1] button.form-reset {
  color: #E3E6E8;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=msh1] [type=submit]:hover, html[data-charte=msh1] [type=submit]:focus,
html[data-charte=msh1] [type=submit].optional:hover, html[data-charte=msh1] [type=submit].optional:focus,
html[data-charte=msh1] [type=reset]:hover, html[data-charte=msh1] [type=reset]:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=msh1] button.form-submit:hover, html[data-charte=msh1] button.form-submit:focus,
html[data-charte=msh1] button.form-submit.optional:hover, html[data-charte=msh1] button.form-submit.optional:focus,
html[data-charte=msh1] button.form-reset:hover, html[data-charte=msh1] button.form-reset:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #E3E6E8;
}
html[data-charte=msh1] .tooltip-error {
  background-color: #d83550;
}
html[data-charte=msh1] [type=submit] + [type=reset], html[data-charte=msh1] button.form-submit + button.form-reset {
  margin-left: 1rem;
}
html[data-charte=msh1] [type=submit].optional, html[data-charte=msh1] button.form-submit.optional {
  color: #3B444F;
  background-color: #fff;
  border-color: #EE4A02;
}
html[data-charte=msh1] input[type=image] {
  width: 21px;
  height: 21px;
  background-color: #EE4A02;
  padding: 8px;
  border-radius: 0.3rem;
}
html[data-charte=msh1] input[type=image]:hover {
  background-color: #E3E6E8;
}
html[data-charte=msh1] textarea {
  width: 85%;
  font: 100%/1 var(--stack-i);
  padding: 0.5em;
  border: 1px solid #3B444F;
  border-radius: 0.3rem;
  resize: none;
}
html[data-charte=msh1] ::-webkit-input-placeholder, html[data-charte=msh1] ::-moz-placeholder, html[data-charte=msh1] :-moz-placeholder, html[data-charte=msh1] :-ms-input-placeholder {
  color: var(--link-color);
}
html[data-charte=msh1] .go-along {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
html[data-charte=msh1] .go-along > * {
  margin: 0 2rem 1.5rem 0;
}
html[data-charte=msh1] .input-n-button {
  overflow: hidden;
  height: 2.5em;
}
html[data-charte=msh1] .input-n-button input {
  height: 2.25em;
  height: calc(2.5em - 4px);
}
html[data-charte=msh1] .input-n-button input[type=submit] {
  height: 2.5em;
}
html[data-charte=msh1] p.euro::after {
  position: relative;
  left: -1.5em;
  content: "€";
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] p.euro input {
  width: 8em;
  padding-right: 1.5em;
}
html[data-charte=msh1] .highlight {
  background-color: #E3E6E8;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
html[data-charte=msh1] .highlight label, html[data-charte=msh1] .top-level .highlight label {
  background-color: #E3E6E8;
}
html[data-charte=msh1] .highlight fieldset.choices {
  margin: 0;
}
html[data-charte=msh1] fieldset.choices {
  padding: 0;
  border: none;
}
html[data-charte=msh1] fieldset.choices legend {
  font: 0.95em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=msh1] fieldset.choices.highlight legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0.3rem 0.8rem;
}
html[data-charte=msh1] .choices label {
  display: inline-block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh1] fieldset.choices ul {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
html[data-charte=msh1] fieldset.choices li + li {
  margin-top: 0;
}
html[data-charte=msh1] fieldset.choices > :last-child {
  margin-bottom: 0;
}
html[data-charte=msh1] fieldset.choices img {
  width: 25px;
  height: 25px;
  vertical-align: -5px;
}
html[data-charte=msh1] ul.choices {
  display: flex;
}
html[data-charte=msh1] ul.choices li + li {
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  html[data-charte=msh1] ul.choices li + li {
    margin-left: 0.5em;
  }
}
html[data-charte=msh1] ul.choices.vertical {
  display: block;
}
html[data-charte=msh1] ul.choices.vertical li + li {
  margin-left: 0;
  margin-top: 0.8em;
}
html[data-charte=msh1] .form-makeup {
  overflow: hidden;
  position: relative;
  display: flex;
}
html[data-charte=msh1] li.form-makeup.check-absences {
  margin-bottom: 1.2em;
}
html[data-charte=msh1] .form-makeup input {
  position: absolute;
  top: -5em;
}
html[data-charte=msh1] .form-makeup input.form-input-makeup {
  position: relative;
  top: auto;
}
html[data-charte=msh1] .form-makeup label {
  position: relative;
  line-height: 1;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh1] .document-modal-form-field.form-makeup label {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] .form-makeup label::before {
  display: inline-block;
  position: relative;
  top: 0.3em;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.8' style='fill: %23fff; stroke: %230879d1; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: grayscale(100%) opacity(65%);
  margin-right: 0.3em;
}
html[data-charte=msh1] .form-makeup input:checked + label::before, html[data-charte=msh1] .form-makeup label.checked::before {
  filter: grayscale(0) opacity(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='11.65' style='fill: %230879d1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh1] .form-makeup input:focus + label {
  outline: 1px dotted #3B444F;
}
html[data-charte=msh1] .form-makeup input[type=checkbox] + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='21.3' height='21.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%230879d1; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh1] .form-makeup input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
}
html[data-charte=msh1] li.form-makeup {
  margin-bottom: 0.5em;
}
html[data-charte=msh1] .check-chips {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=msh1] fieldset.choices ul.check-chips {
  margin: 1rem 0;
}
html[data-charte=msh1] ul.check-chips.add-legend::before {
  flex-basis: 100%;
  content: attr(data-legend);
  font: 0.9em/1 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  padding: 0.6em 1em 0.5em 0;
}
html[data-charte=msh1] .check-chips input {
  position: absolute;
  top: -3em;
}
html[data-charte=msh1] .check-chips li {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 1;
}
html[data-charte=msh1] .check-chips label {
  color: var(--n-s-dark);
  background-color: #FFFFFF;
  padding: 0.3em 1em 0.5em;
  margin: 0.25em;
  border-radius: 2em;
  cursor: pointer;
}
html[data-charte=msh1] .check-chips input:focus + label {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #EE4A02;
}
html[data-charte=msh1] .check-chips input:checked + label, html[data-charte=msh1] .check-chips label.active {
  color: #3B444F;
  background-color: #EE4A02;
  border-color: #EE4A02;
}
html[data-charte=msh1] .check-chips input[checked] + label {
  color: #3B444F;
  background-color: #EE4A02;
  border-color: #EE4A02;
}
html[data-charte=msh1] .buttons-bar {
  text-align: center;
  margin: 0 auto 1rem;
}
html[data-charte=msh1] ul.buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=msh1] .buttons-bar > * {
  margin: 0.5rem;
}
html[data-charte=msh1] .buttons-bar.discret {
  font-size: 0.9em;
}
html[data-charte=msh1] form.main-form .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh1] input[type=datetime-local] {
  padding: 0.6em;
}
html[data-charte=msh1] p.mandatory {
  font-size: 1em;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: bolder;
}
html[data-charte=msh1] .e-content p.mandatory {
  max-width: 100%;
}
html[data-charte=msh1] .field-comment {
  font-size: 90%;
  color: #E3E6E8;
  padding: 0.3em;
}
html[data-charte=msh1] div.error-messages {
  text-align: center;
  color: #EE4A02;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.2) 5px, rgba(243, 214, 214, 0.2) 20px);
  padding: 1rem;
  margin-bottom: 2rem;
}
html[data-charte=msh1] div.error-messages ul {
  list-style-type: none;
}
html[data-charte=msh1] div.error-messages > :first-child {
  font-size: 1.2em;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: rgba(243, 214, 214, 0.4);
  padding: 0.5em 0;
  margin-bottom: 1em;
}
html[data-charte=msh1] input[aria-invalid=true] {
  color: #3B444F;
  background-color: #f00;
  border-color: #EE4A02;
}
html[data-charte=msh1] input[aria-invalid=true]:focus {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #EE4A02;
}
html[data-charte=msh1] .contextual-error {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #f00;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=msh1] .contextual-feedback {
  display: block;
  position: relative;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EE4A02;
  background-color: transparent;
  margin: 0.5rem 0 1rem;
}
html[data-charte=msh1] section.h-card {
  margin-bottom: 2rem;
}
html[data-charte=msh1] section.h-card dt {
  font: 1.2em Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin: 1em 0 0.5em;
}
html[data-charte=msh1] section.h-card dd {
  padding: 0.3em 0 0.3em 30px;
}
html[data-charte=msh1] section.h-card dd.p-tel {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -715px no-repeat;
}
html[data-charte=msh1] section.h-card dd.u-email {
  background: rgba(255, 255, 255, 0) url("/ti-web-shared/images/sprite.svg") 0 -780px no-repeat;
}
html[data-charte=msh1] div.card {
  position: relative;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1rem;
  padding: 1rem calc(1rem - 4px) 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-left: 4px solid #E3E6E8;
  transition: all 0.2s;
}
html[data-charte=msh1] div.card header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
html[data-charte=msh1] div.card img {
  position: relative;
  left: 2px;
  z-index: 2;
}
html[data-charte=msh1] div.card header h4 {
  font: 0.9em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin: 0;
  word-break: break-all;
}
html[data-charte=msh1] div.card dl {
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}
html[data-charte=msh1] div.card dt {
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: rgba(255, 255, 255, 0);
}
html[data-charte=msh1] div.card dt, html[data-charte=msh1] div.card dd {
  max-width: 100%;
}
html[data-charte=msh1] div.card a.allover {
  text-decoration: none;
}
html[data-charte=msh1] div.card a {
  text-decoration: none;
}
html[data-charte=msh1] div.card a.allover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html[data-charte=msh1] div.card a:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
html[data-charte=msh1] div.card.unread a, html[data-charte=msh1] div.card.unread a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #EE4A02;
}
html[data-charte=msh1] div.card.read a, html[data-charte=msh1] div.card.read a:visited {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
}
html[data-charte=msh1] div.card.whatsapp {
  background-color: #e1ffe1;
}
html[data-charte=msh1] span.social-icon img {
  width: 16px;
}
html[data-charte=msh1] div.card.unseen dd {
  font-size: 1em;
  line-height: 1.3;
}
html[data-charte=msh1] div.card ul.actions-list {
  position: relative;
  justify-content: flex-end;
  margin-bottom: 0;
}
html[data-charte=msh1] div.card ul.actions-list li {
  height: 32px;
}
html[data-charte=msh1] div.card.confidential {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(243, 214, 214, 0.3) 5px, rgba(243, 214, 214, 0.3) 20px);
}
html[data-charte=msh1] div.card.confidential em {
  font-style: italic;
}
html[data-charte=msh1] img.image-confidential {
  top: 5px;
  left: 0;
}
html[data-charte=msh1] div.h-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 1rem;
}
html[data-charte=msh1] div.h-card form {
  order: 2;
  flex: 1;
  display: flex;
  flex-flow: column;
  margin-left: 1rem;
}
html[data-charte=msh1] div.h-card form p {
  margin: 0;
}
html[data-charte=msh1] div.h-card select {
  font-size: 80%;
  line-height: 1.2;
  color: #3B444F;
  background-color: #EE4A02;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  padding: 0.3em 2em 0.3em 0;
  margin-left: -3px;
  border: none;
}
html[data-charte=msh1] div.h-card h2 {
  font: 1.2em/1.2 Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #EE4A02;
  margin: 0;
}
html[data-charte=msh1] div.h-card h2 a, html[data-charte=msh1] div.h-card h2 a:visited {
  text-decoration: none;
  color: #3B444F;
}
html[data-charte=msh1] div.h-card h2 a:hover, html[data-charte=msh1] div.h-card h2 a:focus {
  text-decoration: underline;
}
html[data-charte=msh1] div.h-card .u-photo {
  position: relative;
  order: 1;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
}
html[data-charte=msh1] .u-photo {
  display: block;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border-radius: 100%;
}
html[data-charte=msh1] .u-photo img {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  vertical-align: bottom;
}
html[data-charte=msh1] div.spinner.page-spinner {
  position: absolute;
  height: 100%;
}
html[data-charte=msh1] div.spinner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 178px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-charte=msh1] div.spinner p {
  position: relative;
  max-width: 15em;
  font-size: 1.3em;
  margin: 0 auto;
}
html[data-charte=msh1] div.spinner strong {
  display: block;
}
html[data-charte=msh1] div.spinner ::before, html[data-charte=msh1] div.spinner ::after {
  position: absolute;
  display: block;
}
html[data-charte=msh1] div.spinner p::before,
html[data-charte=msh1] div.spinner p::after,
html[data-charte=msh1] div.spinner strong::after {
  content: "";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@keyframes ease-in-out-spin {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  70% {
    transform: translateY(-20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html[data-charte=msh1] div.spinner.ease-in-out ::before, html[data-charte=msh1] div.spinner.ease-in-out ::after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.spinner.ease-in-out p::before {
  top: -45px;
  left: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
html[data-charte=msh1] div.spinner.ease-in-out p::after {
  top: -45px;
  left: 0;
  animation: ease-in-out-spin 1s -4.5s ease-in-out infinite;
}
html[data-charte=msh1] div.spinner.ease-in-out strong::after {
  top: -45px;
  right: -81px;
  animation: ease-in-out-spin 1s 0s ease-in-out infinite;
}
@keyframes cubic-bezier-spin {
  0% {
    top: -80px;
    height: 80px;
    opacity: 0;
  }
  50%, 100% {
    top: -40px;
    height: 32px;
    opacity: 1;
  }
}
html[data-charte=msh1] div.spinner.cubic-bezier ::before, html[data-charte=msh1] div.spinner.cubic-bezier ::after {
  width: 14px;
  height: 60px;
  transform-origin: 0 0;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.spinner.cubic-bezier p::before {
  left: -45px;
  animation: cubic-bezier-spin 2s -0.24s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=msh1] div.spinner.cubic-bezier p::after {
  left: 0;
  animation: cubic-bezier-spin 2s -0.12s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
html[data-charte=msh1] div.spinner.cubic-bezier strong::after {
  right: -45px;
  animation: cubic-bezier-spin 2s 0s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
@keyframes ease-in-out-fill-spin {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em #EE4A02;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #EE4A02;
  }
}
html[data-charte=msh1] div.spinner.ease-in-out-fill ::before, html[data-charte=msh1] div.spinner.ease-in-out-fill ::after {
  width: 20px;
  height: 20px;
  top: -85px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  animation-fill-mode: both;
  animation: ease-in-out-fill-spin 1.8s ease-in-out infinite;
}
html[data-charte=msh1] div.spinner.ease-in-out-fill p::before {
  left: -90px;
  animation-delay: -0.64s;
}
html[data-charte=msh1] div.spinner.ease-in-out-fill p::after {
  left: 0;
  animation-delay: -0.32s;
}
html[data-charte=msh1] div.spinner.ease-in-out-fill strong::after {
  right: -90px;
  animation-delay: -0.16s;
}
@keyframes linear-dot-outer-spin {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes linear-dot-inner-spin {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
html[data-charte=msh1] div.spinner.linear-dot ::before, html[data-charte=msh1] div.spinner.linear-dot ::after {
  width: 20px;
  height: 20px;
  top: -55px;
  border-radius: 100%;
  transform-origin: 50% 50%;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.spinner.linear-dot p::before {
  display: none;
}
html[data-charte=msh1] div.spinner.linear-dot p::after {
  left: 50%;
  margin-left: -10px;
  animation: linear-dot-inner-spin forwards 2.5s 0s linear infinite;
}
html[data-charte=msh1] div.spinner.linear-dot strong::after {
  left: 50%;
  margin-left: -10px;
  transform-origin: 50%;
  animation: linear-dot-outer-spin forwards 2.5s 0s linear infinite;
}
@keyframes linear-circle-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[data-charte=msh1] div.spinner.linear-circle p {
  margin-bottom: -70px;
}
html[data-charte=msh1] div.spinner.linear-circle ::before, html[data-charte=msh1] div.spinner.linear-circle ::after {
  width: 60px;
  height: 60px;
  top: -100px;
  content: "";
  border-radius: 100%;
  transform-origin: 50% 50%;
}
html[data-charte=msh1] div.spinner.linear-circle p::after {
  left: 50%;
  margin-left: -40px;
  border-top: 10px solid rgba(8, 121, 209, 0.2);
  border-right: 10px solid rgba(8, 121, 209, 0.2);
  border-bottom: 10px solid rgba(8, 121, 209, 0.2);
  border-left: 10px solid #0879d1;
  animation: linear-circle-spin 1.1s linear infinite;
}
html[data-charte=msh1] div.spinner.linear-circle p::before,
html[data-charte=msh1] div.spinner.linear-circle strong::before,
html[data-charte=msh1] div.spinner.linear-circle strong::after {
  display: none;
}
@keyframes progress-bar-spin {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
html[data-charte=msh1] div.spinner.progress-bar {
  position: static;
  width: 180px;
  height: auto;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  margin: 1rem 0;
}
html[data-charte=msh1] div.spinner.progress-bar p {
  margin: 0;
}
html[data-charte=msh1] div.spinner.progress-bar ::before, html[data-charte=msh1] div.spinner.progress-bar ::after {
  width: 180px;
  height: 10px;
  top: -1em;
  left: 0;
  content: "";
  border-radius: 1rem;
}
html[data-charte=msh1] div.spinner.progress-bar p {
  font-size: 0.8em;
}
html[data-charte=msh1] div.spinner.progress-bar p::before {
  background-color: rgba(8, 121, 209, 0.2);
  animation: unset;
}
html[data-charte=msh1] div.spinner.progress-bar p::after {
  background-color: #0879d1;
  transform-origin: 0 0;
  animation: progress-bar-spin 2.3s linear infinite;
}
html[data-charte=msh1] div.spinner.progress-bar span.wait {
  display: none;
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.9);
  }
  75% {
    transform: scaleY(0.5);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.7);
  }
  75% {
    transform: scaleY(1.4);
  }
}
html[data-charte=msh1] .boxContainer {
  display: flex;
  justify-content: space-between;
  margin-left: 12px;
  height: 20px;
  --boxSize: 8px;
  --gutter: 5px;
  width: calc((var(--boxSize) + var(--gutter)) * 20);
}
html[data-charte=msh1] .box {
  transform: scaleY(0.8);
  height: 90%;
  width: var(--boxSize);
  background: #E3E6E8;
  border-radius: 5px;
}
html[data-charte=msh1] .box-animation .box {
  background: #EE4A02;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
html[data-charte=msh1] .box1, html[data-charte=msh1] .box4, html[data-charte=msh1] .box8, html[data-charte=msh1] .box11, html[data-charte=msh1] .box13, html[data-charte=msh1] .box16, html[data-charte=msh1] .box20 {
  animation-name: quiet;
}
html[data-charte=msh1] .box2, html[data-charte=msh1] .box6, html[data-charte=msh1] .box10, html[data-charte=msh1] .box14, html[data-charte=msh1] .box17, html[data-charte=msh1] .box19 {
  animation-name: normal;
}
html[data-charte=msh1] .box3, html[data-charte=msh1] .box5, html[data-charte=msh1] .box7, html[data-charte=msh1] .box9, html[data-charte=msh1] .box12, html[data-charte=msh1] .box15, html[data-charte=msh1] .box18 {
  animation-name: loud;
}
html[data-charte=msh1] [class*=icon-].icon-reading-speed {
  background-color: #EE4A02;
  background-position: 6px 5px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/reading-speed.svg");
}
html[data-charte=msh1] [class*=icon-].icon-reading-speed:hover {
  background-color: #E3E6E8;
}
html[data-charte=msh1] [class*=icon-].icon-volume {
  background-color: #EE4A02;
  background-position: 6px 7px;
  border-radius: 1em;
  background-image: url("/ti-web-shared/images/volume.svg");
}
html[data-charte=msh1] [class*=icon-].icon-volume:hover {
  background-color: #E3E6E8;
}
html[data-charte=msh1] span.tooltip {
  display: block;
  position: absolute;
  top: 50px;
  width: 8em;
  height: auto;
  max-width: 8em;
  word-wrap: break-word;
  font: 12px/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  /*IE*/
  color: #3B444F;
  background-color: #000;
  /*IE*/
  background-color: #E3E6E8;
  padding: 0.7em 1em;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 5000;
}
html[data-charte=msh1] span.tooltip::before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #E3E6E8;
  margin-left: -5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
}
html[data-charte=msh1] button.show-icons[type=submit] {
  padding: 0;
}
html[data-charte=msh1] .show-icons a:hover + .tooltip, html[data-charte=msh1] .show-icons a:focus + .tooltip {
  display: block;
}
html[data-charte=msh1] .alternative-alt:hover, html[data-charte=msh1] .alternative-alt:focus {
  position: relative;
  z-index: 1;
}
html[data-charte=msh1] .alternative-alt:hover::before, html[data-charte=msh1] .alternative-alt:focus::before {
  display: block;
  position: absolute;
  top: -2.5em;
  left: -1.5em;
  content: attr(aria-label);
  font: 0.7em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: none;
  color: #3B444F;
  background-color: var(--selection-a11y);
  padding: 0.5em 1em;
  border-radius: 100%;
  z-index: 2;
}
html[data-charte=msh1] .ember-basic-dropdown {
  position: relative;
}
html[data-charte=msh1] .ember-basic-dropdown, html[data-charte=msh1] .ember-basic-dropdown-content, html[data-charte=msh1] .ember-basic-dropdown-content * {
  box-sizing: border-box;
}
html[data-charte=msh1] .ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 10000;
  background-color: #ffffff;
}
html[data-charte=msh1] .ember-basic-dropdown-content--left {
  left: 0;
}
html[data-charte=msh1] .ember-basic-dropdown-content--right {
  right: 0;
}
html[data-charte=msh1] .ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
html[data-charte=msh1] .ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
html[data-charte=msh1] .ember-power-select-options {
  list-style-type: none;
  border: 1px solid #3B444F;
}
html[data-charte=msh1] .ember-power-select-options li {
  padding: 0.3em 0.5em;
}
html[data-charte=msh1] .ember-power-select-options li:hover, html[data-charte=msh1] .ember-power-select-options li:focus {
  background-color: #3B444F;
}
html[data-charte=msh1] .ember-power-select-dropdown * {
  box-sizing: border-box;
}
html[data-charte=msh1] div.p-select .ember-power-select-trigger {
  width: auto;
  flex: 1;
}
html[data-charte=msh1] .ember-power-select-trigger {
  position: relative;
  width: 90%;
  max-width: 35em;
  min-height: 1em;
  padding: 0.5em 0.6em;
  border: 2px solid #E3E6E8;
  border-radius: 0.3rem;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
html[data-charte=msh1] .ember-power-select-trigger::after {
  content: "";
  display: table;
  clear: both;
}
html[data-charte=msh1] .ember-power-select-trigger [class*=icon-] {
  overflow: visible;
  width: auto;
  height: auto;
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
  text-indent: 0;
  padding: 0;
}
html[data-charte=msh1] .ember-power-select-trigger:focus,
html[data-charte=msh1] .ember-power-select-trigger--active {
  border-top: 2px solid #EE4A02;
  box-shadow: none;
}
html[data-charte=msh1] .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
html[data-charte=msh1] .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=msh1] .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[data-charte=msh1] .ember-power-select-search-input {
  width: 100%;
}
html[data-charte=msh1] .ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
html[data-charte=msh1] .ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 4px !important;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
html[data-charte=msh1] .ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
html[data-charte=msh1] .ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
html[data-charte=msh1] input.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
html[data-charte=msh1] .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}
html[data-charte=msh1] div.controled div.content {
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  max-width: 21rem;
  height: 100%;
  color: #3B444F;
  background-color: #E3E6E8;
  z-index: 1020;
}
html[data-charte=msh1] div.controled nav {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
}
html[data-charte=msh1] div#side-panel-container {
  width: 21rem;
  max-width: 21rem;
}
html[data-charte=msh1] header#side-panel {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  width: 100vw;
  display: flex;
  flex-direction: column;
  z-index: 2000;
  pointer-events: none;
}
html[data-charte=msh1] .side-panel-footer {
  pointer-events: auto;
  flex-grow: 1;
  flex-shrink: 0;
  z-index: 2000;
  background-color: #EE4A02;
  padding: 0.6rem 5vw 0.4rem;
}
html[data-charte=msh1] .side-panel-footer h1 {
  height: 100%;
  align-items: center;
}
html[data-charte=msh1] #main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html[data-charte=msh1] #main-nav ul.level2 li.division {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #3B444F;
}
html[data-charte=msh1] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23FFF' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=msh1] div.controled {
  position: relative;
  box-sizing: border-box;
  margin-left: -2000px;
  flex-basis: 100%;
  flex-shrink: 1;
  border-top: 1px solid #fff;
  box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  transition: margin-left 0.5s;
  z-index: 1010;
}
html[data-charte=msh1] div.controled.active {
  margin-left: 0;
}
html[data-charte=msh1] div.controled div.content {
  display: none;
}
html[data-charte=msh1] div.controled.active div.content {
  display: flex;
  flex-direction: column;
}
html[data-charte=msh1] div.controled > * {
  pointer-events: auto;
}
html[data-charte=msh1] .underlay {
  opacity: 0;
}
html[data-charte=msh1] div.controled.active .underlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 53, 65, 0.7);
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  z-index: 1000;
}
html[data-charte=msh1] #main-nav h2 {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] #main-nav h2::before {
  content: none;
}
html[data-charte=msh1] #main-nav > *[data-simplebar] {
  margin: 0 0 0 2rem;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  height: 0;
}
html[data-charte=msh1] button.nav-control {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  top: 1.2rem;
  right: 5%;
  background-color: #EE4A02;
  padding: 0;
  border-radius: 0;
  z-index: 2000;
}
html[data-charte=msh1] button.nav-control:focus {
  outline-color: #EE4A02;
}
html[data-charte=msh1] #menu-control rect {
  fill: #fff;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideRight;
}
html[data-charte=msh1] #menu-control rect.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: slideLeft;
}
html[data-charte=msh1] #menu-control polygon {
  fill: #3B444F;
  transform-origin: center;
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toHide;
}
html[data-charte=msh1] #menu-control polygon.active {
  animation: 0.5s ease;
  animation-fill-mode: both;
  animation-name: toShow;
}
html[data-charte=msh1] #main-nav li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font: 1.1em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  list-style-type: none;
  padding: 0 1.5rem 0 0;
}
html[data-charte=msh1] #main-nav p.module-choice {
  font-size: 1em;
  margin: 0;
}
html[data-charte=msh1] #main-nav select {
  box-sizing: border-box;
  width: 100%;
  left: 0;
  font: 80% Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-position-x: 91%;
  background-color: #E3E6E8;
  padding: 0.5em 3rem 0.5em 3vw;
  border: none;
  border-radius: 0;
  z-index: 1;
}
html[data-charte=msh1] #main-nav li a, html[data-charte=msh1] #main-nav li button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  color: #3B444F;
  background-color: #E3E6E8;
  padding: 0.8em 0 0.8em 0;
}
html[data-charte=msh1] #main-nav li a:focus, html[data-charte=msh1] #main-nav li button:focus {
  outline: 0;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
}
html[data-charte=msh1] #main-nav li a::after, html[data-charte=msh1] #main-nav li button::after {
  content: "";
  position: relative;
  float: right;
  width: 0.8em;
  height: 0.8em;
  top: 0.15em;
  background-color: #E3E6E8;
  margin-left: 1rem;
  margin-right: 6px;
  border-radius: 0.8em;
}
html[data-charte=msh1] #main-nav li a.active::after,
html[data-charte=msh1] #main-nav li a:hover::after,
html[data-charte=msh1] #main-nav li a:focus::after {
  background-color: #EE4A02;
}
html[data-charte=msh1] #main-nav li button:hover::after,
html[data-charte=msh1] #main-nav li button:focus::after {
  background-color: #EE4A02;
}
html[data-charte=msh1] #main-nav li.active > button:first-child::after {
  background-color: #EE4A02;
}
html[data-charte=msh1] #main-nav li button.collapse {
  display: inline-block;
  box-sizing: initial;
  overflow: hidden;
  width: 1.05em;
  height: 1em;
  text-indent: -500em;
  white-space: nowrap;
  color: #3B444F;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.3em 0.5em;
  padding: 0.2em;
  border-radius: 0.3rem;
}
html[data-charte=msh1] #main-nav li button.collapse[aria-expanded=true] {
  transform: rotate(180deg);
}
html[data-charte=msh1] #main-nav span.badge {
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] #main-nav span.badge:before {
  content: "(";
}
html[data-charte=msh1] #main-nav span.badge:after {
  content: ")";
}
html[data-charte=msh1] .simplebar-offset {
  width: 100%;
}
html[data-charte=msh1] #main-nav li a.bt-create, html[data-charte=msh1] #main-nav li a.bt-create:visited {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 0.8em 0 0.8em 2.5em;
  margin: 1rem 0 2rem;
}
html[data-charte=msh1] #main-nav li a.bt-create::after {
  content: none;
}
html[data-charte=msh1] #main-nav li a.bt-create:hover, html[data-charte=msh1] #main-nav li a.bt-create:focus {
  background-color: #EE4A02;
}
html[data-charte=msh1] ul.level2 {
  padding-left: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #EE4A02;
}
html[data-charte=msh1] #main-nav ul.level2 li {
  font-size: 1em;
}
html[data-charte=msh1] #main-nav div.line {
  flex-basis: 100%;
}
html[data-charte=msh1] #main-nav button.has-level2, html[data-charte=msh1] #main-nav a.has-level2 {
  display: inline-block;
  width: auto;
  flex-basis: 70%;
  flex-grow: 1;
}
html[data-charte=msh1] #main-nav button.has-level2::after, html[data-charte=msh1] #main-nav a.has-level2::after,
html[data-charte=msh1] #main-nav button.has-level2:hover::after, html[data-charte=msh1] #main-nav a.has-level2:hover::after,
html[data-charte=msh1] #main-nav button.has-level2:focus::after, html[data-charte=msh1] #main-nav a.has-level2:focus::after {
  content: none;
}
html[data-charte=msh1] #main-nav button.collapse::after,
html[data-charte=msh1] #main-nav button.collapse:hover::after,
html[data-charte=msh1] #main-nav button.collapse:focus::after {
  content: none;
}
html[data-charte=msh1] p.uploader {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 41px;
}
html[data-charte=msh1] p.uploader input {
  position: absolute;
  left: -500em;
}
html[data-charte=msh1] label.icon-file-uploader {
  display: inline-block;
  overflow: hidden;
  width: 33px;
  height: 32px;
  text-indent: -500em;
  color: #3B444F;
  background-color: #EE4A02;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  padding: 0;
  margin: 0;
  background-position: 4px -832px;
  cursor: pointer;
}
html[data-charte=msh1] p.uploader input:focus + label.icon-file-uploader {
  background-color: #E3E6E8;
}
html[data-charte=msh1] div.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 400ms ease-in 0s;
  -webkit-transition: opacity 400ms ease-in 0s;
  -ms-transition: opacity 400ms ease-in 0s;
  z-index: 9000;
}
html[data-charte=msh1] div.modal[aria-hidden=false], html[data-charte=msh1] div.modal.active {
  display: block;
  opacity: 1;
}
html[data-charte=msh1] div.modal .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(19, 25, 31, 0);
  background: rgba(19, 25, 31, 0.9);
}
html[data-charte=msh1] div.modal h3 {
  overflow-x: hidden;
  padding-right: 3.5rem;
}
html[data-charte=msh1] div.modal div.content {
  position: relative;
  overflow: auto;
  width: 70%;
  max-width: 600px;
  max-height: 80%;
  background-color: #fff;
  padding: 1rem;
  margin: 5% auto;
  margin: 5vmax auto;
  border-radius: 0.2rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
html[data-charte=msh1] div.modal.active div.content {
  transition: all 0.4s ease-in-out;
}
html[data-charte=msh1] div.modal.active div.content .buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh1] div.modal div.content .modal-title {
  font-size: 1.5em;
  word-break: break-all;
  padding-right: calc(1rem + 40px);
  margin-bottom: 0.5em;
}
html[data-charte=msh1] div.modal div.content ol {
  margin: 1rem;
}
html[data-charte=msh1] div.modal div.content li {
  margin-bottom: 0.5rem;
}
html[data-charte=msh1] div.modal div.content ul.treeview li {
  margin-bottom: 0;
}
html[data-charte=msh1] .modal-close {
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 10px;
  text-indent: -50em;
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-repeat: no-repeat;
  background-position: 4px -281px;
  padding: 0;
  transform: scale(0.7);
  z-index: 1000;
}
html[data-charte=msh1] .modal .buttons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-charte=msh1] .modal .buttons-bar [class*=bt-] {
  width: auto;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] .modal-close {
    top: 0.8rem;
    right: 1rem;
    transform: scale(1);
  }
}
html[data-charte=msh1] div.dropdown button.dd-trigger {
  font: 0.8em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5em top 50%;
  background-size: 0.8em auto;
  padding: 0.2em 2em 0.2em 0.3em;
  border: 1px solid #3B444F;
  border-radius: 0.2em;
}
html[data-charte=msh1] div.dropdown button.dd-trigger:hover, html[data-charte=msh1] div.dropdown button.dd-trigger:focus {
  border-color: #EE4A02;
}
html[data-charte=msh1] div.dropdown ul {
  display: none;
  position: absolute;
  width: 10em;
  list-style-type: none;
  background-color: #fff;
  padding: 0.2rem;
  border: 1px solid #3B444F;
  border-radius: 0.3rem;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
html[data-charte=msh1] div.dropdown ul[aria-hidden=true] {
  display: none;
}
html[data-charte=msh1] div.dropdown ul[aria-hidden=false] {
  display: block;
}
html[data-charte=msh1] div.dropdown ul button,
html[data-charte=msh1] div.dropdown ul a,
html[data-charte=msh1] div.dropdown ul [class*=icon-],
html[data-charte=msh1] div.dropdown ul [class*=icon-].secondary {
  display: block;
  width: 100%;
  font: 100%/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #3B444F;
  background-color: #fff;
  background-image: none;
  padding: 0.5em;
  margin: 0.1em 0;
}
html[data-charte=msh1] div.dropdown ul a {
  text-decoration: none;
}
html[data-charte=msh1] div.dropdown ul button:hover, html[data-charte=msh1] div.dropdown ul a:hover,
html[data-charte=msh1] div.dropdown ul button:focus, html[data-charte=msh1] div.dropdown ul a:focus,
html[data-charte=msh1] div.dropdown ul [class*=icon-]:focus, html[data-charte=msh1] div.dropdown ul [class*=icon-]:hover,
html[data-charte=msh1] div.dropdown ul [class*=icon-].secondary:focus, html[data-charte=msh1] div.dropdown ul [class*=icon-].secondary:hover {
  color: #3B444F;
  background-color: #FFFFFF;
}
html[data-charte=msh1] nav.pagination {
  max-width: 60em;
  margin: auto;
}
html[data-charte=msh1] nav.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  text-align: center;
}
html[data-charte=msh1] nav.pagination li {
  width: 40px;
}
@media screen and (min-width: 450px) {
  html[data-charte=msh1] nav.pagination li {
    /* Margin around page digits buttons */
  }
  html[data-charte=msh1] nav.pagination li:not(.page) + li.page, html[data-charte=msh1] nav.pagination li.page + li:not(.page) {
    margin-left: 10px;
  }
}
html[data-charte=msh1] nav.pagination li:first-of-type {
  margin-left: auto;
}
html[data-charte=msh1] nav.pagination li:last-of-type {
  margin-right: auto;
}
html[data-charte=msh1] nav.pagination li.shortcut {
  flex-basis: 100%;
}
html[data-charte=msh1] nav.pagination li.disabled {
  display: none;
}
html[data-charte=msh1] nav.pagination a, html[data-charte=msh1] nav.pagination li button {
  display: block;
  text-decoration: none;
  color: #3B444F;
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  width: 100%;
}
html[data-charte=msh1] nav.pagination a.firstPage, html[data-charte=msh1] nav.pagination a.previousPage, html[data-charte=msh1] nav.pagination a.nextPage, html[data-charte=msh1] nav.pagination a.lastPage, html[data-charte=msh1] nav.pagination li button.firstPage, html[data-charte=msh1] nav.pagination li button.previousPage, html[data-charte=msh1] nav.pagination li button.nextPage, html[data-charte=msh1] nav.pagination li button.lastPage {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  text-indent: -500em;
  overflow: hidden;
}
html[data-charte=msh1] nav.pagination a.firstPage, html[data-charte=msh1] nav.pagination li button.firstPage {
  background-image: url("/ti-web-shared/images/double-arrow-left.svg");
}
html[data-charte=msh1] nav.pagination a.previousPage, html[data-charte=msh1] nav.pagination li button.previousPage {
  background-image: url("/ti-web-shared/images/arrow-left.svg");
}
html[data-charte=msh1] nav.pagination a.nextPage, html[data-charte=msh1] nav.pagination li button.nextPage {
  background-image: url("/ti-web-shared/images/arrow-right.svg");
}
html[data-charte=msh1] nav.pagination a.lastPage, html[data-charte=msh1] nav.pagination li button.lastPage {
  background-image: url("/ti-web-shared/images/double-arrow-right.svg");
}
html[data-charte=msh1] nav.pagination a:hover, html[data-charte=msh1] nav.pagination a:focus, html[data-charte=msh1] nav.pagination li.active a,
html[data-charte=msh1] nav.pagination li button:hover, html[data-charte=msh1] nav.pagination li button:focus, html[data-charte=msh1] nav.pagination li.active button {
  border-bottom-color: #EE4A02;
}
html[data-charte=msh1] nav.pagination li button:disabled:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
html[data-charte=msh1] nav.pagination li.shortcut a, html[data-charte=msh1] nav.pagination li.shortcut button {
  padding: 0.5em;
  margin-bottom: 0;
}
html[data-charte=msh1] select.selector, html[data-charte=msh1] input[type=search].search-selector {
  width: 90%;
  max-width: 35em;
  min-width: 12em;
}
html[data-charte=msh1] .has-error input, html[data-charte=msh1] .has-error select, html[data-charte=msh1] .has-error textarea {
  border-color: #f00;
}
html[data-charte=msh1] div.rating {
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] div.rating h3 {
  font-size: 1.1em;
  margin: 0 1rem 0 0;
  border: none;
}
html[data-charte=msh1] div.rating .rate {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
html[data-charte=msh1] div.rating input[type=checkbox] {
  position: absolute;
  top: auto;
  left: -50em;
  opacity: 0;
}
html[data-charte=msh1] div.rating .rate-item span {
  visibility: hidden;
}
html[data-charte=msh1] div.rating .rate-item {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
  cursor: pointer;
  padding: 0.25rem;
}
html[data-charte=msh1] div.rating .rate-item.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=msh1] div.rating .rate:hover .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23DE7300' /%3E%3C/svg%3E");
}
html[data-charte=msh1] div.rating .rate-item:hover ~ .rate-item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=msh1] div.rating input[type=submit] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %230879D1' /%3E%3C/svg%3E");
  border: none;
}
html[data-charte=msh1] div.rating input[type=reset] {
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -80em;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %234B6377;' /%3E%3C/svg%3E");
  margin-left: 0;
  border: none;
}
html[data-charte=msh1] div.rating input[type=submit][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' style='fill: %23CCC' /%3E%3C/svg%3E");
}
html[data-charte=msh1] div.rating input[type=reset][disabled] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' style='fill: %23CCC;' /%3E%3C/svg%3E");
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] div.rating {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
  html[data-charte=msh1] div.rating ul {
    flex: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
html[data-charte=msh1] div.editor {
  position: relative;
}
html[data-charte=msh1] div.editor .editor-spinner {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}
html[data-charte=msh1] div.editor .editor-spinner div.spinner {
  height: 100%;
}
html[data-charte=msh1] p + div.editor {
  margin-top: 1em;
}
html[data-charte=msh1] div.editor-wrapper a, html[data-charte=msh1] div.editor a:visited {
  color: #2900EC;
}
html[data-charte=msh1] div.editor-wrapper div.actions-bar.editor-actions-bar {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=msh1] div.editor-wrapper div.actions-bar p {
  font-size: 0.95em;
  margin: 0;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #E3E6E8;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list.editor-actions-list li {
  position: relative;
  margin: 0.25rem 0.15rem;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li > button,
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: #E3E6E8;
  padding: 0;
  border: none;
}
html[data-charte=msh1] strong, html[data-charte=msh1] b {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
html[data-charte=msh1] em, html[data-charte=msh1] i {
  font-style: italic;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block ul {
  margin: 1em;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block p, html[data-charte=msh1] div.editor-wrapper div.editable-block li {
  margin-bottom: 0.5em;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid #3B444F;
  border-radius: 0.3rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  background-color: #FFFFFF;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block[contenteditable] {
  background-color: #fff;
}
html[data-charte=msh1] .has-error div.editor-wrapper div.editable-block,
html[data-charte=msh1] .has-error div.editor-wrapper div.editable-block:hover {
  border: 2px solid #f00;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block b {
  font-weight: bold;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block:focus, html[data-charte=msh1] div.editor-wrapper div.editable-block:hover {
  border-color: #EE4A02;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block.active {
  border: 3px dotted #EE4A02;
}
html[data-charte=msh1] div.editor-wrapper p.buttons-bar {
  margin: 1rem 0 0;
}
html[data-charte=msh1] div.editor-wrapper input[type=url] {
  width: 19em;
}
html[data-charte=msh1] select.models, html[data-charte=msh1] select.signature {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html[data-charte=msh1] button.signature option .invisible-signature-data {
  display: none;
}
html[data-charte=msh1] .contentEditableValue {
  display: none;
}
html[data-charte=msh1] select.signature {
  max-width: 170px;
  height: 32px;
  border: 0;
}
html[data-charte=msh1] div.editor-wrapper div.actions-bar p.f-header {
  margin-bottom: 5px;
}
html[data-charte=msh1] div.editor div.specifics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #EE4A02;
}
html[data-charte=msh1] div.editor div.specifics > p {
  flex: 1 0 50%;
  min-width: 250px;
}
html[data-charte=msh1] div.editor div.specifics label {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
html[data-charte=msh1] div.editor-wrapper .editor-actions-list select {
  border: 0;
}
html[data-charte=msh1] input[type=color] {
  width: 2rem;
  height: 2.2em;
  padding: 1px;
}
html[data-charte=msh1] #color-poly {
  display: none;
}
html[data-charte=msh1] #color-poly.active {
  display: block;
}
html[data-charte=msh1] #color-poly div.format-options {
  display: none;
  width: 228px;
  min-width: 1px;
}
html[data-charte=msh1] #color-poly div.format-options.active {
  display: block;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.color {
  overflow: hidden;
  text-indent: -50em;
  border: 2px solid #fff;
  padding: 0.5em 1em 0.55em;
}
html[data-charte=msh1] button.color:hover, html[data-charte=msh1] button.color:focus {
  border-top-color: #3B444F;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #3B444F;
}
html[data-charte=msh1] #color-poly ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list.editor-actions-list #color-poly li {
  margin: 0.25rem;
}
html[data-charte=msh1] div.editor-wrapper [class*=icon-] {
  background-image: url("/ti-web-shared/images/sprite-editor.svg");
  background-color: #FFFFFF;
  border: 1px solid #3B444F;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button[class*=icon-]:hover,
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button[class*=icon-]:focus {
  background-color: #3B444F;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button[class*=icon-].active {
  background-color: #3B444F;
}
html[data-charte=msh1] div.editor-wrapper .actions-bar .extraButtons {
  display: flex;
}
html[data-charte=msh1] div.editor-wrapper .actions-bar .extraButtons > * {
  margin: 0 2px;
}
html[data-charte=msh1] .icon-bold {
  background-position: -1px 4px;
}
html[data-charte=msh1] .icon-italic {
  background-position: -2px -82px;
}
html[data-charte=msh1] .icon-underl {
  background-position: -1px -771px;
}
html[data-charte=msh1] .icon-list {
  background-position: -1px -172px;
}
html[data-charte=msh1] .icon-link {
  background-position: -1px -275px;
}
html[data-charte=msh1] .icon-img {
  background-position: -1px -363px;
}
html[data-charte=msh1] .icon-aright {
  background-position: -1px -462px;
}
html[data-charte=msh1] .icon-acenter {
  background-position: -1px -656px;
}
html[data-charte=msh1] .icon-aleft {
  background-position: -1px -563px;
}
html[data-charte=msh1] .icon-attach {
  background-position: -1px -910px;
}
html[data-charte=msh1] .icon-spellcheck {
  background-position: -1px -1084px;
}
html[data-charte=msh1] .icon-ai {
  background-position: 0 -1232px;
}
html[data-charte=msh1] .icon-tt {
  background-position: 0 -1377px;
}
html[data-charte=msh1] .icon-signature {
  background-position: -1px -1084px;
}
html[data-charte=msh1] .icon-check-signature {
  background-position: -1px -1084px;
}
html[data-charte=msh1] .icon-attachments {
  background-position: -1px -1537px;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li p.uploader {
  width: 33px;
  height: 32px;
}
html[data-charte=msh1] div.format-options {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 260px;
  left: -105px;
  top: 2rem;
  background-color: #E3E6E8;
  padding: 1rem 1rem 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
html[data-charte=msh1] div.format-options.active {
  display: block;
}
html[data-charte=msh1] div.format-options p {
  margin: 0;
}
html[data-charte=msh1] div.format-options label {
  display: inline-block;
  width: 80%;
}
html[data-charte=msh1] div.format-options button {
  padding: 0.6em 1em 0.5em;
}
html[data-charte=msh1] div.format-options input[type=url] {
  width: 80%;
  padding: 0.3em 0.6em;
}
html[data-charte=msh1] div.editor-wrapper ul.message-attachments {
  margin-left: 0;
}
html[data-charte=msh1] div.editor-wrapper ul.message-attachments .filetype {
  display: inline-block;
  width: 2.5em;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 0.2em 0.45em;
  margin-right: 0.5em;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
html[data-charte=msh1] div.editor-wrapper .feedback-message {
  margin: 0.5rem 0;
  padding: 0.5rem;
}
html[data-charte=msh1] div.editor-wrapper ul.message-attachments .ellipsis {
  flex-basis: 100%;
}
html[data-charte=msh1] div.editor-wrapper ul.message-attachments > li {
  align-items: center;
}
html[data-charte=msh1] div.attachment-line {
  padding: 1em 0.5em;
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}
html[data-charte=msh1] mark {
  cursor: help;
}
html[data-charte=msh1] ul.sc-options {
  position: absolute;
  width: auto;
  min-width: 6em;
  left: 0;
  list-style-type: none;
  background-color: #FFF;
  padding: 0.5rem;
  border: 1px solid #3B444F;
  border-radius: 0.3rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 30px 20px;
}
html[data-charte=msh1] mark[aria-expanded=false] ul.sc-options {
  display: none;
}
html[data-charte=msh1] mark[aria-expanded=true] ul.sc-options {
  display: block;
}
html[data-charte=msh1] ul.sc-options li {
  padding: 0.2em 0.3em;
}
html[data-charte=msh1] b ul.sc-options li, html[data-charte=msh1] strong ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-weight: normal;
}
html[data-charte=msh1] u ul.sc-options li {
  text-decoration: none;
}
html[data-charte=msh1] em ul.sc-options li, html[data-charte=msh1] i ul.sc-options li {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  font-style: normal;
}
html[data-charte=msh1] ul.sc-options li:hover, html[data-charte=msh1] ul.sc-options li:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
html[data-charte=msh1] ul.sc-options li.ignore {
  font-weight: bold;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #3B444F;
}
html[data-charte=msh1] ul.sc-options li.ignore-all {
  font-weight: bold;
}
html[data-charte=msh1] div.editor-wrapper ul.editor-actions-list li > button.icon-spellcheck {
  border: 1px solid #3B444F;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[data-charte=msh1] div.editor-wrapper ul.editor-actions-list li > button.icon-lang {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  margin-left: -2px;
  border: 1px solid #3B444F;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[data-charte=msh1] div.editor-wrapper ul.editor-actions-list li > button.icon-signature {
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23444'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65em top 50%;
  background-size: 1em auto;
  border: 1px solid #3B444F;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2.5px;
}
html[data-charte=msh1] div.editor-wrapper ul.editor-actions-list li > button.icon-check-signature {
  background-color: #E3E6E8;
  background-image: url("/ti-web-shared/images/tosign.svg");
  background-repeat: no-repeat;
  background-position: right 0.3em top 50%;
  border: 1px solid #3B444F;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
html[data-charte=msh1] li.f-spellCheck .format-options {
  min-width: 9em;
  left: auto;
  right: 0;
}
html[data-charte=msh1] .editable-block .editor-image {
  position: relative;
  display: inline-block;
}
html[data-charte=msh1] .editable-block .editor-image img {
  max-width: unset;
  cursor: default;
  outline: none;
}
html[data-charte=msh1] .editable-block .resizers {
  position: absolute;
  display: none;
  border: 1px solid #E3E6E8;
  cursor: default;
  z-index: 1;
}
html[data-charte=msh1] .editable-block .resizers .resizer {
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid #E3E6E8;
  position: absolute;
  cursor: nw-resize;
}
html[data-charte=msh1] .editable-block .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
}
html[data-charte=msh1] .editable-block .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
}
html[data-charte=msh1] .editable-block .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
}
html[data-charte=msh1] .editable-block .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] div.editor-wrapper ul.message-attachments .ellipsis {
    flex-basis: calc(100% - 220px);
  }
  html[data-charte=msh1] div.editor div.group {
    display: flex;
    margin: 0.5rem 0 0;
  }
  html[data-charte=msh1] div.editor div.group p:first-of-type {
    margin-right: 4rem;
  }
  html[data-charte=msh1] div.editor-wrapper div.actions-bar.editor-actions-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #E3E6E8;
    padding-left: 0.5rem;
    margin-bottom: 0;
    justify-content: space-between;
  }
  html[data-charte=msh1] div.editor-wrapper div.actions-bar p.f-header {
    max-width: 20em;
    margin: 0.5rem 0;
  }
  html[data-charte=msh1] div.editor-wrapper div.actions-bar p.f-header input[type=search].search-selector {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  html[data-charte=msh1] div.format-options {
    left: 0;
  }
}
@media screen and (min-width: 341px) and (max-width: 450px) {
  html[data-charte=msh1] div.format-options {
    left: unset;
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] select, html[data-charte=msh1] div.h-card select {
    padding-right: 3em;
  }
}
html[data-charte=msh1] section.participants {
  margin-bottom: 1rem;
}
html[data-charte=msh1] section.participants h3 {
  margin-bottom: 1rem;
}
html[data-charte=msh1] section.participants .h-card {
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #3B444F;
  padding: 1rem;
  background-color: #EE4A02;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh1] section.participants dl {
  display: flex;
  flex-flow: column;
  margin-left: 2rem;
}
html[data-charte=msh1] section.participants dt {
  font: 1.3em/1.1 Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  word-break: break-word;
}
html[data-charte=msh1] section.participants div.h-card .u-photo, html[data-charte=msh1] section.participants div.h-card .u-photo img {
  order: initial;
  width: 100px;
  height: 100px;
}
html[data-charte=msh1] main.conversation section.participants ul.actions-list,
html[data-charte=msh1] section.participants ul.actions-list {
  position: absolute;
  width: auto;
  bottom: -17px;
  left: calc(110px + 3rem);
  text-align: center;
  margin: 0;
}
html[data-charte=msh1] button.info {
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
html[data-charte=msh1] ul.avatars {
  list-style-type: none;
  background-color: #E3E6E8;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh1] ul.avatars li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
html[data-charte=msh1] ul.avatars li + li {
  border-top: 1px dotted #EE4A02;
}
html[data-charte=msh1] ul.avatars img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 1rem;
}
html[data-charte=msh1] div.actions-bar {
  color: #3B444F;
  background-color: #E3E6E8;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.actions-bar p, html[data-charte=msh1] div.actions-bar li {
  font-size: 0.9em;
}
html[data-charte=msh1] div.actions-bar > :only-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
html[data-charte=msh1] div.actions-bar form p {
  margin-bottom: 0.5rem;
}
html[data-charte=msh1] div.actions-bar form > :nth-child(2) {
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] div.actions-bar .radio-chips label {
  border: 1px solid #3B444F;
}
html[data-charte=msh1] div.actions-bar .radio-chips input:hover + label, html[data-charte=msh1] div.actions-bar .radio-chips input:focus + label {
  color: #3B444F;
  background-color: #E3E6E8;
  border-color: #EE4A02;
}
html[data-charte=msh1] div.actions-bar .radio-chips input:checked + label {
  color: #3B444F;
  background-color: #EE4A02;
  border-color: #EE4A02;
}
html[data-charte=msh1] div.actions-bar .radio-chips {
  padding: 0;
  margin: 0;
}
html[data-charte=msh1] div.actions-bar > * {
  padding: 0;
}
html[data-charte=msh1] .collapsible {
  margin-bottom: 3rem;
}
html[data-charte=msh1] .collapsible h3, html[data-charte=msh1] .collapsible h4 {
  margin-bottom: 0;
}
html[data-charte=msh1] .collapsible > .content {
  display: none;
}
html[data-charte=msh1] .collapsible > .content[aria-hidden=false] {
  display: block;
  background-color: #FFFFFF;
  padding: 3rem 1rem 0.5rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh1] .collapsible button.control {
  width: 100%;
  text-align: left;
  background-color: #E3E6E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 10.19 41.74 10.19 37.5 15.81 33.26 10.19' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 3em 30px;
  background-position: right 0.8em top 0.25em;
  background-repeat: no-repeat;
  padding-right: 60px;
}
html[data-charte=msh1] .collapsible button.control[aria-expanded=true] {
  background-color: #EE4A02;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %23FFF'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %230879D1'/%3E%3C/g%3E%3C/svg%3E");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: 3em 30px;
}
html[data-charte=msh1] .collapsible.top-level button.control {
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] fieldset.collapsible.sub-group {
  border-top: 1px solid #3B444F;
  margin-bottom: 1rem;
}
html[data-charte=msh1] fieldset.collapsible.sub-group legend {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}
html[data-charte=msh1] fieldset.collapsible.sub-group button.control {
  color: #3B444F;
  background-color: rgba(255, 255, 255, 0);
  background-position: right 0.5em top 0.2em;
  padding-left: 0;
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh1] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3em 30px;
  }
  html[data-charte=msh1] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh1] .collapsible.top-level button.control[aria-expanded=true] {
    color: #E3E6E8;
    background-color: #FFFFFF;
  }
  html[data-charte=msh1] header .collapsible {
    width: 100%;
  }
  html[data-charte=msh1] header .collapsible > .content[aria-hidden=false] {
    margin-top: 1rem;
  }
}
html[data-charte=msh1] ul.tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 5px solid #EE4A02;
}
html[data-charte=msh1] ul.tabs li {
  list-style-type: none;
  font-family: Arial, latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] ul.tabs li + li {
  margin-left: 0.5em;
}
html[data-charte=msh1] ul.tabs li a, html[data-charte=msh1] ul.tabs li a:visited {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh1] ul.tabs li a:hover, html[data-charte=msh1] ul.tabs li a:focus {
  color: #3B444F;
  background-color: #E3E6E8;
}
html[data-charte=msh1] ul.tabs li.active a, html[data-charte=msh1] ul.tabs li.active a:visited {
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.tab-item-component {
  padding-top: 1rem;
}
html[data-charte=msh1] div.tab-item-component > h3:first-child {
  font-size: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1rem;
  border: none;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] div.tab-item-component > h3:first-child {
    font-size: 1.5em;
    padding: 0.5rem 0 1rem;
  }
}
html[data-charte=msh1] .top-level {
  position: relative;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=msh1] .top-level > legend {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 0;
  border-radius: 0.3rem;
}
html[data-charte=msh1] .top-level > legend button.control {
  width: 100%;
  text-align: left;
  padding: 0.5em 1rem;
  border-radius: 0.3rem;
  background-position: calc(100% - 0.6rem) 0.2em;
}
html[data-charte=msh1] .top-level label {
  background-color: #FFFFFF;
}
html[data-charte=msh1] div.data-sheet {
  margin-bottom: 2rem;
}
html[data-charte=msh1] div.data-sheet dl {
  margin-bottom: 1rem;
}
html[data-charte=msh1] div.data-sheet dt {
  font: 0.9em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3em;
}
html[data-charte=msh1] div.data-sheet div {
  margin-right: 2rem;
}
html[data-charte=msh1] div.data-sheet div.main {
  flex-basis: 100%;
}
html[data-charte=msh1] div.data-sheet dd {
  font-size: 1.1em;
}
html[data-charte=msh1] ul.actions-list {
  display: flex;
  list-style-type: none;
}
html[data-charte=msh1] ul.actions-list li {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
html[data-charte=msh1] ul.actions-list li:last-of-type {
  margin-right: 0;
}
html[data-charte=msh1] ul.actions-list button {
  vertical-align: top;
}
html[data-charte=msh1] details {
  position: relative;
  padding: 1rem 0;
  border-top: 1px solid #3B444F;
}
html[data-charte=msh1] summary {
  overflow: hidden;
  font: 1em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html[data-charte=msh1] details[open] summary {
  margin-bottom: 1rem;
}
html[data-charte=msh1] details.special ul {
  position: absolute;
  width: 100%;
  top: 2.2em;
  left: 0;
  list-style-type: none;
  text-align: left;
  background-color: #EE4A02;
}
html[data-charte=msh1] details.special li {
  font-size: 0.7em;
}
html[data-charte=msh1] details.simple {
  color: #3B444F;
  padding: 0;
  border: none;
}
html[data-charte=msh1] details.simple summary {
  font-size: 80%;
  color: #3B444F;
  margin-top: 1em;
}
html[data-charte=msh1] details.simple summary::after {
  content: " +";
}
html[data-charte=msh1] details.simple[open] summary {
  margin-bottom: 0.5em;
}
html[data-charte=msh1] details.simple[open] summary::after {
  content: " -";
}
html[data-charte=msh1] .nowrap {
  white-space: nowrap;
}
html[data-charte=msh1] hr {
  border: none;
  border-top: 1px dotted #3B444F;
  margin-bottom: 1rem;
}
html[data-charte=msh1] .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=msh1] .chip {
  white-space: nowrap;
  line-height: 1;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 2em;
}
html[data-charte=msh1] .chip .icon-close {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  transform: scale(0.3);
}
html[data-charte=msh1] ul.chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
html[data-charte=msh1] ul.chips li {
  margin: 0 0.5rem 0 0;
}
html[data-charte=msh1] .tags {
  background: url("/ti-web-shared/images/tags.svg") 0 0.35em no-repeat;
  background-size: 0.8em;
  padding-left: 20px;
}
html[data-charte=msh1] .tags span.tag {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=msh1] .tags span.tag:not(:last-child):after {
  content: ", ";
}
html[data-charte=msh1] .theme {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath d='M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z' transform='translate(0 -0.03)' style='fill: %234b6377'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: left center;
  padding-left: 20px;
}
html[data-charte=msh1] .theme > span {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20em;
  white-space: nowrap;
}
html[data-charte=msh1] .theme > span:not(:last-child):after {
  content: ", ";
}
html[data-charte=msh1] ul.links-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=msh1] ul.links-list li:first-child {
  flex-basis: 100%;
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] ul.links-list li {
  flex-basis: 40%;
  margin-right: 1rem;
}
html[data-charte=msh1] ul.entries-list {
  position: relative;
  list-style-type: none;
  margin: 2rem;
  border-left: 1px solid #EE4A02;
}
html[data-charte=msh1] ul.entries-list [class*=bt-] {
  font: 90% Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  color: #3B444F;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=msh1] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=msh1] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
  html[data-charte=msh1] fieldset.collapsible button.control {
    background-size: 2em 2em;
  }
  html[data-charte=msh1] div.actions-bar form {
    align-items: flex-end;
  }
  html[data-charte=msh1] .form-makeup label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10' style='fill: %23fff; stroke: %23505050; stroke-width:2'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh1] .form-makeup input:checked + label::before, html[data-charte=msh1] .form-makeup label.checked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Ccircle cx='11.65' cy='11.65' r='10.65' style='fill: %230879D1'/%3E%3Cpath d='M19.5,7.24,8.92,17.81,3.81,12.7l1.46-1.47L8.7,14.6l9.11-9.11Z' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh1] .form-makeup input[type=checkbox] + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='20.3' height='20.3' x='1' y='1' rx='2.33' ry='2.33' style='fill: %23fff; stroke:%23505050; stroke-width:2;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh1] .form-makeup input[type=checkbox]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='22.3' height='22.3' rx='2.33' ry='2.33' style='fill: %230879d1'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E");
  }
  html[data-charte=msh1] button[disabled], html[data-charte=msh1] .form-reset[disabled], html[data-charte=msh1] .form-submit[disabled] {
    opacity: 0.4;
    background-color: #EE4A02;
  }
  html[data-charte=msh1] button[disabled]:hover, html[data-charte=msh1] .form-reset[disabled]:hover, html[data-charte=msh1] .form-submit[disabled]:hover {
    background-color: #3B444F;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html[data-charte=msh1] div#modal-container div.modal div.content {
    margin: 5% auto;
  }
}
@font-face {
  html[data-charte=msh1] {
    font-family: "latobold";
    src: url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=msh1] {
    font-family: "latolight";
    src: url("/ti-web-shared/assets/fonts/lato-light-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=msh1] {
    font-family: "latoregular";
    src: url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  html[data-charte=msh1] {
    font-family: "latoblack";
    src: url("/ti-web-shared/assets/fonts/lato-black-webfont.woff2") format("woff2"), url("/ti-web-shared/assets/fonts/lato-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
html[data-charte=msh1] .graph-component {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=msh1] .graph-component {
    margin-top: 0;
  }
}
html[data-charte=msh1] .graph-component .amcharts-amexport-menu-root.amcharts-amexport-top {
  top: -10px;
}
@media screen and (max-width: 1000px) {
  html[data-charte=msh1] .graph-component .amcharts-amexport-menu {
    display: none !important;
  }
}
html[data-charte=msh1] div.datepickerDialog {
  position: absolute;
  width: 269px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
html[data-charte=msh1] div.datepickerDialog caption {
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5em;
}
html[data-charte=msh1] div.datepickerDialog caption p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=msh1] div.datepickerDialog caption button {
  background-color: #FFFFFF;
  padding: 0.3em;
  margin: 0 0.5em;
}
html[data-charte=msh1] div.datepickerDialog caption button:first-of-type {
  margin-right: auto;
}
html[data-charte=msh1] div.datepickerDialog caption button:last-of-type {
  margin-left: auto;
}
html[data-charte=msh1] div.datepickerDialog th, html[data-charte=msh1] div.datepickerDialog td {
  font-size: 0.75em;
  padding: 0;
}
html[data-charte=msh1] div.datepickerDialog th {
  background-color: #FFFFFF;
}
html[data-charte=msh1] div.datepickerDialog td button {
  width: 100%;
  color: #3B444F;
  background-color: #fff;
  padding: 0.5em 0.2em;
}
html[data-charte=msh1] div.datepickerDialog td button:hover, html[data-charte=msh1] div.datepickerDialog td button:focus {
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] div.datepickerDialog td button.disabled {
  color: #3B444F;
  background-color: #fff;
}
html[data-charte=msh1] div.datepickerDialog p.buttons-bar, html[data-charte=msh1] div.datepickerDialog p.time-selector {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding-top: 0.3em;
  margin: 0.3em 0.3em 0 0.3em;
  border-top: 1px solid #E3E6E8;
}
html[data-charte=msh1] button.dp-button {
  width: 33px;
  height: 32px;
  padding: 0;
  vertical-align: -5px;
}
html[data-charte=msh1] figure.img-container p.img-container-filename {
  word-break: break-all;
}
html[data-charte=msh1] figure.img-container {
  overflow: auto;
  height: 50vh;
}
html[data-charte=msh1] figure.img-container img {
  max-width: unset;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    width: fit-content;
    max-width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  html[data-charte=msh1] div.modal div.content[id^=image-preview-modal-content-] {
    overflow: unset;
    max-width: 600px;
    max-height: 80%;
  }
}
html[data-charte=msh1] .icon-zoom {
  position: absolute;
  top: 110px;
  background-position: 2px 4px;
  background-color: transparent;
}
html[data-charte=msh1] .icon-zoom:hover {
  background-color: #FFFFFF;
}
html[data-charte=msh1] .icon-zoom:focus {
  background-color: #3B444F;
}
html[data-charte=msh1] .icon-zoom-in {
  right: 50px;
  background-image: url("/ti-web-shared/images/zoom-in.svg");
}
html[data-charte=msh1] .icon-zoom-out {
  right: 80px;
  background-image: url("/ti-web-shared/images/zoom-out.svg");
}
html[data-charte=msh1] .preview-page {
  max-height: 100vh;
  position: relative;
  overflow: hidden !important;
}
html[data-charte=msh1] .preview-page a {
  color: #6a91b7;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html[data-charte=msh1] .preview-page a i {
  font-size: 1.8333333333em;
}
html[data-charte=msh1] .preview-page a i:focus {
  outline: none;
}
html[data-charte=msh1] .preview-page a i:hover {
  outline: none;
}
html[data-charte=msh1] .preview-page a:not(.action-icon-disabled):focus {
  outline: none;
}
html[data-charte=msh1] .preview-page a:not(.action-icon-disabled):focus i {
  font-weight: bolder;
}
html[data-charte=msh1] .preview-page a:focus {
  text-decoration: none;
}
html[data-charte=msh1] .preview-page a:hover {
  text-decoration: none;
}
html[data-charte=msh1] .uploader-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[data-charte=msh1] .pagination-item {
  align-items: baseline;
}
html[data-charte=msh1] .preview-page-img {
  width: inherit;
  max-width: 70vw !important;
  min-width: 20vw;
}
html[data-charte=msh1] .icon-zoom {
  position: inherit;
}
html[data-charte=msh1] figure.img-container img {
  width: 100%;
}
html[data-charte=msh1] .zoom-group {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
html[data-charte=msh1] div.editor-wrapper .audio, html[data-charte=msh1] div.editor-wrapper .audio-record [class*=icon-download] {
  background-image: url("/ti-web-shared/images/sprite.svg");
  background-color: #EE4A02;
}
html[data-charte=msh1] div.editor-wrapper .audio, html[data-charte=msh1] div.editor-wrapper .audio-record [class*=icon-download]:hover,
html[data-charte=msh1] div.editor-wrapper .audio, html[data-charte=msh1] div.editor-wrapper .audio-record [class*=icon-download]:focus {
  background-color: #E3E6E8;
}
html[data-charte=msh1] #wavesurfer-audio-editor {
  padding: 0;
}
html[data-charte=msh1] [id^=wavesurfer-audio-] {
  width: 37%;
  padding: 0;
}
html[data-charte=msh1] .audio-preview {
  justify-content: center;
}
html[data-charte=msh1] div.record-duration {
  font-size: 1em;
  font-weight: bold;
  margin-top: 8px;
}
html[data-charte=msh1] div.message-duration {
  font-size: 1em;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}
html[data-charte=msh1] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li {
  margin: 0 0.6rem 0 0;
}
html[data-charte=msh1] div.editable-block.record-block > div.audio-record > div.player-actions > ul > li > a {
  display: flex;
  margin-top: 0;
}
html[data-charte=msh1] .audio-message, html[data-charte=msh1] .audio-record, html[data-charte=msh1] .audio {
  display: flex;
  gap: 10px;
}
html[data-charte=msh1] .audio-message audio, html[data-charte=msh1] .audio-record audio, html[data-charte=msh1] .audio audio {
  background: #fff;
  border: 2px solid #E3E6E8;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
html[data-charte=msh1] .audio-message .icon-download.voice-message, html[data-charte=msh1] .audio-record .icon-download.voice-message, html[data-charte=msh1] .audio .icon-download.voice-message {
  border: none;
  border-radius: 1em;
}
html[data-charte=msh1] .audio-message a {
  display: flex;
  height: 32px;
}
html[data-charte=msh1] .audio-record {
  margin-top: 25px;
  min-width: 31rem;
  min-height: 4rem;
}
html[data-charte=msh1] .audio-record a {
  margin-top: 14px;
  height: 32px;
}
html[data-charte=msh1] .audio {
  min-width: 20rem;
}
html[data-charte=msh1] .audio a {
  margin-top: 6px;
  margin-left: 10px;
  height: 32px;
}
html[data-charte=msh1] .audio-preview-container {
  width: 100%;
  margin-bottom: 0.3rem;
}
html[data-charte=msh1] .audio-preview-container .loading {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -15px;
}
html[data-charte=msh1] .audio-preview-container .loading p.loading-text {
  margin-top: 0;
}
html[data-charte=msh1] .audio-preview-container button.loading-icon {
  width: 30px;
  height: 25px;
  background-color: transparent;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=msh1] .audio-preview-container button.loading-icon span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
}
html[data-charte=msh1] .vm-actions-list {
  display: flex;
  list-style-type: none;
  margin-left: 0;
}
html[data-charte=msh1] #volume-control, html[data-charte=msh1] #speed-control {
  display: none;
}
html[data-charte=msh1] #volume-control > input, html[data-charte=msh1] #speed-control > input {
  width: 65px;
}
html[data-charte=msh1] .audio-volume {
  min-width: 41px;
  text-align: right;
}
html[data-charte=msh1] .audio-speed {
  min-width: 33px;
  text-align: right;
}
html[data-charte=msh1] #volume-control[aria-hidden=false], html[data-charte=msh1] #speed-control[aria-hidden=false] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[data-charte=msh1] div.bubble .content .player-actions ul {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
html[data-charte=msh1] div.editable-block.record-block > div.audio-record > div.player-actions > ul {
  margin: 0;
}
html[data-charte=msh1] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button {
  background-color: #EE4A02;
}
html[data-charte=msh1] div.editable-block.record-block > div.audio-record > div.player-actions > ul li > button:hover {
  background-color: #E3E6E8;
}
html[data-charte=msh1] input[type=range] {
  -webkit-appearance: none;
  background-color: #EE4A02;
  height: 5px;
  border-radius: 1em;
}
html[data-charte=msh1] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #EE4A02;
  border-radius: 1em;
  width: 5px;
  height: 15px;
}
html[data-charte=msh1] div.files-list {
  margin-top: 20px;
}
html[data-charte=msh1] li.list-form {
  display: flex;
  align-items: center;
}
html[data-charte=msh1] ul.add-list {
  max-width: unset;
  padding: 0 1rem 0 1.5rem;
  margin: 2rem 0;
  border-left: 5px solid #EE4A02;
}
html[data-charte=msh1] ul.add-list li {
  padding: 0;
}
html[data-charte=msh1] ul.add-list li:last-child {
  border-bottom: none;
}
html[data-charte=msh1] .icon-share, html[data-charte=msh1] .icon-edit, html[data-charte=msh1] .icon-info,
html[data-charte=msh1] .icon-upload, html[data-charte=msh1] .icon-close, html[data-charte=msh1] .icon-info-close,
html[data-charte=msh1] .icon-notify, html[data-charte=msh1] .icon-conversation {
  background-image: url("/ti-web-shared/images/sprite-projects.svg");
}
html[data-charte=msh1] .icon-share {
  background-position: 4px -752px;
}
html[data-charte=msh1] .icon-upload {
  background-position: 4px -144px;
}
html[data-charte=msh1] .icon-edit {
  background-position: 5px -96px;
}
html[data-charte=msh1] .icon-info, html[data-charte=msh1] .icon-info-close {
  background-position: 4px -1254px;
}
html[data-charte=msh1] .icon-info-close {
  opacity: 0.5;
}
html[data-charte=msh1] .icon-add {
  background-color: #d83550;
  background-position: 4px 7px;
}
html[data-charte=msh1] .icon-close {
  background-position: 4px -282px;
}
html[data-charte=msh1] .icon-notify {
  background-position: 4px -668px;
}
html[data-charte=msh1] .icon-conversation {
  background-position: 4px -44px;
}
html[data-charte=msh1] div.content + div.content {
  margin-top: 2rem;
}
html[data-charte=msh1] div.buddies p {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
html[data-charte=msh1] div.buddies label {
  flex-basis: 100%;
}
html[data-charte=msh1] main > header.simple:first-child {
  display: block;
}
html[data-charte=msh1] div.projects-results {
  display: flex;
  flex-wrap: wrap;
}
html[data-charte=msh1] div.project-card {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  min-width: 16rem;
  max-width: 20rem;
  background-color: #FFFFFF;
  padding: 1rem;
  margin: 0 2rem 2rem 0;
  border-left: 5px solid #EE4A02;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.project-card.closed {
  border-color: #3B444F;
}
html[data-charte=msh1] div.project-card::before, html[data-charte=msh1] div.project-card::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2rem;
  background-color: #fff;
}
html[data-charte=msh1] div.project-card::after {
  top: 2rem;
  width: 80%;
  height: 3px;
}
html[data-charte=msh1] div.project-card.closed {
  border-color: #3B444F;
}
html[data-charte=msh1] div.project-card header {
  margin: 2rem 0 0;
}
html[data-charte=msh1] div.project-card h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1em;
  background-color: #FFFFFF;
  padding: 0;
  margin-bottom: 0.5em;
  border: none;
}
html[data-charte=msh1] div.project-card h4 a {
  color: #3B444F;
  background-color: #FFFFFF;
}
html[data-charte=msh1] div.project-card h4 a:visited {
  color: #EE4A02;
  background-color: #FFFFFF;
}
html[data-charte=msh1] div.project-card img {
  width: 15px;
  height: 15px;
}
html[data-charte=msh1] div.project-card h4 span {
  position: relative;
  margin-left: auto;
  z-index: 2;
}
html[data-charte=msh1] div.project-card .ellipsis {
  max-width: 10em;
}
@media screen and (max-width: 450px) {
  html[data-charte=msh1] div.project-card .ellipsis {
    max-width: 5em;
  }
  html[data-charte=msh1] ul.files-list > li .ellipsis {
    max-width: 6em;
  }
}
html[data-charte=msh1] div.project-card p.nature {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 5.5rem;
  background-color: #FFFFFF;
  padding: 0.3rem 1rem 0.6rem 1rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh1] .nature-chip {
  font: 0.7em/1 Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #3B444F;
}
html[data-charte=msh1] p.description {
  overflow: hidden;
  font: 1em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
  margin-bottom: 1rem;
}
html[data-charte=msh1] header p.description {
  font-size: 1.2em;
}
html[data-charte=msh1] div.project-card .content {
  margin-top: auto;
}
html[data-charte=msh1] dl.project-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  border-top: 1px solid #3B444F;
  border-bottom: 1px solid #3B444F;
}
html[data-charte=msh1] dl.project-info div:first-of-type {
  margin-right: 2rem;
}
html[data-charte=msh1] div.project-card dl.project-info div.fulldata {
  display: none;
}
html[data-charte=msh1] dl.project-info dt, html[data-charte=msh1] dl.project-info dd {
  font-size: 0.95em;
  line-height: 1.3;
}
html[data-charte=msh1] dl.project-info dd {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
  width: 100%;
}
html[data-charte=msh1] p.docs-status-invalid {
  font-size: 0.9em;
  text-indent: -24px;
  margin-top: 1em;
  margin-left: 24px;
}
html[data-charte=msh1] p.docs-status-invalid.alert::before {
  content: url("/ti-web-shared/images/priority.svg");
  margin-right: 0.5em;
}
html[data-charte=msh1] div.actions-bar p:last-of-type {
  margin-top: 0.5em;
}
html[data-charte=msh1] div.project-sheet {
  background-color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.project-sheet p.description {
  font-size: 1.1em;
  line-height: 1.2;
}
html[data-charte=msh1] p.assignment {
  font-size: 1em;
  line-height: 1.3;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -215px no-repeat;
  padding-left: 30px;
  margin: 1.5rem 0 0;
}
html[data-charte=msh1] p.assignment strong {
  display: block;
}
html[data-charte=msh1] #add-doc-form ul.choices {
  list-style-type: none;
  margin: 0;
  border-bottom: 5px solid #EE4A02;
}
html[data-charte=msh1] #add-doc-form ul.choices li {
  margin-bottom: 0;
}
html[data-charte=msh1] #add-doc-form ul.choices label {
  overflow: hidden;
  position: relative;
  top: 3px;
  background-color: #FFFFFF;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  html[data-charte=msh1] #add-doc-form ul.choices label {
    padding: 0.5em 0.5em;
  }
}
html[data-charte=msh1] #add-doc-form ul.choices input {
  position: absolute;
  width: 1px;
  top: -5rem;
}
html[data-charte=msh1] #add-doc-form ul.choices input:checked + label {
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] #add-doc-form ul.choices label:hover {
  color: #3B444F;
  background-color: #EE4A02;
}
html[data-charte=msh1] #add-doc-form p.main-form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html[data-charte=msh1] main.projects .h-card {
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] main.projects .h-card .p-name {
  font-family: Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] main.projects .h-card button.info {
  display: none;
}
html[data-charte=msh1] main.projects section.requests h3 {
  display: none;
}
html[data-charte=msh1] section.project-folder {
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
}
html[data-charte=msh1] section.project-folder h3 {
  overflow: hidden;
  font-size: 1.3em;
  color: #3B444F;
  background: #EE4A02 url("/ti-web-shared/images/sprite-projects.svg") 13px -887px no-repeat;
  padding-top: 0.5rem;
  padding-left: calc(1rem + 30px);
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh1] section.project-folder h3 small {
  display: block;
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh1] section.project-folder section.document-block {
  margin: 0 1rem;
}
html[data-charte=msh1] section.project-folder h3 section.document-block h4 {
  font-size: 1.1em;
}
html[data-charte=msh1] section.project-folder section.document-block + section.document-block {
  border-width: 1px;
}
html[data-charte=msh1] section.project-folder section.document-block::before {
  height: calc(100% - 34px);
  top: 34px;
}
html[data-charte=msh1] div.list-of-documents h3 {
  padding: 0;
  border: none;
}
html[data-charte=msh1] div.list-of-documents .collapsible {
  margin-bottom: 1rem;
}
html[data-charte=msh1] div.list-of-documents .collapsible > .content[aria-hidden=false] {
  background-color: #fff;
}
html[data-charte=msh1] section.document-block {
  position: relative;
  padding-left: 30px;
}
html[data-charte=msh1] section.document-block::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 19px);
  top: 19px;
  left: 10px;
  border-left: 1px dashed #3B444F;
}
html[data-charte=msh1] section.document-block + section.document-block {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px solid #E3E6E8;
}
html[data-charte=msh1] section.document-block + section.document-block::before {
  height: calc(100% - 19px - 2rem);
  top: calc(2rem + 19px);
}
html[data-charte=msh1] section.document-block h4 {
  font: 1.2em Arial, latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
html[data-charte=msh1] section.document-block h4::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -1px;
  background: url("/ti-web-shared/images/sprite-projects.svg") 0 -1085px no-repeat;
}
html[data-charte=msh1] section.document-block + section.document-block h4::before {
  top: 2rem;
}
html[data-charte=msh1] section.document-block h4 strong {
  display: block;
  font: 60% Arial, latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
html[data-charte=msh1] section.document-block div.highlight {
  margin-top: 1rem;
}
html[data-charte=msh1] section.document-block div.highlight p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh1] section.document-block ul.actions-list {
  margin: 1rem 0;
}
html[data-charte=msh1] ul.files-list {
  list-style-type: none;
}
html[data-charte=msh1] ul.files-list > li {
  position: relative;
  display: flex;
  font-size: 0.95em;
  margin-bottom: 0.5rem;
}
html[data-charte=msh1] ul.files-list > li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: "";
  width: 0.6em;
  height: 0.6em;
  top: 0.4em;
  left: -23px;
  background-color: #EE4A02;
  border-radius: 100%;
}
html[data-charte=msh1] ul.files-list > li .ellipsis {
  display: inline-block;
  max-width: 10em;
  margin-right: 1em;
}
html[data-charte=msh1] ul.files-list > li .signature {
  width: 22px;
  height: 17px;
  display: inline-block;
  content: "";
  margin-right: 0.5em;
  background-repeat: no-repeat;
  margin-top: 2px;
}
html[data-charte=msh1] ul.files-list > li .signature-required {
  background-image: url("/ti-web-shared/images/tosign.svg");
}
html[data-charte=msh1] ul.files-list > li .signed {
  background-image: url("/ti-web-shared/images/signed.svg");
}
html[data-charte=msh1] ul.files-list div.dropdown {
  margin-left: auto;
}
html[data-charte=msh1] div.doc-info-block {
  padding: 0.5rem 0;
  margin: 1rem 0;
  border-top: 1px solid #E3E6E8;
  border-bottom: 1px solid #E3E6E8;
}
html[data-charte=msh1] div.doc-info-block p {
  font-family: Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
}
html[data-charte=msh1] div.doc-info-block p.buttons-bar {
  margin-bottom: 0;
}
html[data-charte=msh1] div.document-edit {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #3B444F;
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.data-sheet {
  margin: 1rem 0;
}
html[data-charte=msh1] div.data-sheet p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] main.projects div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=msh1] main.projects div.actions-bar select {
    display: initial;
  }
  html[data-charte=msh1] main.projects div.actions-bar p:last-of-type {
    margin-top: 0;
  }
  html[data-charte=msh1] section.document-block h4 {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.5em;
    margin-bottom: 0.25em;
  }
  html[data-charte=msh1] section.document-block h4::before {
    left: -32px;
  }
  html[data-charte=msh1] section.document-block + section.document-block h4::before {
    top: 0;
  }
  html[data-charte=msh1] section.document-block h4 strong {
    margin-left: 2rem;
  }
  html[data-charte=msh1] div.project-card h4 a, html[data-charte=msh1] div.project-card h4 a:visited {
    text-decoration: none;
  }
  html[data-charte=msh1] div.project-card h4 a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=msh1] ul.files-list > li .ellipsis {
    max-width: 12em;
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] section.project-folder {
    background-color: #fff;
  }
  html[data-charte=msh1] section.project-folder h3 {
    display: inline-block;
    font-size: 2em;
    background-position: 13px -332px;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
  html[data-charte=msh1] section.project-folder h3 small {
    font-size: 60%;
  }
  html[data-charte=msh1] section.project-folder section.document-block {
    background-color: #fff;
    padding-top: 1rem;
    margin: 0;
    border-top: 5px solid #EE4A02;
  }
  html[data-charte=msh1] div.list-of-documents h3 {
    font-size: 1.3em;
  }
  html[data-charte=msh1] section.document-block div.data-sheet {
    margin-bottom: 1rem;
  }
  html[data-charte=msh1] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=msh1] dl.project-info div {
    flex-basis: 45%;
  }
  html[data-charte=msh1] dl.project-info div:first-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh1] p.nature {
    flex: 1;
  }
  html[data-charte=msh1] main.projects > header:first-child {
    max-width: 100%;
    align-items: center;
  }
  html[data-charte=msh1] main.projects > header:first-child h2 {
    width: 70%;
  }
  html[data-charte=msh1] main.projects div.actions-bar {
    padding: 0.5rem 1rem;
  }
  html[data-charte=msh1] div.project-sheet {
    padding: 1.5vw;
    margin-bottom: 2rem;
  }
}
html[data-charte=msh1] div.treeview-wrapper {
  padding: 1rem;
  border: 2px solid var(--n-light);
  border-radius: 0.3rem;
}
html[data-charte=msh1] div.treeview-selection p.empty-state {
  text-align: center;
  background: url("/ti-web-shared/images/templates-empty.svg") center 20px no-repeat;
  background-size: 80px 100px;
  padding-top: 160px;
}
html[data-charte=msh1] ul.treeview {
  min-height: 300px;
  overflow: auto;
  list-style-type: none;
}
html[data-charte=msh1] ul.treeview button:disabled {
  filter: none;
}
html[data-charte=msh1] ul.treeview button:disabled:hover {
  background-color: transparent;
}
html[data-charte=msh1] ul.treeview button.element-button {
  vertical-align: text-top;
  background-color: #7a8a9f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  float: right;
}
html[data-charte=msh1] ul.treeview button.element-button:hover, html[data-charte=msh1] ul.treeview button.element-button:focus {
  background-color: #4b5868;
}
html[data-charte=msh1] ul.treeview ul {
  display: none;
  list-style-type: none;
  margin-left: 21px;
}
html[data-charte=msh1] ul.treeview ul.active {
  display: block;
}
html[data-charte=msh1] ul.treeview li {
  font-size: 0.8em;
}
html[data-charte=msh1] ul.treeview li li {
  font-size: 100%;
}
html[data-charte=msh1] ul.treeview li.tree-element {
  display: flex;
}
html[data-charte=msh1] ul.treeview li.tree-element button.element {
  flex-grow: 1;
  text-align: left;
}
html[data-charte=msh1] ul.treeview li.tree-element button.element.ellipsis {
  max-width: none;
}
html[data-charte=msh1] ul.treeview button.deploy, html[data-charte=msh1] ul.treeview button.element {
  color: #3B444F;
  background-color: #fff;
  background-image: url("/ti-web-shared/images/sprite-treeview.svg");
  background-position: 2px 6px;
  background-repeat: no-repeat;
  padding: 0.5em;
  padding-left: 25px;
  border-radius: 0;
}
html[data-charte=msh1] ul.treeview button.deploy, html[data-charte=msh1] ul.treeview button.element {
  background-position: 2px -115px;
}
html[data-charte=msh1] ul.treeview button:focus, html[data-charte=msh1] ul.treeview button:hover, html[data-charte=msh1] ul.treeview button.active {
  background-color: #FFFFFF;
}
html[data-charte=msh1] ul.treeview button.deploy-arrow {
  margin: 0.5em 0.5em 0.5em 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 0;
  vertical-align: text-top;
  outline: none;
}
html[data-charte=msh1] ul.treeview button.deploy-arrow span {
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -0.5em;
  margin-left: 0.5em;
  background-repeat: no-repeat;
}
html[data-charte=msh1] ul.treeview button.deploy-arrow-close span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(180deg);
}
html[data-charte=msh1] ul.treeview button.deploy-arrow-open span {
  background-image: url("/ti-web-shared/images/nav-arrow.svg");
  transform: rotate(225deg);
  animation: none;
}
html[data-charte=msh1] ul.treeview button.deploy-arrow-close:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=msh1] ul.treeview button.deploy-arrow-open:focus span {
  background-image: url("/ti-web-shared/images/nav-arrow-focus.svg");
}
html[data-charte=msh1] ul.treeview button.deploy-loading span {
  background-image: url("/ti-web-shared/images/loading-circle.svg");
  animation: spin 1.5s linear infinite;
}
html[data-charte=msh1] .treeview-search-combo > .search {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
html[data-charte=msh1] .treeview-search-combo > .search input {
  width: 80%;
}
html[data-charte=msh1] .treeview-search-combo > .search button {
  margin-left: 2px;
}
html[data-charte=msh1] .treeview-search-combo > .search .spacer {
  flex-grow: 1;
}
html[data-charte=msh1] .treeview-search-combo > .treeview {
  border: 1px solid #3B444F;
  padding: 5px 0;
}
html[data-charte=msh1] .treeview-search-combo > .treeview .noresult {
  margin: 10px;
}
html[data-charte=msh1] .treeview-search-combo .hidden {
  display: none;
}
html[data-charte=msh1] .treeview-search-combo button.element.highlight, html[data-charte=msh1] .treeview-search-combo button.deploy.highlight {
  font-weight: bold;
  color: #157fcc;
}
html[data-charte=msh1] .icon-tree {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px 5px;
}
html[data-charte=msh1] .icon-tree-list {
  background-image: url("/ti-web-shared/images/tree.svg");
  background-position: 5px -18px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=msh1] div.treeview-wrapper {
    display: flex;
  }
  html[data-charte=msh1] ul.treeview {
    flex-basis: 25%;
    overflow: hidden;
  }
  html[data-charte=msh1] div.treeview-selection {
    max-width: 50%;
    margin: 0px auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] ul.treeview button.deploy-arrow span {
    margin-left: 0;
  }
}
html[data-charte=msh1] :root {
  --body-text: #404040;
  --body-bg: #FFF;
  --text-inv: #FFF;
  --radius: 0.3rem;
  --main-color: #0879D1;
  --main-dark: #1F394E;
  --highlight: #D83550;
  --highlight-l: #F90;
  --n-u-dark: #000;
  --n-dark: #4B6377;
  --n-medium: #A3AFB7;
  --n-light: #DDE3E8;
  --n-u-light: #F2F3F4;
  --alert-color: #F00;
  --positive-bg: #D1F7E5;
  --negative-bg: #FEE6EA;
  --flash: #FFF2A9;
  --stack: latoregular, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-b: latobold, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-light: latolight, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
  --stack-head: latoblack, Calibri, Roboto, "Pt Sans", Helvetica, Arial, sans-serif;
}
html[data-charte=msh1] #absences-calendar div.actions-bar {
  justify-content: center;
}
html[data-charte=msh1] #absences-calendar div.actions-bar fieldset {
  margin: 0;
}
html[data-charte=msh1] #absences-calendar ul.choices li + li {
  margin: 0;
}
html[data-charte=msh1] #absences-calendar ul.actions-list, html[data-charte=msh1] #absences-calendar ul.check-chips {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
}
html[data-charte=msh1] #absences-calendar ul.check-chips {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--main-color);
}
html[data-charte=msh1] ul.actions-list li.current-view-date {
  font: 110% var(--stack-b);
  margin: 0.5em 0;
  padding: 0 2rem;
}
html[data-charte=msh1] #absences-calendar .icon-next, html[data-charte=msh1] #absences-calendar .icon-prev {
  background-color: var(--n-dark);
  background-size: 17px 17px;
  background-position: 10px 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 16'%3E%3Cpolygon points='0 0 0 16 12.19 8 0 0' style='fill: %23fff'/%3E%3C/svg%3E%0A");
}
html[data-charte=msh1] #absences-calendar .icon-prev {
  transform: rotate(180deg);
  background-position: 9px 8px;
}
html[data-charte=msh1] #entities-list {
  position: relative;
  top: 2rem;
  width: 13.5em;
}
html[data-charte=msh1] table.plan-grid {
  border-spacing: 0;
}
html[data-charte=msh1] table.plan-grid th, html[data-charte=msh1] table.plan-grid th[scope=col] {
  color: var(--body-text);
  background-color: var(--body-bg);
  padding: 0.5em 0.5em 1em;
  border-bottom: 4px solid var(--n-dark);
}
html[data-charte=msh1] table.plan-grid th {
  border-top: 4px solid transparent;
}
html[data-charte=msh1] table.plan-grid th.today {
  border-top-color: var(--main-color);
}
html[data-charte=msh1] table.plan-grid td {
  position: relative;
  padding: 1px;
  border-left: 1px solid var(--n-medium);
  border-bottom: 1px dotted var(--n-medium);
}
html[data-charte=msh1] table.plan-grid td.advisor {
  font-family: var(--stack-b);
  text-align: left;
  border-left: none;
}
html[data-charte=msh1] table.plan-grid tr td:first-of-type, html[data-charte=msh1] table.plan-grid tr th:first-of-type {
  width: 15em;
  white-space: nowrap;
}
html[data-charte=msh1] table.plan-grid div {
  display: block;
  height: 2em;
  background: repeating-linear-gradient(-45deg, #bbb, #bbb 2px, #eee 2px, #eee 5px);
}
html[data-charte=msh1] table.plan-grid div p {
  display: none;
}
html[data-charte=msh1] table.plan-grid div p::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 1rem;
  background-color: var(--n-dark);
  transform: rotate(45deg);
  z-index: 10;
}
html[data-charte=msh1] table.plan-grid div:hover p, html[data-charte=msh1] table.plan-grid div:focus p {
  display: block;
  position: absolute;
  width: 12em;
  top: 2.5em;
  color: var(--text-inv);
  background-color: var(--n-dark);
  padding: 0.5rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
html[data-charte=msh1] table.plan-grid td div span {
  display: block;
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] #absences-calendar p {
    font-size: 0.9em;
  }
  html[data-charte=msh1] #absences-calendar li {
    font-size: 0.8em;
  }
  html[data-charte=msh1] #absences-calendar div.actions-bar {
    justify-content: space-between;
  }
  html[data-charte=msh1] #absences-calendar ul.check-chips {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  html[data-charte=msh1] #absences-calendar ul.actions-list, html[data-charte=msh1] #absences-calendar ul.check-chips {
    flex-wrap: nowrap;
  }
  html[data-charte=msh1] #entities-list {
    max-width: 13.5em;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=msh1] #entities-list {
    position: static;
    width: 100%;
  }
  html[data-charte=msh1] table.plan-grid thead {
    display: none;
  }
  html[data-charte=msh1] table.plan-grid tr {
    display: block;
    text-align: left;
    padding-top: 0.25em;
    margin-top: 1rem;
    border: none;
    border-top: 4px solid var(--n-dark);
  }
  html[data-charte=msh1] table.plan-grid td, html[data-charte=msh1] table.plan-grid tr td:first-of-type {
    width: 100%;
  }
  html[data-charte=msh1] table.plan-grid td.advisor {
    display: block;
    width: 100%;
    font-size: 105%;
    margin-bottom: 0.5em;
    border: none;
  }
  html[data-charte=msh1] table.plan-grid td:not(.advisor) {
    display: flex;
    align-items: baseline;
    width: calc(100% - 15em);
    text-align: left;
    margin-left: 15em;
    border: none;
  }
  html[data-charte=msh1] table.plan-grid td:empty {
    display: none;
  }
  html[data-charte=msh1] table.plan-grid td::before {
    content: attr(data-header);
    font-family: var(--stack-b);
    text-align: left;
    width: 10em;
  }
  html[data-charte=msh1] table.plan-grid td div {
    flex: 1;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    background-image: none;
    border-bottom: 1px solid var(--n-medium);
  }
  html[data-charte=msh1] table.plan-grid td div {
    margin-left: 0 !important;
  }
  html[data-charte=msh1] table.plan-grid div p {
    display: block;
    padding: 0;
  }
  html[data-charte=msh1] table.plan-grid div p::before {
    content: none;
  }
  html[data-charte=msh1] table.plan-grid div:hover p, html[data-charte=msh1] table.plan-grid div:focus p {
    position: static;
    color: var(--body-text);
    background-color: var(--body-bg);
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 600px) {
  html[data-charte=msh1] table.plan-grid td:not(.advisor) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  html[data-charte=msh1] table.plan-grid div:hover p, html[data-charte=msh1] table.plan-grid div:focus p {
    width: auto;
  }
}
html[data-charte=msh1] table.plan-grid td.advisor {
  height: 2em;
}
html[data-charte=msh1] div.editor-wrapper a, html[data-charte=msh1] div.editor a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=msh1] div.editor-wrapper a:visited, html[data-charte=msh1] div.editor a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=msh1] div.editor-wrapper p:not(.feedback-message), html[data-charte=msh1] div.editor-wrapper li, html[data-charte=msh1] div.editor-wrapper th:not(.external-th), html[data-charte=msh1] div.editor-wrapper td:not(.external-td), html[data-charte=msh1] div.editor p:not(.feedback-message), html[data-charte=msh1] div.editor li, html[data-charte=msh1] div.editor th:not(.external-th), html[data-charte=msh1] div.editor td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=msh1] div.editor-wrapper p, html[data-charte=msh1] div.editor p {
  margin: 1em 0;
}
html[data-charte=msh1] div.editor-wrapper th, html[data-charte=msh1] div.editor th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=msh1] div.editor-wrapper tr:nth-child(odd) td, html[data-charte=msh1] div.editor tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=msh1] div.editor-wrapper th[scope=col]:not(.external-th), html[data-charte=msh1] div.editor th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=msh1] div.editor-wrapper th[scope=row], html[data-charte=msh1] div.editor th[scope=row] {
  text-align: left;
}
html[data-charte=msh1] div.editor-wrapper strong, html[data-charte=msh1] div.editor-wrapper b, html[data-charte=msh1] div.editor-wrapper th:not(.external-th), html[data-charte=msh1] div.editor strong, html[data-charte=msh1] div.editor b, html[data-charte=msh1] div.editor th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=msh1] div.editor-wrapper table:not(.external-table), html[data-charte=msh1] div.editor table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block {
  white-space: normal;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block ul, html[data-charte=msh1] div.editor-wrapper div.editable-block ol {
  margin: 0 1em;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block li {
  margin: 0;
}
html[data-charte=msh1] div.editor-wrapper div.editable-block p {
  margin: 1em 0;
}
html[data-charte=msh1] #side-bar-profile {
  position: relative;
}
html[data-charte=msh1] #side-bar-profile a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
}
html[data-charte=msh1] #user-agency {
  position: relative;
  z-index: 2;
}
html[data-charte=msh1] header#side-panel {
  color: #3B444F;
}
html[data-charte=msh1] header#side-panel h1 a {
  display: contents;
}
html[data-charte=msh1] .tooltip {
  z-index: 2000;
}
html[data-charte=msh1] div.tooltip .tooltip-inner, html[data-charte=msh1] div.tooltip .tooltip-inner div {
  margin-bottom: 0;
  word-wrap: break-word;
}
html[data-charte=msh1] figure {
  text-align: center;
}
html[data-charte=msh1] figure img {
  margin: 0 auto;
}
html[data-charte=msh1] figcaption {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dotted #3B444F;
}
html[data-charte=msh1] figcaption p + p {
  margin-top: 0.5em;
}
html[data-charte=msh1] .feedback-message {
  color: #E3E6E8;
  background-color: #d1f7e5;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.3rem;
}
html[data-charte=msh1] .feedback-message.negative {
  background-color: #fee6ea;
}
html[data-charte=msh1] .feedback-message.warn {
  background-color: #fff2a9;
}
html[data-charte=msh1] .feedback-message.hidden {
  display: none;
}
html[data-charte=msh1] .feedback-message.small {
  padding: 0.5rem;
  font-size: 85%;
}
html[data-charte=msh1] .upload-feedback {
  margin-left: 15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] h1 img {
    width: 100px;
    height: 39px;
  }
  html[data-charte=msh1] #menu-control rect {
    opacity: 1;
  }
  html[data-charte=msh1] #menu-control rect.active {
    opacity: 0;
  }
  html[data-charte=msh1] #main-nav li button.collapse {
    background-position: 5px 8px;
    padding: 12px;
  }
}
html[data-charte=msh1] .no-display {
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
}
html[data-charte=msh1] .break-word {
  word-wrap: break-word;
}
html[data-charte=msh1] .cc-multi-selector-component .ember-power-select-trigger {
  overflow-x: unset;
}
html[data-charte=msh1] .cc-multi-selector-component input.ember-power-select-trigger-multiple-input {
  margin-left: 10px;
}
html[data-charte=msh1] section.login {
  width: 90%;
  max-width: 300px;
  margin: 5vw auto;
}
html[data-charte=msh1] section.login main {
  position: static;
  min-height: auto;
  background-color: #FFFFFF;
  padding: 1rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
html[data-charte=msh1] section.login h1 {
  position: static;
  width: auto;
  text-align: left;
  color: #3B444F;
  background-color: #EE4A02;
  padding: 1rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
html[data-charte=msh1] section.login h1::after {
  content: none;
}
html[data-charte=msh1] section.login h1 img {
  width: 100px;
  height: 45px;
}
html[data-charte=msh1] section.login h2 {
  font-size: 1.5em;
  background-color: #FFFFFF;
  margin-bottom: 1em;
}
html[data-charte=msh1] section.login form p {
  margin: 0 auto 1rem;
}
html[data-charte=msh1] section.login .buttons-bar {
  padding-top: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-top: 1px solid #3B444F;
}
html[data-charte=msh1] section.login .buttons-bar button {
  margin-left: 0;
}
html[data-charte=msh1] .lost-password {
  font-size: 0.95em;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] section.login h1 {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh1] section.login main > header:first-child {
    max-width: 100%;
  }
}
@media screen and (min-width: 550px) {
  html[data-charte=msh1] dl.recall-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  html[data-charte=msh1] dl.recall-data dt {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  html[data-charte=msh1] nav.pagination li {
    margin: 0;
  }
  html[data-charte=msh1] nav.pagination li.shortcut {
    flex-basis: auto;
    padding: 0.5em 1em;
    margin: 0;
  }
  html[data-charte=msh1] nav.pagination li.disabled {
    display: block;
  }
  html[data-charte=msh1] div.card.label {
    display: flex;
    align-items: center;
  }
  html[data-charte=msh1] div.card.label ul.actions-list {
    flex-basis: 30%;
    margin-left: auto;
  }
  html[data-charte=msh1] div.card.label dl {
    flex-wrap: nowrap;
    flex-basis: 70%;
  }
  html[data-charte=msh1] div.card.label dt {
    order: 2;
    flex-basis: 20%;
  }
  html[data-charte=msh1] div.card.label dd.label {
    order: 1;
    flex-basis: 10%;
  }
  html[data-charte=msh1] div.card.label dd.description {
    order: 3;
    flex-basis: 70%;
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media screen and (min-width: 450px) and (max-width: 700px) {
  html[data-charte=msh1] div.bubble {
    min-width: 20em;
  }
  html[data-charte=msh1] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 450px) {
  html[data-charte=msh1] ul.message-attachments .ellipsis {
    flex-basis: 55%;
  }
  html[data-charte=msh1] div.bubble .content {
    min-width: 190px;
  }
}
@media screen and (min-width: 700px) {
  html[data-charte=msh1] div.conversation > ul.actions-list {
    background-color: #E3E6E8;
    padding: 0.5rem 0.5rem 0;
    border-radius: 0.3rem;
  }
  html[data-charte=msh1] #main-nav select {
    font-size: 100%;
  }
  html[data-charte=msh1] p.template-selector {
    flex-basis: 80%;
  }
  html[data-charte=msh1] p.template-selector input {
    width: 80%;
  }
  html[data-charte=msh1] p.template-selector label {
    display: inline-block;
    margin: 0 0.5em 0 0;
  }
  html[data-charte=msh1] p.template-selector + p.uploader {
    padding-left: 0.5em;
    margin-left: auto;
    border-left: 1px solid #3B444F;
  }
  html[data-charte=msh1] div.personal-info {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=msh1] div.personal-info form {
    flex-basis: 100%;
  }
  html[data-charte=msh1] div.personal-info div.avatar {
    flex: 1;
    margin-bottom: 2rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=msh1] div.personal-info dl {
    flex: 1;
  }
  html[data-charte=msh1] div.personal-info dt {
    font-size: 1em;
  }
  html[data-charte=msh1] div.personal-info dd {
    font-size: 1.2em;
  }
  html[data-charte=msh1] div.personal-info dl div:last-of-type {
    margin-top: auto;
  }
  html[data-charte=msh1] div.bubble {
    min-width: 35em;
  }
  html[data-charte=msh1] div.bubble h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 700px) and (max-width: 1550px) {
  html[data-charte=msh1] section.participants {
    display: flex;
    flex-wrap: wrap;
  }
  html[data-charte=msh1] section.participants h3 {
    flex-basis: 100%;
  }
  html[data-charte=msh1] section.participants .h-card {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.3rem;
  }
  html[data-charte=msh1] section.participants ul.avatars {
    flex: 1;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 800px) {
  html[data-charte=msh1] p, html[data-charte=msh1] li, html[data-charte=msh1] dt, html[data-charte=msh1] dd {
    font-size: 1.1em;
  }
  html[data-charte=msh1] summary {
    font-size: 1.1em;
  }
  html[data-charte=msh1] p.request-email-body {
    font-size: 0.9em;
  }
  html[data-charte=msh1] nav.pagination {
    margin-top: 1rem;
  }
  html[data-charte=msh1] nav.pagination li {
    font-size: 0.95em;
  }
  html[data-charte=msh1] ul.optional-status li, html[data-charte=msh1] ul.metadata-list li {
    font-size: 0.9em;
  }
  html[data-charte=msh1] p.buttons-bar.discret {
    font-size: 0.9em;
  }
  html[data-charte=msh1] section.participants ul.avatars li {
    font-size: 1em;
  }
  html[data-charte=msh1] div.card {
    padding: 0.5rem;
  }
  html[data-charte=msh1] div.card > div, html[data-charte=msh1] div.card div.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  html[data-charte=msh1] div.card div.content {
    flex-basis: 60%;
    max-width: 60%;
  }
  html[data-charte=msh1] div.card button.icon-check {
    top: 0.6rem;
    left: 0.5rem;
  }
  html[data-charte=msh1] div.card header {
    flex-basis: 35%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  html[data-charte=msh1] div.card h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15em;
    white-space: nowrap;
  }
  html[data-charte=msh1] div.card dl {
    display: grid;
    flex: 1 0 45%;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }
  html[data-charte=msh1] div.card p {
    font-size: 0.95em;
  }
  html[data-charte=msh1] div.card p.last-message {
    margin-left: auto;
  }
  html[data-charte=msh1] div.card dt, html[data-charte=msh1] div.card dd {
    font-size: 1em;
  }
  html[data-charte=msh1] div.card a {
    text-decoration: none;
  }
  html[data-charte=msh1] div.card ul.actions-list {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  html[data-charte=msh1] div.card a.allover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html[data-charte=msh1] div.card a:hover::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  html[data-charte=msh1] .go-away {
    padding-left: 2rem;
  }
  html[data-charte=msh1] main.conversation div.actions-bar {
    margin-bottom: 3rem;
  }
  html[data-charte=msh1] div.bubble {
    padding-left: 70px;
  }
  html[data-charte=msh1] div.bubble.message-comment {
    padding-left: 50px;
  }
  html[data-charte=msh1] div.conversation-message--owner-organization div.bubble {
    padding: 0 70px 0 0;
  }
  html[data-charte=msh1] div.bubble .u-photo, html[data-charte=msh1] div.bubble .u-photo img {
    width: 55px;
    height: 55px;
  }
  html[data-charte=msh1] div.bubble .u-photo::before {
    height: 30px;
    top: 56px;
    left: 29px;
  }
  html[data-charte=msh1] div.bubble.message-comment .u-photo::before {
    top: 45px;
    left: 25px;
  }
  html[data-charte=msh1] div.conversation-message--owner-organization div.bubble .u-photo::before {
    right: 29px;
  }
  html[data-charte=msh1] div.bubble .content {
    padding: 0.8rem 1rem;
  }
  html[data-charte=msh1] div.request {
    position: relative;
  }
  html[data-charte=msh1] div.request dt, html[data-charte=msh1] div.request dd {
    font-size: 0.95em;
  }
  html[data-charte=msh1] div.request a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  html[data-charte=msh1] div.request a:hover::after, html[data-charte=msh1] div.request a:focus::after {
    background-color: rgba(8, 121, 209, 0.05);
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] h2 {
    font-size: 2.5em;
  }
  html[data-charte=msh1] h3 {
    font-size: 2em;
  }
  html[data-charte=msh1] .collapsible h2, html[data-charte=msh1] .collapsible h3 {
    font-size: 1.5em;
  }
  html[data-charte=msh1] div.card h3 {
    font-size: 0.9em;
  }
  html[data-charte=msh1] #container {
    display: flex;
  }
  html[data-charte=msh1] #wrapper {
    flex: 1;
    min-height: 800px;
    padding: 0;
    margin: 1.5vw 3% 2vw 3%;
  }
  html[data-charte=msh1] #wrapper footer {
    display: none;
  }
  html[data-charte=msh1] fieldset.choices legend {
    font-size: 1.1em;
    padding-bottom: 0.5em;
  }
  html[data-charte=msh1] #main-nav select {
    padding-left: 1.5vw;
  }
  html[data-charte=msh1] div.h-card {
    padding: 1.5vw 2vw;
  }
  html[data-charte=msh1] div.h-card form {
    margin: 0 0 0 1rem;
  }
  html[data-charte=msh1] div.grid-2thirds, html[data-charte=msh1] div.grid-3cols, html[data-charte=msh1] div.grid-2cols {
    margin-bottom: 4rem;
  }
  html[data-charte=msh1] div.grid-2thirds > :first-child {
    flex-basis: 65%;
    max-width: 100%;
  }
  html[data-charte=msh1] div.grid-2thirds > :last-child {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=msh1] div.grid-3cols > * {
    flex-basis: 30%;
    max-width: 100%;
  }
  html[data-charte=msh1] div.grid-2cols > * {
    flex-basis: 47.5%;
    max-width: 100%;
  }
  html[data-charte=msh1] div.data-sheet {
    margin-bottom: 4rem;
  }
  html[data-charte=msh1] h2 + div.actions-bar {
    margin-top: -1.5rem;
  }
  html[data-charte=msh1] ul.actions-list.with-add li:last-of-type {
    margin-left: auto;
  }
  html[data-charte=msh1] div.actions-bar div.description {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  html[data-charte=msh1] table.transform th {
    display: none;
  }
  html[data-charte=msh1] tr:nth-child(odd) td {
    background-color: #fff;
  }
  html[data-charte=msh1] table.transform tr, html[data-charte=msh1] table.transform td {
    display: block;
    text-align: left;
  }
  html[data-charte=msh1] table.transform tr {
    padding-bottom: 1rem;
    border-bottom: 5px solid #EE4A02;
  }
  html[data-charte=msh1] table.transform td + td {
    border-top: 1px solid #3B444F;
  }
  html[data-charte=msh1] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
  html[data-charte=msh1] table.transform tr td:first-of-type {
    background-color: #E3E6E8;
  }
  html[data-charte=msh1] table.transform td::before {
    display: inline-block;
    width: 15em;
    content: attr(data-head);
    text-transform: uppercase;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1250px) {
  html[data-charte=msh1] legend {
    font-size: 1.3em;
  }
  html[data-charte=msh1] p.buttons-bar {
    text-align: left;
  }
  html[data-charte=msh1] div.editor p.buttons-bar {
    justify-content: flex-start;
    margin: 2rem 0 0;
  }
  html[data-charte=msh1] .top-level {
    position: static;
    margin-bottom: 1rem;
  }
  html[data-charte=msh1] .top-level legend {
    font-size: 1.1em;
    background-color: transparent;
  }
  html[data-charte=msh1] .top-level > legend button.control {
    position: absolute;
    width: 9em;
    top: 0.5rem;
    right: 0;
    left: auto;
    color: #3B444F;
    background-color: #FFFFFF;
    background-size: 2em;
    background-position-y: 0.5em;
    padding-bottom: 3.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
  }
  html[data-charte=msh1] .top-level > legend button.control[aria-expanded=false] {
    color: #3B444F;
    background-color: #EE4A02;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
  }
  html[data-charte=msh1] main.demands .top-level > legend button.control {
    width: 12em;
  }
  html[data-charte=msh1] .highlight {
    padding: 1rem;
  }
  html[data-charte=msh1] .collapsible button.control[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 26'%3E%3Crect width='50' height='26' style='fill: %23fff;opacity: 0'/%3E%3Cg%3E%3Ccircle cx='37.5' cy='13' r='12.5' style='fill: %230879D1'/%3E%3Cpolygon points='33.26 15 41.74 15 37.5 9.38 33.26 15' style='fill: %23FFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  html[data-charte=msh1] .collapsible > .content[aria-hidden=false] {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh1] div.actions-bar {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh1] div.actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  html[data-charte=msh1] div.actions-bar p, html[data-charte=msh1] div.actions-bar fieldset {
    margin: 0;
  }
  html[data-charte=msh1] div.actions-bar form > :nth-child(2) {
    border: none;
  }
  html[data-charte=msh1] div.actions-bar fieldset.choices ul.check-chips {
    margin: 0;
  }
  html[data-charte=msh1] div.actions-bar ul.actions-list {
    padding: 0;
    margin: 0;
    border: none;
  }
  html[data-charte=msh1] div.actions-bar ul.actions-list li {
    margin-bottom: 0;
  }
  html[data-charte=msh1] main.conversations div.actions-bar {
    justify-content: flex-start;
  }
  html[data-charte=msh1] main.conversations div.actions-bar form {
    margin-left: auto;
  }
  html[data-charte=msh1] div.card {
    min-height: 3rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  html[data-charte=msh1] div.card dl {
    display: grid;
    box-sizing: border-box;
    flex: 1 0 45%;
    padding: 0 1rem;
    border: none;
    border-left: 1px solid #3B444F;
  }
  html[data-charte=msh1] div.card button.icon-check {
    width: 1.1em;
    height: 1.1em;
    background-size: 1.1em 1.1em;
  }
  html[data-charte=msh1] header.conversation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  html[data-charte=msh1] header.conversation h2 {
    flex: 1;
    margin-right: 2rem;
  }
  html[data-charte=msh1] dl.conversation-status {
    display: block;
    width: 20%;
    padding-left: 1rem;
    margin: 0;
    border: none;
    border-left: 4px dotted #3B444F;
  }
  html[data-charte=msh1] dl.conversation-status.due-date-passed {
    border-left-color: #f90;
  }
  html[data-charte=msh1] dl.conversation-status.critical-due-date-passed {
    border-left-color: #f00;
  }
  html[data-charte=msh1] dl.conversation-status dd.tags {
    margin: 1rem 0 0;
  }
  html[data-charte=msh1] dl.conversation-status dd.tags {
    font-size: 0.9em;
  }
  html[data-charte=msh1] div.bubble {
    margin-bottom: 2rem;
  }
  html[data-charte=msh1] div.bubble div.content p:not(.buttons-bar), html[data-charte=msh1] div.bubble div.content li {
    font-size: 1em;
  }
  html[data-charte=msh1] #new-talk .divide {
    display: flex;
  }
  html[data-charte=msh1] #new-talk .divide p {
    margin-right: 4rem;
  }
  html[data-charte=msh1] div.actions-bar button.icon-check {
    overflow: hidden;
    width: 40px;
    height: 26px;
    text-indent: -500em;
  }
}
@media screen and (min-width: 1500px) {
  html[data-charte=msh1] section.participants::after {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background-color: #E3E6E8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  html[data-charte=msh1] section.participants .h-card {
    flex-flow: column;
    padding: 2rem;
  }
  html[data-charte=msh1] section.participants dl {
    text-align: center;
    margin: 1rem auto;
  }
  html[data-charte=msh1] section.participants dt {
    font-size: 1.5em;
  }
  html[data-charte=msh1] section.participants div.h-card .u-photo, html[data-charte=msh1] section.participants div.h-card .u-photo img {
    align-self: initial;
    width: 150px;
    height: 150px;
  }
  html[data-charte=msh1] section.participants div.h-card .u-photo {
    padding: 13px;
  }
  html[data-charte=msh1] section.participants div.h-card .u-photo img {
    border-width: 3px;
  }
  html[data-charte=msh1] button.info {
    top: 2.5rem;
    left: calc(58% + 0.5vw);
  }
  html[data-charte=msh1] button.info img {
    width: 35px;
    height: 35px;
  }
  html[data-charte=msh1] section.participants ul.actions-list {
    left: 0;
    width: 100%;
    justify-content: center;
  }
  html[data-charte=msh1] section.participants ul.avatars {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  html[data-charte=msh1] section.participants dt {
    font-size: 1.5em;
  }
}
@media print {
  html[data-charte=msh1] {
    /* hide navigation */
  }
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] div#side-panel-container.close {
    width: 0;
  }
  html[data-charte=msh1] div#side-panel-container.close header#side-panel {
    width: 0;
  }
  html[data-charte=msh1] div#side-panel-container.close header#side-panel h1 {
    width: 0;
  }
  html[data-charte=msh1] div#side-panel-container.open header#side-panel {
    box-sizing: border-box;
    width: 21rem;
    background-color: #E3E6E8;
    flex-direction: column-reverse;
  }
  html[data-charte=msh1] div#side-panel-container.open header#side-panel h1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 21rem;
    height: 4rem;
    text-align: left;
    background-color: #EE4A02;
    padding: 0 2vw;
    border-top: 2px solid #fff;
    z-index: 1021;
  }
  html[data-charte=msh1] div#side-panel-container.open header#side-panel h1 img {
    width: 30%;
  }
  html[data-charte=msh1] div#side-panel-container.open header#side-panel h1::after {
    font: 0.8em Arial, latoregular, Calibri, Roboto, "Pt Sans", Helvetica, sans-serif;
    content: "WL Trusted Interactions";
  }
  html[data-charte=msh1] div.controled {
    background: #EE4A02;
    border: none;
    box-shadow: none;
  }
  html[data-charte=msh1] div.controled div.content {
    display: block;
    width: 21rem;
    max-width: 100%;
  }
  html[data-charte=msh1] .side-panel-footer {
    padding: inherit;
    flex-basis: 4rem;
  }
  html[data-charte=msh1] #main-nav select {
    /*top: -4rem;*/
    padding-left: 1.5vw;
  }
  html[data-charte=msh1] button.nav-control {
    display: block;
    width: 16px;
    height: 100%;
    top: 0;
    right: -16px;
    background-color: #F2F3F4;
  }
  html[data-charte=msh1] button.nav-control svg {
    display: none;
  }
  html[data-charte=msh1] button.nav-control::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/ti-web-shared/images/nav-arrow.svg") 0 0 no-repeat;
    background-size: 16px 16px;
  }
  html[data-charte=msh1] button.nav-control[aria-expanded=false]::before {
    transform: rotate(180deg);
  }
  html[data-charte=msh1] #side-bar-profile {
    padding: 0;
  }
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html[data-charte=msh1] div#side-panel-container.open header#side-panel h1 img {
    width: 100px;
    height: 39px;
  }
}
html[data-charte=msh1] div.bubble .content a {
  text-decoration: underline;
  color: #0000ee;
}
html[data-charte=msh1] div.bubble .content a:visited {
  color: #551a8b;
  opacity: 1;
}
html[data-charte=msh1] div.bubble .content p:not(.feedback-message), html[data-charte=msh1] div.bubble .content li, html[data-charte=msh1] div.bubble .content th:not(.external-th), html[data-charte=msh1] div.bubble .content td:not(.external-td) {
  font-size: 1em;
  padding: 0;
}
html[data-charte=msh1] div.bubble .content p {
  margin: 1em 0;
}
html[data-charte=msh1] div.bubble .content th {
  color: inherit;
  background-color: inherit;
}
html[data-charte=msh1] div.bubble .content tr:nth-child(odd) td {
  background-color: inherit;
}
html[data-charte=msh1] div.bubble .content th[scope=col]:not(.external-th) {
  color: #404040;
  background-color: #dde3e8;
}
html[data-charte=msh1] div.bubble .content th[scope=row] {
  text-align: left;
}
html[data-charte=msh1] div.bubble .content strong, html[data-charte=msh1] div.bubble .content b, html[data-charte=msh1] div.bubble .content th:not(.external-th) {
  font-family: inherit;
  font-weight: bold;
}
html[data-charte=msh1] div.bubble .content table:not(.external-table) {
  width: auto;
  border-spacing: 2px;
}
html[data-charte=msh1] div.bubble .content li, html[data-charte=msh1] div.bubble .content p:not(.buttons-bar) {
  margin: 0;
}
html[data-charte=msh1] div.conversation-message--owner-organization > div.bubble div.content {
  color: #3B444F;
}
html[data-charte=msh1] div.bubble div.content {
  color: #3B444F;
  background-color: #ffe6e6;
}
html[data-charte=msh1] section.disconnection {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto;
}
html[data-charte=msh1] .f-upload-editor {
  display: none;
}
html[data-charte=msh1] section.login .buttons-bar {
  border-top: unset;
}
html[data-charte=msh1] .f-size, html[data-charte=msh1] .f-family {
  border: 1px solid #EE4A02;
}
@media screen and (max-width: 440px) {
  html[data-charte=msh1] div.actions-bar button.icon-check {
    height: 26px;
  }
}
html[data-charte=msh1] h2 {
  color: #EE4A02;
  border: none !important;
}
html[data-charte=msh1] .ember-transitioning-in {
  color: #EE4A02;
}
html[data-charte=msh1] button:hover {
  background-color: rgba(238, 74, 2, 0.5) !important;
  border-color: #3B444F !important;
  box-shadow: 0 0 11px rgba(59, 68, 79, 0.5);
}
html[data-charte=msh1] .actions-list button {
  border-style: solid;
  border-width: 1px;
  color: #3B444F;
  background-color: transparent;
  border-color: #EE4A02;
}
html[data-charte=msh1] .actions-list button:hover {
  border-style: solid;
  border-width: 1px;
  color: #3B444F;
  background-color: #3B444F;
  border-color: #EE4A02;
}
html[data-charte=msh1] ul.actions-list.editor-actions-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 0.25rem 0.25rem 0;
  border: none;
  margin: 0;
  box-sizing: border-box;
}
html[data-charte=msh1] .buttons-bar button {
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  color: #3B444F;
  background-color: #FFFFFF;
  border-color: #EE4A02;
}
html[data-charte=msh1] button.form-submit:not(.optional) {
  color: #3B444F;
  background-color: #EE4A02;
  color: #FFFFFF !important;
  border-color: #E3E6E8;
  height: 45px;
  border-color: #EE4A02;
}
html[data-charte=msh1] button.form-submit:not(.optional):hover {
  background-color: #3B444F !important;
}
html[data-charte=msh1] button.form-submit.optional {
  color: #3B444F;
  border-color: #E3E6E8;
  height: 45px;
  background-color: transparent;
  border-color: #EE4A02;
}
html[data-charte=msh1] button.form-reset {
  color: #3B444F;
  height: 45px;
  background-color: transparent;
  border-color: #EE4A02;
}
html[data-charte=msh1] .dropdown button {
  border-style: solid !important;
  border-width: 1px !important;
  color: #3B444F;
  background-color: transparent !important;
  border-color: #EE4A02 !important;
}
html[data-charte=msh1] div.dropdown ul {
  border-color: #EE4A02;
  background-color: #E3E6E8;
}
html[data-charte=msh1] .dropdown-content li button {
  border-style: solid;
  border-width: 1px;
  color: #3B444F;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-charte=msh1] a.bt-create {
  color: #FFFFFF !important;
}
html[data-charte=msh1] a.bt-create:hover {
  background-color: #3B444F;
}
html[data-charte=msh1] [class*=icon-],
html[data-charte=msh1] [class*=follow-] {
  text-indent: -500em;
  color: #3B444F;
  background-color: #3B444F !important;
  background-repeat: no-repeat;
  border-color: transparent !important;
}
html[data-charte=msh1] .icon-info-simple {
  background-color: transparent;
}
html[data-charte=msh1] [class*=icon-].secondary {
  border-color: transparent !important;
  background-color: rgba(59, 68, 79, 0.5) !important;
  border-width: 0px;
}
html[data-charte=msh1] [class*=icon-].secondary:hover {
  border-color: transparent !important;
  background-color: rgba(238, 74, 2, 0.5) !important;
  border-width: 0px;
}
html[data-charte=msh1] .icon-info-simple,
html[data-charte=msh1] .icon-back {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(/ti-web-shared/images/big-info.svg);
  background-color: transparent;
  padding: 0;
}
html[data-charte=msh1] div.card {
  border-bottom-color: #E3E6E8;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
html[data-charte=msh1] div.actions-bar button.icon-check {
  background-color: transparent !important;
}
html[data-charte=msh1] div.conversation-message--owner-organization > div.bubble div.content {
  color: #3B444F;
  background-color: transparent;
  border-color: #3B444F;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=msh1] div.conversation-message--owner-me > div.bubble div.content {
  color: #000;
  background-color: transparent;
  border-color: #EE4A02;
  border-style: solid;
  border-width: 2px;
}
html[data-charte=msh1] .side-panel-footer {
  background-color: #E3E6E8;
  text-align: center;
}
html[data-charte=msh1] .ember-transitioning-in {
  color: #EE4A02 !important;
}
html[data-charte=msh1] section.login h1 {
  background-color: #FFFFFF;
}
html[data-charte=msh1] section.login h1 img {
  width: 75%;
  height: 75%;
}
html[data-charte=msh1] div.user-data {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='12' r='7.5' style='fill:%23EE4A02'/%3E%3Cpath d='M19,0A19,19,0,1,0,38,19,19,19,0,0,0,19,0Zm0,2A17,17,0,0,1,32.3,29.56a15,15,0,0,0-26.6,0A17,17,0,0,1,19,2Z' transform='translate(0)' style='fill: %23EE4A02'/%3E%3C/svg%3E%0A");
}
html[data-charte=msh1] div.user-data button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.89' viewBox='0 0 8 9.89'%3E%3Cpolygon points='0 0 0 9.89 8 4.95 0 0' style='fill: %23EE4A02'/%3E%3C/svg%3E%0A");
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li > button:not(.color),
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attach,
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attachments {
  background-color: transparent !important;
  padding: 0;
  border: none;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li > button:hover:not(.color),
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #3B444F !important;
  padding: 0;
  border: none;
}
html[data-charte=msh1] div.editor-wrapper ul.actions-list li > button.active:not(.color),
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attach:hover,
html[data-charte=msh1] div.editor-wrapper ul.actions-list li button.icon-attachments:hover {
  background-color: #3B444F !important;
  padding: 0;
  border: none;
}
html[data-charte=msh1] .icon-info-simple {
  background-color: transparent !important;
}
html[data-charte=msh1] select {
  border-color: #EE4A02;
  border-width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23EE4A02'/%3E%3C/svg%3E");
}
html[data-charte=msh1] input[type=search],
html[data-charte=msh1] select {
  border-color: #EE4A02;
  border-width: 1px;
  background-color: transparent;
  color: #3B444F;
}
html[data-charte=msh1] button.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23FFF ; stroke:%23EE4A02; stroke-width: 4px;'/%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E") !important;
}
html[data-charte=msh1] button.icon-check.state-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.3' height='23.3' viewBox='0 0 23.3 23.3'%3E%3Crect width='23.3' height='23.3' rx='2.33' ry='2.33' style='fill:%23EE4A02' /%3E%3Cpath d='M19.34,7.24,8.76,17.81,3.65,12.7l1.46-1.47L8.54,14.6l9.11-9.11Z' transform='translate(0 0)' style='fill:%23FFF' /%3E%3C/svg%3E") !important;
}
html[data-charte=msh1] #main-nav li button.collapse {
  color: black;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill: %23EE4A02'/%3E%3C/svg%3E") !important;
}
html[data-charte=msh1] legend {
  color: #EE4A02;
}
html[data-charte=msh1] label {
  color: #EE4A02;
}
html[data-charte=msh1] .side-panel-footer h1 {
  background-image: url("/assets/logo_msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4rem;
  width: 100%;
}
html[data-charte=msh1] div#side-panel-container.open header#side-panel h1 {
  height: 4rem;
}
html[data-charte=msh1] #main-nav select {
  background-color: transparent !important;
}
html[data-charte=msh1] div.controled.active .underlay {
  background-color: rgba(227, 230, 232, 0.7) !important;
  background-color: transparent;
  transition: none;
}
html[data-charte=msh1] #ccSelector {
  display: none;
}
html[data-charte=msh1] label[for=ccSelector] {
  display: none;
}
html[data-charte=msh1] label[for=recipientSelector] + input {
  display: none;
}
html[data-charte=msh1] label[for=recipientSelector]:nth-child(1) {
  display: none;
}
html[data-charte=msh1] label[for=recipientSelector] {
  display: none;
}
html[data-charte=msh1] label[for=confidentiality] {
  display: none;
}
html[data-charte=msh1] label[for=confidentiality] + select {
  display: none;
}
html[data-charte=msh1] label[for=subject] {
  display: none !important;
}
html[data-charte=msh1] label[for=subject] + input {
  display: none !important;
}
html[data-charte=msh1] .conversation-message--owner-organization .fromAdresses {
  display: none;
}
html[data-charte=msh1] .conversation-message--owner-organization .fromAbstract::after {
  content: "MSH";
}
html[data-charte=msh1] .conversation-message--owner-me .toAdresses {
  display: none;
}
html[data-charte=msh1] .conversation-message--owner-me .toAbstract::after {
  content: "MSH";
}
html[data-charte=msh1] .conversation-message--owner-me .ccAbstract::after {
  content: "MSH";
}
html[data-charte=msh1] .conversation-message--owner-organization .toAdresses {
  text-transform: none;
}
html[data-charte=msh1] .conversation-message--owner-organization .toAbstract::after {
  content: "MSH";
}
html[data-charte=msh1] .conversation-message--owner-me .fromAdresses {
  text-transform: none;
}
html[data-charte=msh1] .toAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=msh1] .fromAbstractMessageInfoModal::after {
  content: "MSH";
}
html[data-charte=msh1] h3.lastMessageDiplayName:after {
  content: "MSH";
}
html[data-charte=msh1] .lastMessageDiplayName {
  text-transform: none;
}
html[data-charte=msh1] #main-nav ul.level2 li.division a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z' style='fill: %23EE4A02' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-position: 0 0.5em;
}
html[data-charte=msh1] .tooltip .tooltiptext {
  padding: 1em !important;
}
html[data-charte=msh1] ul.message-attachments {
  color: #EE4A02;
}
html[data-charte=msh1] .tree,
html[data-charte=msh1] .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html[data-charte=msh1] .tree {
  background: transparent;
  border: none;
}
html[data-charte=msh1] .tree li:last-child {
  border: 0;
}
html[data-charte=msh1] .section ul {
  display: none;
}
html[data-charte=msh1] .section input[type=checkbox] {
  display: none;
}
html[data-charte=msh1] .section input[type=radio] {
  display: none;
}
html[data-charte=msh1] .section {
  position: relative;
  padding-left: 1.5em !important;
  color: #3B444F;
  text-overflow: ellipsis;
  max-width: fit-content;
  white-space: nowrap;
  border-radius: 0;
}
html[data-charte=msh1] .section label.labelThemeFolder {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px 6px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=msh1] .section label.labelThemeItem {
  padding-left: 1em;
  background-image: url(/ti-web-shared/images/sprite-treeview.svg);
  background-position: -2px -117px;
  background-repeat: no-repeat;
  font-size: 19px;
  white-space: normal;
}
html[data-charte=msh1] .section input ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: #f00;
  background-image: url(/ti-web-shared/images/nav-arrow.svg);
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
html[data-charte=msh1] .section input:checked ~ ul {
  display: block;
}
html[data-charte=msh1] .section input:checked ~ label.labelThemeFolder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  background-image: url(/ti-web-shared/images/nav-arrow.svg) !important;
  background-position: 2px 0px;
  background-size: 45%, 100%;
  transform: rotate(225deg) !important;
  background-repeat: no-repeat;
}
html[data-charte=msh1] .section input:checked + label.labelThemeItem {
  color: #EE4A02;
  border: 1px solid black;
}
html[data-charte=msh1] .feedback-message {
  color: #EE4A02;
}
html[data-charte=msh1] .toast-close-button {
  background-color: transparent !important;
  color: #FFFFFF;
  font-size: larger;
  opacity: 1;
}
html[data-charte=msh1] legend {
  color: #EE4A02;
  padding: 3px 6px;
}
html[data-charte=msh1] fieldset {
  border-color: #EE4A02;
  border-style: solid;
  border-width: 1px;
  max-width: none !important;
  padding: 16px;
  border-radius: 0.5em;
}
html[data-charte=msh1] div.editor {
  border-top: none !important;
  padding: 0rem;
  border-radius: 0;
}
html[data-charte=msh1] form.create-new {
  background-color: #FFFFFF;
  padding: 0rem;
  margin-bottom: 1rem !important;
}
html[data-charte=msh1] select.selector {
  font-weight: bold !important;
}
html[data-charte=msh1] .filetype {
  color: #FFFFFF !important;
  background-color: #EE4A02 !important;
}
html[data-charte=msh1] .icon-zoom {
  background-color: #E3E6E8 !important;
}
html[data-charte=msh1] .icon-zoom:hover {
  background-color: #E3E6E8 !important;
  box-shadow: 0 0 11px #3B444F;
}
html[data-charte=msh1] .ember-tooltip {
  padding: 0.4em;
}
html[data-charte=msh1] div.actions-bar div.dropdown button.dd-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.66' height='8.26' viewBox='0 0 13.66 8.26'%3E%3Cpath d='M13,.11a1.58,1.58,0,0,0-1.68.31L6.83,5.78,2.3.42A1.59,1.59,0,0,0,.62.11C0,.34-.17.86.16,1.26L5.72,7.84a1.43,1.43,0,0,0,1.11.42,1.43,1.43,0,0,0,1.11-.42l5.55-6.58C13.83.86,13.63.34,13,.11Z' style='fill:%23EE4A02'/%3E%3C/svg%3E");
}
html[data-charte=msh1] div#side-panel-container.open header#side-panel h1::after {
  content: none;
}
html[data-charte=msh1] div#side-panel-container.open header#side-panel h1 {
  background-color: transparent !important;
}
html[data-charte=msh1] div.controled {
  background: transparent;
}
html[data-charte=msh1] .disconnection h1 {
  background-image: url("/assets/logo_msh.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 8rem;
  width: 100%;
}
html[data-charte=msh1] .message-body th:not(.external-th), html[data-charte=msh1] td:not(.external-td) {
  text-align: inherit !important;
}
@media screen and (min-width: 1000px) {
  html[data-charte=msh1] div#side-panel-container.open header#side-panel h1 {
    height: 8em;
  }
}