/* Styles globaux */

:root {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media (max-width: 992px) {
    :root {
        --sizebanvert: 0px;
    }
}

.no-banvert,
html.modeVitrine {
    --sizebanvert: 0px !important;
}

/* ****************************
	Structure globale de la page
		-> Suppression de toutes les marges et utilisation de toute la place possible de la page
		-> Définition des bordures et de la taille des éléments généraux
 **************************** */
html {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: var(--c-red);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body {
    margin: 0;
    font-family: sans-serif;
    line-height: 1.5;
    font-size: 1em;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    /* cursor: url('./images/site/cursor.png') 0 0, auto; */
    max-width: 100%;
	text-align: justify;
}

body {
    font-family: var(--ff-montserrat);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%;
    height: auto !important;
    width: 100%;
    position: relative;
    overflow: visible !important;
    /* color: var(--c-classic); */
    color: var(--c-bluedark);
	font-size: calc(var(--fs-base) * 1em);
}

#structure-header {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
}

#structure-page {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;

    overflow-x: hidden;
    overflow-y: auto;

    position: relative;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    z-index: 1;
}

#structure-contenu {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
    position: relative;
}

#structure-footer {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%;
}

@-moz-document url-prefix() {

    body,
    #structure-page {
        width: 100%;
        -moz-box-sizing: border-box;
    }
}


#contenu-page-centre {
    width: 100%;
    min-height: 100%;
}

.contenu-pleinepage {
    width: 100%;
}

.partie {}

.partie-totale {
    margin-left: calc(-1 * var(--sizebanvert));
    margin-right: calc(-1 * var(--sizebanvert));
    padding-left: var(--sizebanvert);
    padding-right: var(--sizebanvert);
}

.partie .partie-gray,
.partie.partie-gray {
    background-color: #fbfbfb;
    background-color: rgba(245, 245, 245, 0.5);
}

.partie .partie-blue,
.partie.partie-blue {
    background-color: #4f63ab;
    background-color: rgba(35, 60, 150, 0.8);
    text-align: center;
}

.partie .partie-red,
.partie.partie-red {
    background-color: var(--c-red);
    color: var(--c-bgred-classic);
}

.partie .partie-orange,
.partie.partie-orange {
    background-color: #a96b00;
    background-color: rgba(165, 105, 5, 0.8);
    text-align: center;
}

.partie .partie-violet,
.partie.partie-violet {
    background-color: #fafaff;
}

.partie-contenu {
    max-width: 1920px;
    margin: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.partie-aeree.partie-sanscontenu,
.partie-aeree .partie-contenu {
    padding-top: 3em;
    padding-bottom: 3em;
}

.partie-aeree-faible.partie-sanscontenu,
.partie-aeree-faible .partie-contenu {
    padding-top: 1em;
    padding-bottom: 1em;
}

.partie-aeree-fort.partie-sanscontenu,
.partie-aeree-fort .partie-contenu {
    padding-top: 4em;
    padding-bottom: 4em;
}


.partie-aeree-faible.partie-blue .partie-titre,
.partie-aeree-faible.partie-red .partie-titre,
.partie-aeree-faible.partie-orange .partie-titre,
.partie-aeree.partie-blue .partie-titre,
.partie-aeree.partie-red .partie-titre,
.partie-aeree.partie-orange .partie-titre {
    margin-bottom: 0;
    color: white;
    font-style: normal;
    font-size: 1.7em;
}

.partie-titre-calendrier {
    margin: 0;
    font-style: normal;
    color: white;
    font-size: large;
    margin-top: -1em;
}

.souspartie-aeree {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.lien-raccourci {
    margin: 3px;
}

#breadcrumb {
    width: 100%;
    text-align: left;
    padding-top: 0.1em;
    padding-bottom: 0.4em;
    font-size: 0.9em;
    background-color: #fbfbfb;
    background-color: rgba(251, 251, 251, 0.9);
}

#breadcrumb-vousetesici {
    display: inline;
    color: gray;
}

#breadcrumb-chemin {
    display: inline;
    color: gray;
}

.breadcrumb-lien {
    border-bottom: 1px dashed transparent;
    opacity: 0.8;
}

.breadcrumb-lien:last-child {
    opacity: 1;
}

.breadcrumb-lien:hover {
    opacity: 1;
    border-bottom-color: lightgray;
}

* {
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

img.avatar-img {
    display: inline-block;
    margin: 2px;
}

img.avatar-img.avatar-valign-middle {
    vertical-align: middle;
}

img.avatar-img.avatar-valign-bottom {
    vertical-align: bottom;
}

img.avatar-img.avatar-valign-top {
    vertical-align: top;
}

#banverticale,
#banverticale2 {
    padding-top: 65px;
    position: relative;
    overflow: hidden;
    line-height: 1;
    width: var(--sizebanvert);
}

#banverticale span,
#banverticale2 span {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-family: var(--ff-graphie);
    font-size: var(--sizebanvert);
    opacity: 0.04;
    color: #ab3b3d;
    font-weight: 900;
    text-overflow: hidden;
    white-space: nowrap;
}

#banverticale2 span {
    position: absolute;
    bottom: 25px;
    transform: rotate(0deg);
}

.banvert-item:not(.show) {
    display: none;
}

.no-banvert #banverticale,
.no-banvert #banverticale2,
html.modeVitrine #banverticale,
html.modeVitrine #banverticale2 {
    display: none;
}

#index-premiercadre {
    margin-right: calc(-1 * var(--sizebanvert));
}

#index-secondcadre {
    background-image: url('./images/site/bg_dots_2.png');
    background-position: right 5em;
    background-repeat: no-repeat;
}

#index-secondcadre-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
    font-size: 4em;
    min-height: 110px;
}

#index-secondcadre-listeservices {
    column-width: 300px;
}

#isls-cadre-1 {}

#isls-cadre-2 {}

#isls-cadre-3 {
    margin-top: 50px;
}

#isls-cadre-4 {
    margin-top: 100px;
}

.isls-item {
    height: 280px;
    width: 100%;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 5px;
    break-inside: avoid;
    box-shadow: 0px 25px 38px #00000029;
    border-radius: 10px;
    overflow: hidden;
}

.isls-item>.gss0 {
    height: 100%;
    width: 100%;
    background-color: var(--c-beige-07);
}

.isls-item:hover {
    margin-top: 4px;
    margin-bottom: 6px;
    box-shadow: 0px 25px 38px #00000029, 0px 0 10px gray;
}

.isls-item:hover>.gss0 {
    background-color: var(--c-beige-08);
}

.isls-item-cabinets {
    background-image: url('./images/index/index_background9_xs.jpg');
}

.isls-item-dossiers {
    background-image: url('./images/index/index_background8_xs.jpg');
}

.isls-item-annonces {
    background-image: url('./images/index/index_background2_xs.jpg');
}

.isls-item-forum {
    background-image: url('./images/index/index_background3_xs.jpg');
}

.isls-item-cotations {
    background-image: url('./images/index/index_background4_xs.jpg');
}

.isls-item-contrats {
    background-image: url('./images/index/index_background7_xs.jpg');
}

.isls-item-fiches {
    background-image: url('./images/index/index_background5_xs.jpg');
}

.islsi-titre {
    width: 100%;
    color: var(--c-bluedark);
    text-align: center;
    font-weight: bold;
    margin: 0.25em 0.75em;
    font-size: 1.1em;
    text-shadow: 0 0 1px white;
}

.islsi-infos {
    width: 100%;
    color: var(--c-red);
    text-align: center;
    margin: 0.25em 0.75em;
    text-shadow: 0 0 1px black, 0 0 2px white;
}

.islsi-btn {
    width: 100%;
    padding: 0 0.25em;
}

#index-titre {
    color: var(--c-red);
    font-size: 6em;
    font-family: var(--ff-graphie);
    font-weight: 900;
}

#index-soustitre {
    text-align: center;
    color: var(--c-titre);
    font-weight: bold;
}

#index-splashart {
    margin-bottom: -3em;
    box-shadow: 0px 25px 38px #00000029;
    background: transparent url('./images/index/index_stetho.jpg') center center no-repeat;
    background-size: cover;
    min-height: 600px;
}

#index-inscription-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
    color: var(--c-titre);
    text-align: center;
    font-size: 2em;
    line-height: 1.1;
    margin-bottom: 1.5em;
    margin-top: 0.75em;
}

p {}

.disabled {
    opacity: 0.7;
}

.tooltip-to-hide {
    display: none;
}

.item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    background-color: rgba(250, 250, 250, 0.95);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: none;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: hidden;
    padding: 0.25em;
    z-index: 99;
}

.item-overlay.full {
    position: fixed;
}

.item-overlay.displayed {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.item-overlay .item-overlay-contenu {
    text-align: center;
    background: white;
    box-shadow: 0 0 3px gray;
    overflow: auto;
    padding-bottom: 20px;
    visibility: hidden;
}

.item-overlay.displayed .item-overlay-contenu {
    visibility: visible;
}

.item-overlay .item-overlay-div-fermeture {
    text-align: right;
    padding: 3px 6px;
}

.item-overlay .item-overlay-div-contenupropre {
    padding: 0.25em;
}


.item-overlay .item-overlay-contenu.maximise {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 98%;
    height: 98%;
}

.item-overlay .item-overlay-contenu.maximise .item-overlay-div-fermeture {
    width: 100%;
}

.item-overlay .item-overlay-contenu.maximise .item-overlay-div-contenupropre {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

body>.item-overlay>.item-overlay-contenu {
    width: 80%;
}

@media (max-width: 768px) {
    body>.item-overlay>.item-overlay-contenu {
        width: 99%;
    }
}

.item-overlay .item-overlay-navigation {
    min-width: 110px;
    max-width: 100%;
    margin-top: 0.75em;
    padding: 0.5em;
    border-radius: 7px;
    background: white;
    text-align: center;
    font-size: small;
}


.element-chargement {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: var(--zi-lvl-82);
    /* background-image: url('./images/site/loading.gif'); */
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
    background-color: rgba(250, 250, 250, 0.95);
}

.element-chargement.element-chargement-full {
    position: fixed;
    z-index: var(--zi-lvl-max);
}

.element-chargement:not(.displayed) {
    display: none;
}

.element-chargement .ec {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: 100%;
}

.element-copied {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: var(--zi-lvl-3);
    background-color: rgba(250, 250, 250, 0.95);
    color: green;
    font-weight: bold;
    text-align: center;
}

.element-copied>div {
    height: 100%;
}

hr.hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.hr-aere {
    margin: 1em;
}


/*  ****************************
	Principe de la grille
		-> Le but est d'utiliser des inline-block sans avoir à jouer avec les marges d'une quelconque façon.
		-> Les col-??-?? restent utilisables utilisés auparavant dans une grille avec .container .row etc
		-> https://css-tricks.com/snippets/css/a-guide-to-flexbox/ pour + d'infos
 **************************** */
.btn-infos.grille,
.btn-success.grille,
.btn-danger.grille,
.btn-warning.grille,
.bton,
.bton-icn,
.bton-lab,
.bton-js,
.gfsfs0,
.gfsfsfs,
.gfsfsspb,
.gfsfsfe,
.gfsfsc,
.gfefe0,
.gfefefs,
.gfefespb,
.gfefefe,
.gfefec,
.gss0,
.gssfs,
.gssspb,
.gssc,
.gssfe,
.gsss,
.gcc0,
.gccfs,
.gccspb,
.gccfe,
.gccc,
.gccspa,
.gssspa,
.gfsfsspa,
.gfefespa,
.grille {
    /* Tansformation en flex */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;

    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bton.grille-inline,
.bton-js,
.grille-inline {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}



/* grille column permet d'avoir une grille pour aligner verticalement des éléments */
.grille-colonne {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* FLEX-DIRECTION => Sens du flex : row | row-reverse | column | column-reverse */
.grille.flex-direction-row {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.grille.flex-direction-row-reverse,
.grille.flex-direction-rowreverse {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.grille.flex-direction-column {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.grille.flex-direction-column-reverse,
.grille.flex-direction-columnreverse {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/* FLEX-WRAP => Le flex peut-il prendre plusieurs lignes/colonnes : wrap | nowrap | wrap-reverse */
.grille.flex-wrap-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wnw,
.bton,
.bton-js,
.grille.wnw {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.grille.flex-wrap-wrap-reverse,
.grille.flex-wrap-wrapreverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/* JUSTIFY-CONTENT => Permet de placer l'ensemble des éléments par rapport à l'axe principal (row ou column) : flex-start | flex-end | center | space-between | space-around */
.gccfs,
.gssfs,
.gfsfsfs,
.gfefefs,
.grille.justify-content-start,
.grille.justify-content-flexstart,
.grille.justify-content-flex-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gccfe,
.gssfe,
.gfsfsfe,
.gfefefe,
.grille.justify-content-end,
.grille.justify-content-flexend,
.grille.justify-content-flex-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.gccc,
.gssc,
.gfsfsc,
.gfefec,
.bton,
.bton-icn,
.bton-lab,
.bton-js,
.grille.justify-content-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gccspb,
.gssspb,
.gfsfsspb,
.gfefespb,
.grille.justify-content-space-between,
.grille.justify-content-spacebetween {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.gccspa,
.gssspa,
.gfsfsspa,
.gfefespa,
.grille.justify-content-space-around,
.grille.justify-content-spacearound {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* ALIGN-CONTENT => Alignement des différentes lignes ou colonnes lorsqu'il y en a plusieurs : flex-start | flex-end | center | space-between | space-around | stretch | */
.gfsfs0,
.gfsfsfs,
.gfsfsspb,
.gfsfsfe,
.gfsfsc,
.grille.align-content-start,
.grille.align-content-flexstart,
.grille.align-content-flex-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.gfefe0,
.gfefefs,
.gfefespb,
.gfefefe,
.gfefec,
.grille.align-content-end,
.grille.align-content-flexend,
.grille.align-content-flex-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.bton-icn,
.bton-lab,
.bton-js,
.gcc0,
.gccspb,
.gccfe,
.gccc,
.gccfs,
.grille.align-content-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.grille.align-content-space-between,
.grille.align-content-spacebetween {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.grille.align-content-space-around,
.grille.align-content-spacearound {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.bton,
.bton-js,
.gss0,
.gssc,
.gsss,
.gssfs,
.gssspb,
.gssfe,
.grille.align-content-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

/* ALIGN-ITEMS => Permet de placer l'ensemble des éléments par rapport à l'axe secondaire (row ou column) : flex-start | flex-end | center | baseline | stretch */
.gfsfs0,
.gfsfsfs,
.gfsfsspb,
.gfsfsfe,
.gfsfsc,
.grille.align-items-start,
.grille.align-items-flexstart,
.grille.align-items-flex-start {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.gfefe0,
.gfefefs,
.gfefespb,
.gfefefe,
.gfefec,
.grille.align-items-end,
.grille.align-items-flexend,
.grille.align-items-flex-end {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.bton-icn,
.bton-lab,
.bton-js,
.gcc0,
.gccspb,
.gccfe,
.gccc,
.gccfs,
.grille.align-items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.grille.align-items-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.bton,
.gss0,
.gssc,
.gsss,
.gssfs,
.gssspb,
.gssfe,
.grille.align-items-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* Item FLEX => Taille du flex proportionnel à l'ensemble */
.flex-size-defaut,
.flex-size-0 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-size-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-size-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
}

/* Item ALIGN-SELF => Alignement de l'objet en particulier */
.grille .align-self-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.grille .align-self-start,
.grille .align-self-flexstart,
.grille .align-self-flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.grille .align-self-end,
.grille .align-self-flexend,
.grille .align-self-flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.grille .align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.grille .align-self-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.grille .align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.col-xxs-1,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xl-1,
.col-xxs-2,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xl-2,
.col-xxs-3,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xl-3,
.col-xxs-4,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xl-4,
.col-xxs-5,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xl-5,
.col-xxs-6,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xl-6,
.col-xxs-7,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xl-7,
.col-xxs-8,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xl-8,
.col-xxs-9,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xl-9,
.col-xxs-10,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xl-10,
.col-xxs-11,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xl-11,
.col-xxs-12,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xl-12 {
    word-wrap: break-word;
    hyphens: auto;
}

/* x-small size */
@media (min-width: 0px) {
    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-1.col-xs-sur-5 {
        width: 20%;
        width: calc(100% / 5);
    }

    .margin-top-xs {
        margin-top: 0.5em;
    }

    .margin-top-xs-faible {
        margin-top: 0.25em;
    }

    .margin-top-xs-fort {
        margin-top: 1em;
    }

    .margin-bottom-xs {
        margin-bottom: 0.5em;
    }

    .margin-bottom-xs-faible {
        margin-bottom: 0.25em;
    }

    .margin-bottom-xs-fort {
        margin-bottom: 1em;
    }


    @media (max-width: 425px) {
        .col-xxs-12 {
            width: 100%;
        }

        .col-xxs-11 {
            width: 91.66666667%;
        }

        .col-xxs-10 {
            width: 83.33333333%;
        }

        .col-xxs-9 {
            width: 75%;
        }

        .col-xxs-8 {
            width: 66.66666667%;
        }

        .col-xxs-7 {
            width: 58.33333333%;
        }

        .col-xxs-6 {
            width: 50%;
        }

        .col-xxs-5 {
            width: 41.66666667%;
        }

        .col-xxs-4 {
            width: 33.33333333%;
        }

        .col-xxs-3 {
            width: 25%;
        }

        .col-xxs-2 {
            width: 16.66666667%;
        }

        .col-xxs-1 {
            width: 8.33333333%;
        }

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

/* small size */
@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .margin-top-xs,
    .margin-top-xs-faible,
    .margin-top-xs-fort {
        margin-top: 0;
    }

    .margin-top-sm {
        margin-top: 0.5em;
    }

    .margin-top-sm-faible {
        margin-top: 0.25em;
    }

    .margin-top-sm-fort {
        margin-top: 1em;
    }

    .margin-bottom-xs,
    .margin-bottom-xs-faible,
    .margin-bottom-xs-fort {
        margin-bottom: 0;
    }

    .margin-bottom-sm {
        margin-bottom: 0.5em;
    }

    .margin-bottom-sm-faible {
        margin-bottom: 0.25em;
    }

    .margin-bottom-sm-fort {
        margin-bottom: 1em;
    }

    .grille.flex-sm-wrap-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .grille.flex-sm-wrap-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

/* medium size */
@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .margin-top-xs,
    .margin-top-xs-faible,
    .margin-top-xs-fort,
    .margin-top-sm,
    .margin-top-sm-faible,
    .margin-top-sm-fort {
        margin-top: 0;
    }

    .margin-top-md {
        margin-top: 0.5em;
    }

    .margin-top-md-faible {
        margin-top: 0.25em;
    }

    .margin-top-md-fort {
        margin-top: 1em;
    }

    .margin-bottom-xs,
    .margin-bottom-xs-faible,
    .margin-bottom-xs-fort,
    .margin-bottom-sm,
    .margin-bottom-sm-faible,
    .margin-bottom-sm-fort {
        margin-bottom: 0;
    }

    .margin-bottom-md {
        margin-bottom: 0.5em;
    }

    .margin-bottom-md-faible {
        margin-bottom: 0.25em;
    }

    .margin-bottom-md-fort {
        margin-bottom: 1em;
    }
}

/* large size */
@media (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .margin-top-xs,
    .margin-top-xs-faible,
    .margin-top-xs-fort,
    .margin-top-sm,
    .margin-top-sm-faible,
    .margin-top-sm-fort,
    .margin-top-md,
    .margin-top-md-faible,
    .margin-top-md-fort {
        margin-top: 0;
    }

    .margin-top-lg {
        margin-top: 0.5em;
    }

    .margin-top-lg-faible {
        margin-top: 0.25em;
    }

    .margin-top-lg-fort {
        margin-top: 1em;
    }

    .margin-bottom-xs,
    .margin-bottom-xs-faible,
    .margin-bottom-xs-fort,
    .margin-bottom-sm,
    .margin-bottom-sm-faible,
    .margin-bottom-sm-fort,
    .margin-bottom-md,
    .margin-bottom-md-faible,
    .margin-bottom-md-fort {
        margin-bottom: 0;
    }

    .margin-bottom-lg {
        margin-bottom: 0.5em;
    }

    .margin-bottom-lg-faible {
        margin-bottom: 0.25em;
    }

    .margin-bottom-lg-fort {
        margin-bottom: 1em;
    }
}

/* x-large size */
@media (min-width: 1600px) {
    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .margin-top-xs,
    .margin-top-xs-faible,
    .margin-top-xs-fort,
    .margin-top-sm,
    .margin-top-sm-faible,
    .margin-top-sm-fort,
    .margin-top-md,
    .margin-top-md-faible,
    .margin-top-md-fort,
    .margin-top-lg,
    .margin-top-lg-faible,
    .margin-top-lg-fort {
        margin-top: 0;
    }

    .margin-top-xl {
        margin-top: 0.5em;
    }

    .margin-top-xl-faible {
        margin-top: 0.25em;
    }

    .margin-top-xl-fort {
        margin-top: 1em;
    }

    .margin-bottom-xs,
    .margin-bottom-xs-faible,
    .margin-bottom-xs-fort,
    .margin-bottom-sm,
    .margin-bottom-sm-faible,
    .margin-bottom-sm-fort,
    .margin-bottom-md,
    .margin-bottom-md-faible,
    .margin-bottom-md-fort,
    .margin-bottom-lg,
    .margin-bottom-lg-faible,
    .margin-bottom-lg-fort {
        margin-bottom: 0;
    }

    .margin-bottom-xl {
        margin-bottom: 0.5em;
    }

    .margin-bottom-xl-faible {
        margin-bottom: 0.25em;
    }

    .margin-bottom-xl-fort {
        margin-bottom: 1em;
    }
}


.size-0 .col-xxs-12 {
    width: 100%;
}

.size-0 .col-xxs-11 {
    width: 91.66666667%;
}

.size-0 .col-xxs-10 {
    width: 83.33333333%;
}

.size-0 .col-xxs-9 {
    width: 75%;
}

.size-0 .col-xxs-8 {
    width: 66.66666667%;
}

.size-0 .col-xxs-7 {
    width: 58.33333333%;
}

.size-0 .col-xxs-6 {
    width: 50%;
}

.size-0 .col-xxs-5 {
    width: 41.66666667%;
}

.size-0 .col-xxs-4 {
    width: 33.33333333%;
}

.size-0 .col-xxs-3 {
    width: 25%;
}

.size-0 .col-xxs-2 {
    width: 16.66666667%;
}

.size-0 .col-xxs-1 {
    width: 8.33333333%;
}

.size-0:not(.size-425):not(.size-768):not(.size-992):not(.size-1200):not(.size-1600) .hidden-xxs {
    display: none !important;
}

.size-425 {
    min-width: 425px;
}

.size-425 .col-xs-12,
.size-425 .col-xs-12 {
    width: 100%;
}

.size-425 .col-xs-11,
.size-425 .col-xs-11 {
    width: 91.66666667%;
}

.size-425 .col-xs-10,
.size-425 .col-xs-10 {
    width: 83.33333333%;
}

.size-425 .col-xs-9,
.size-425 .col-xs-9 {
    width: 75%;
}

.size-425 .col-xs-8,
.size-425 .col-xs-8 {
    width: 66.66666667%;
}

.size-425 .col-xs-7,
.size-425 .col-xs-7 {
    width: 58.33333333%;
}

.size-425 .col-xs-6,
.size-425 .col-xs-6 {
    width: 50%;
}

.size-425 .col-xs-5,
.size-425 .col-xs-5 {
    width: 41.66666667%;
}

.size-425 .col-xs-4,
.size-425 .col-xs-4 {
    width: 33.33333333%;
}

.size-425 .col-xs-3,
.size-425 .col-xs-3 {
    width: 25%;
}

.size-425 .col-xs-2,
.size-425 .col-xs-2 {
    width: 16.66666667%;
}

.size-425 .col-xs-1,
.size-425 .col-xs-1 {
    width: 8.33333333%;
}

.size-768 {
    min-width: 768px;
}

.size-768 .col-sm-12 {
    width: 100%;
}

.size-768 .col-sm-11 {
    width: 91.66666667%;
}

.size-768 .col-sm-10 {
    width: 83.33333333%;
}

.size-768 .col-sm-9 {
    width: 75%;
}

.size-768 .col-sm-8 {
    width: 66.66666667%;
}

.size-768 .col-sm-7 {
    width: 58.33333333%;
}

.size-768 .col-sm-6 {
    width: 50%;
}

.size-768 .col-sm-5 {
    width: 41.66666667%;
}

.size-768 .col-sm-4 {
    width: 33.33333333%;
}

.size-768 .col-sm-3 {
    width: 25%;
}

.size-768 .col-sm-2 {
    width: 16.66666667%;
}

.size-768 .col-sm-1 {
    width: 8.33333333%;
}

.size-992 {
    min-width: 992px;
}

.size-992 .col-md-12 {
    width: 100%;
}

.size-992 .col-md-11 {
    width: 91.66666667%;
}

.size-992 .col-md-10 {
    width: 83.33333333%;
}

.size-992 .col-md-9 {
    width: 75%;
}

.size-992 .col-md-8 {
    width: 66.66666667%;
}

.size-992 .col-md-7 {
    width: 58.33333333%;
}

.size-992 .col-md-6 {
    width: 50%;
}

.size-992 .col-md-5 {
    width: 41.66666667%;
}

.size-992 .col-md-4 {
    width: 33.33333333%;
}

.size-992 .col-md-3 {
    width: 25%;
}

.size-992 .col-md-2 {
    width: 16.66666667%;
}

.size-992 .col-md-1 {
    width: 8.33333333%;
}

.size-1200 {
    min-width: 1200px;
}

.size-1200 .col-lg-12 {
    width: 100%;
}

.size-1200 .col-lg-11 {
    width: 91.66666667%;
}

.size-1200 .col-lg-10 {
    width: 83.33333333%;
}

.size-1200 .col-lg-9 {
    width: 75%;
}

.size-1200 .col-lg-8 {
    width: 66.66666667%;
}

.size-1200 .col-lg-7 {
    width: 58.33333333%;
}

.size-1200 .col-lg-6 {
    width: 50%;
}

.size-1200 .col-lg-5 {
    width: 41.66666667%;
}

.size-1200 .col-lg-4 {
    width: 33.33333333%;
}

.size-1200 .col-lg-3 {
    width: 25%;
}

.size-1200 .col-lg-2 {
    width: 16.66666667%;
}

.size-1200 .col-lg-1 {
    width: 8.33333333%;
}

.size-1600 {
    min-width: 1600px;
}

.size-1600 .col-xl-12 {
    width: 100%;
}

.size-1600 .col-xl-11 {
    width: 91.66666667%;
}

.size-1600 .col-xl-10 {
    width: 83.33333333%;
}

.size-1600 .col-xl-9 {
    width: 75%;
}

.size-1600 .col-xl-8 {
    width: 66.66666667%;
}

.size-1600 .col-xl-7 {
    width: 58.33333333%;
}

.size-1600 .col-xl-6 {
    width: 50%;
}

.size-1600 .col-xl-5 {
    width: 41.66666667%;
}

.size-1600 .col-xl-4 {
    width: 33.33333333%;
}

.size-1600 .col-xl-3 {
    width: 25%;
}

.size-1600 .col-xl-2 {
    width: 16.66666667%;
}

.size-1600 .col-xl-1 {
    width: 8.33333333%;
}


/*  ****************************
	Mises en forme
		-> mises en forme de texte
 **************************** */
/* Couleurs
		! .fc-* : gère la couleur de la police (fc pour "font color")
	*/
.fc-black {
    color: #000;
}

.fc-gray {
    color: #808080;
}

.fc-lightgray {
    color: #c2c2c2;
}

.fc-white {
    color: #fff;
}

.fc-hover-red:hover,
.fc-red {
    color: #ff0000;
}

.fc-lightred {
    color: #ff4646;
}

.fc-blue {
    color: #0000ff;
}

.fc-lightblue {
    color: #00ffff;
}

.fc-green {
    color: #008a0a;
}

.fc-lightgreen {
    color: #00ff64;
}

.fc-yellow {
    color: #ffff00;
}

.fc-pink {
    color: #ff00ff;
}

.fc-orange {
    color: #ff9600;
}

.fc-hover-redc:hover,
.fc-redc {
    color: var(--c-red);
}

.fc-beige {
    color: var(--c-beige);
}

.fc-redpale {
    color: var(--c-redpale);
}

.fc-redclaire {
    color: var(--c-redclaire);
}

.fc-bluedark {
    color: var(--c-bluedark);
}

.fc-blueclaire {
    color: var(--c-blueclaire);
}

.fc-bluepale {
    color: var(--c-bluepale);
}

.fc-error {
    color: var(--c-error);
}

.fc-link {
    color: var(--c-link);
}

.fc-vitale1 {
	color: var(--c-vitale-1);
}

/* Tailles
		! .fs-* : gère la taille de la police (fs pour "font size")
	*/
.fs-xxsmall {
    font-size: xx-small;
}

.fs-xsmall {
    font-size: x-small;
}

.fs-small {
    font-size: small;
}

.fs-medium {
    font-size: medium;
}

.fs-large {
    font-size: large;
}

.fs-xlarge {
    font-size: x-large;
}

.fs-xxlarge {
    font-size: xx-large;
}

.fs-101 {
    font-size: 1.1em;
}
.fs-102 {
    font-size: 1.2em;
}

.fs-95,
.fs-095 {
    font-size: 0.95em;
}

.fs-9,
.fs-09 {
    font-size: 0.9em;
}

.fs-85,
.fs-085 {
    font-size: 0.85em;
}

.fs-8,
.fs-08 {
    font-size: 0.8em;
}

.fs-75,
.fs-075 {
    font-size: 0.75em;
}

.fs-7,
.fs-07 {
    font-size: 0.7em;
}

/* Mises en forme
		! .ft-* : gère la mise en forme de la police (ft pour "font") : bold, italic, underline...
	*/
.ft-normal {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
}

.ft-calendridel {
    font-family: var(--ff-play);
    font-weight: bold;
    color: #ab3b3d;
}

.partie-red .ft-calendridel {
    color: var(--c-beige);
}

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

.ft-xbold {
    font-weight: 900;
}

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

.ft-underline {
    text-decoration: underline;
}

.ft-strike {
    text-decoration: line-through;
}

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

.ft-smallcaps {
    font-variant: small-caps;
}

.ft-lessimportant {
    font-size: 0.8em;
    color: var(--c-redclaire);
}

/* Alignements
		! .fa-* : définit l'alignement de l'élément (fa pour "font align")
	*/
.fa-left {
    text-align: left;
}

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

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

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


.ff-play {
    font-family: var(--ff-play);
}

.ff-graphie {
    font-family: var(--ff-graphie);
}

.ff-montserrat {
    font-family: var(--ff-montserrat);
}

.ff-poppins {
    font-family: var(--ff-poppins);
}


/*  ****************************
	Mises en forme FORM
		-> mises en forme des champs divers d'un form
 **************************** */

.formulaire-contenu {
    padding: 2px;
}

.formulaire-section {
    padding: 0.75em 0.2em;
}

.formulaire-section.formulaire-explications {
    font-size: 0.9em;
    text-align: left;
    margin-left: 0.25em;
    margin-bottom: 1em;
    padding-left: 0.6em;
    border-left: 2px solid lightgray;
    color: #696969;
}

.formulaire-section.formulaire-explications p:last-child {
    margin-bottom: 0;
}

.formulaire-donnees-explications {
    margin: 0.25em;
    padding: 0.4em;
    text-align: left;
    font-size: 0.85em;
    font-style: italic;
    color: gray;
}

.formulaire-direction-submit {
    text-align: right;
    font-size: small;
    opacity: 0.7;
}


input.input-100,
select.select-100,
textarea.textarea-100 {
    width: 99%;
    margin-left: 0;
    margin-right: 0;
}

select option {
    padding: 2px 1px;
    background: var(--c-white);
}

select option[disabled] {
    font-style: italic;
}



.label {
    padding: 13px 10px;
    border: 1px solid lightgray;
    background-color: rgba(250, 250, 250, 0.8);
    font-weight: bold;
    color: #585858;
    font-size: 0.95em;
}

.formulaire-section:nth-of-type(odd) .label {
    background-color: rgba(235, 235, 235, 0.8);

}

.form-utilisateur .formulaire-section .label {
    background-color: rgba(80, 95, 155, 0.2);
}

.form-utilisateur .formulaire-section:nth-of-type(odd) .label {
    background-color: rgba(80, 95, 155, 0.1);
}

.form-calendrier .formulaire-section .label {
    background-color: rgba(155, 80, 80, 0.2);
}

.form-calendrier .formulaire-section:nth-of-type(odd) .label {
    background-color: rgba(155, 80, 80, 0.1);
}

.donnees {
    overflow: hidden;
}

.donnees.donnees-cadre {
    border: 1px solid lightgray;
    padding-top: 3px;
    padding-bottom: 3px;
}

.donnees.donnees-cadre:hover,
.donnees.donnees-cadre:active,
.donnees.donnees-cadre.active {
    box-shadow: 0 0 3px lightgray inset;
}

.donnees.donnees-aerees {
    padding: 13px 10px;
}

.donnees.interdit {
    opacity: 0.8;
    cursor: not-allowed;
    background: #f2f2f2;
    color: gray;
}

select {
    text-overflow: ellipsis;
}

.select2,
.textarea2,
.input2 {
    height: 100%;
    width: 100%;
    border: 1px solid lightgray;
    padding: 13px 6px;
    margin: 0;
}

.select2:active,
.select2.active,
.select2:hover,
.textarea2:active,
.textarea2.active,
.textarea2:hover,
.input2:active,
.input2.active,
.input2:hover {
    box-shadow: 0 0 3px lightgray inset;
}

.select2:focus,
.textarea2:focus,
.input2:focus {
    box-shadow: 0 0 3px gray inset;
}


input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input,
select.select {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    margin-bottom: 3px;
    margin-top: 2px;
    padding: 6px;
    border: 0px;
    box-shadow: 0 0 3px #969696;
    border-radius: 3px;
    color: #5a5a5a;
    max-width: 100%;
}

input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input:hover,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input:active,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input:focus,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input.active,
select.select:hover,
select.select:active,
select.select:focus,
select.select.active,
textarea.textarea:hover,
textarea.textarea:active,
textarea.textarea:focus,
textarea.textarea.active {
    box-shadow: 0 0 5px #6c6c6c, 0 0 2px #c1c1c1 inset;
    color: #434343;
}

input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.is-valid,
select.select2.is-valid,
textarea.textarea2.is-valid {
    box-shadow: 0 0 2px #08a500 inset;
    color: #056900;
}

input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.is-valid:hover,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.is-valid:active,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.is-valid:focus,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.is-valid.active,
select.select.is-valid:hover,
select.select.is-valid:active,
select.select.is-valid:focus,
select.select.is-valid.active,
textarea.textarea.is-valid:hover,
textarea.textarea.is-valid:active,
textarea.textarea.is-valid:focus,
textarea.textarea.is-valid.active {
    box-shadow: 0 0 3px #08a500, 0 0 2px #c1c1c1 inset;
    color: #434343;
}

input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.has-error,
select.select.has-error,
textarea.textarea.has-error {
    box-shadow: 0 0 3px #a50000 inset;
    color: #690000;
}

input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.has-error:hover,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.has-error:active,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.has-error:focus,
input:not([type="submit"]):not([type="button"]):not([type="color"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]).input2.has-error.active,
select.select.has-error:hover,
select.select.has-error:active,
select.select.has-error:focus,
select.select.has-error.active,
textarea.textarea.has-error:hover,
textarea.textarea.has-error:active,
textarea.textarea.has-error:focus,
textarea.textarea.has-error.active {
    box-shadow: 0 0 3px #a50000 inset, 0 0 2px #c1c1c1;
    color: #434343;
}


input[type="color"].input,
input[type="reset"].input,
input[type="submit"].input {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 12px;
    margin-bottom: 2px;
    margin-top: 2px;
    background: #f0f0f0;
    border: 1px solid lightgray;
    box-shadow: 0 0 2px #979797;
    border-radius: 4px;
    cursor: pointer;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: bold;
}

input[type="color"].input:hover,
input[type="reset"].input:hover,
input[type="submit"].input:hover {
    box-shadow: 0 0 3px #6d6d6d;
}

input[type="color"].input:active,
input[type="reset"].input:active,
input[type="submit"].input:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
}


.btn,
select,
textarea,
input,
.inputv3 {
    font-family: var(--ff-montserrat);
}


.slider-conteneur {
    width: 45px;
    text-align: center;
}

.slider {
    text-align: center;
    -webkit-appearance: none;
    width: 35px;
    height: 11px;
    border-radius: 5px;
    background: var(--c-beigepale);
    outline: none;
    opacity: 0.7;
    transition: background .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--c-beige);
    cursor: pointer;
    box-shadow: 0 0 2px black;
    transition: 0.4s all linear;
}

.slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--c-beige);
    cursor: pointer;
    box-shadow: 0 0 2px gray;
    transition: 0.4s all linear;
}

.slider[value="0"]::-moz-range-thumb {
    background-image: url('./images/site/slider_croix2.png');
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: contain; */
}

.slider[value="0"]::-webkit-slider-thumb {
    background-image: url('./images/site/slider_croix2.png');
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: contain; */
}

.slider[value="1"],
.slider:not([value]) {
    background: var(--c-redpale);
}

.slider[value="1"]::-moz-range-thumb,
.slider:not([value])::-moz-range-thumb {
    background: var(--c-red);
    background-image: url('./images/site/slider_check2.png');
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: contain; */
}

.slider[value="1"]::-webkit-slider-thumb,
.slider:not([value])::-webkit-slider-thumb {
    background: var(--c-red);
    background-image: url('./images/site/slider_check2.png');
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: contain; */
}

.slider:hover {
    background: var(--c-redclaire);
}

.slider:disabled {
	opacity: 0.3;
	cursor: default;
}

.slider:disabled::-webkit-slider-thumb {
	cursor: default;
}

.slider:disabled::-moz-range-thumb {
	cursor: default;
}



	.slider.cca-f-chat-done {
		text-align: center;
		-webkit-appearance: none;
		width: 35px;
		height: 11px;
		border-radius: 5px;
		background: red;
		outline: none;
		opacity: 0.7;
		transition: background .2s;
	}

	.slider.cca-f-chat-done::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: var(--c-beige);
		cursor: pointer;
		box-shadow: 0 0 2px black;
		transition: 0.4s all linear;
	}

	.slider.cca-f-chat-done::-moz-range-thumb {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: var(--c-beige);
		cursor: pointer;
		box-shadow: 0 0 2px gray;
		transition: 0.4s all linear;
	}

	.slider.cca-f-chat-done[value="0"]::-moz-range-thumb {
		background-image: url('./images/site/slider_croix2.png');
		background-position: center center;
		background-repeat: no-repeat;
		/* background-size: contain; */
	}

	.slider.cca-f-chat-done[value="0"]::-webkit-slider-thumb {
		background-image: url('./images/site/slider_croix2.png');
		background-position: center center;
		background-repeat: no-repeat;
		/* background-size: contain; */
	}

	.slider.cca-f-chat-done[value="1"],
	.slider.cca-f-chat-done:not([value]) {
		background: var(--c-whatsapp);
	}

	.slider.cca-f-chat-done[value="1"]::-moz-range-thumb,
	.slider.cca-f-chat-done:not([value])::-moz-range-thumb {
		background: var(--c-green);
		background-image: url('./images/site/slider_check2.png');
		background-position: center center;
		background-repeat: no-repeat;
		/* background-size: contain; */
	}

	.slider.cca-f-chat-done[value="1"]::-webkit-slider-thumb,
	.slider.cca-f-chat-done:not([value])::-webkit-slider-thumb {
		background: var(--c-green);
		background-image: url('./images/site/slider_check2.png');
		background-position: center center;
		background-repeat: no-repeat;
		/* background-size: contain; */
	}

	.slider.cca-f-chat-done:hover {
		background: var(--c-redclaire);
	}

	.slider.cca-f-chat-done:disabled {
		opacity: 0.3;
		cursor: default;
	}

	.slider.cca-f-chat-done:disabled::-webkit-slider-thumb {
		cursor: default;
	}

	.slider.cca-f-chat-done:disabled::-moz-range-thumb {
		cursor: default;
	}

.slider-300 {
    width: 300px;
}

.scor-set-contrast-ipt {
    width: 100%;
    min-width: 170px;
}

.slider-label {
    font-size: 0.8em;
    padding: 2px;
    padding-left: 4px;
    overflow: hidden;
    color: var(--c-redclaire);
    font-weight: bold;
}

.label-cadre-slider {
    cursor: pointer;
}

.label-cadre.label-cadre-slider.label-cadre-slider-val-1 {
    border-color: var(--c-redpale);
}

.label-cadre.label-cadre-slider.label-cadre-slider-val-1 .slider-label {
    /* color: var(--c-red); */
    color: var(--c-bluedark);
}

.label-cadre.label-cadre-slider.label-cadre-slider-val-0:hover .slider-label {
    color: var(--c-redpale);
}

/*  ****************************
	Mises en forme BOUTONS
		-> mises en forme des boutons de type btn-
 **************************** */
.btn-bbcode {
    margin: 4px;
    padding: 4px 8px;
    background: var(--c-jaune);
    border: 1px solid lightgray;
    box-shadow: 0 0 3px gray;
    border-radius: 10px;
    cursor: pointer;
    font-size: 19px;
    min-height: 35px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    color: var(--c-red);
}

.bbcode-groupe-gp--sizing .btn-bbcode {
    font-size: 0.9em;
}

.btn-bbcode.bbcode-gros {
    font-size: large;
}

.btn-bbcode.bbcode-moyen {
    font-size: medium;
}

.btn-bbcode.bbcode-petit {
    font-size: small;
}

.btn-bbcode.bbcode-rouge {
    color: red;
}

.btn-bbcode.bbcode-bleu {
    color: blue;
}

.btn-bbcode.bbcode-vert {
    color: green;
}

.btn-bbcode.bbcode-orange {
    color: #e99708;
}

.btn-bbcode.bbcode-rose {
    color: #c708e9;
}

.btn-bbcode.bbcode-noir {
    color: black;
}

.btn-bbcode.bbcode-gauche {
    text-align: left;
}

.btn-bbcode.bbcode-droite {
    text-align: right;
}

.btn-bbcode.bbcode-centre {
    text-align: center;
}

.btn-bbcode.bbcode-justifie {
    text-align: justify;
}

.btn-bbcode.active {
    background-color: #f5f6b2;
}

.btn-bbcode:hover {
    border-color: gray;
}

.btn-bbcode:active {
    box-shadow: 0 0 3px gray inset;
}

.bbcode-emoji {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    border: 0px;
    width: 42px;
    height: 35px;
    text-align: center;
    font-size: 17px;
}

.bbcode-emoji:hover {
    background: #efe6d4;
}

.bbcode-icns,
.bbcode-ticns {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    border: 0px;
    width: 42px;
    height: 35px;
    text-align: center;
    font-size: 17px;
}

.bbcode-icns:hover,
.bbcode-ticns:hover {
    background: #efe6d4;
}

.t-bbcodes {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

.t-bbcodes-trans .btn-bbcode {
    margin: 2px 1px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px;
    min-height: 30px;
}

.btn-bbcode-color {
    display: block;
    height: 100%;
    width: 100%;
    background-color: red;
    min-height: 20px;
    border-radius: 5px;
}


.btn-default,
.btn-warning,
.btn-success,
.btn-info,
.btn-infos,
.btn-orange,
.btn-white,
.btn-danger {
    display: inline-block;
    vertical-align: middle;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-radius: 74px;
    transition: all 0.1s linear;
    cursor: pointer;
    outline: none;
    outline-style: none;
    text-transform: uppercase;
    text-shadow: 0px 24px 26px #00000029;
}

.btn-default:active,
.btn-warning:active,
.btn-success:active,
.btn-white:active,
.btn-orange:active,
.btn-info:active,
.btn-infos:active,
.btn-danger:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
    padding-right: 10.5px;
}

.btn-small {
    /* padding: 0.3em 0.75em; */
    /* font-size: 11px; */
}

.bton.btn-rond-30px {
    height: 30px !important;
    min-height: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
}

.btn-default {
    background-color: #f0f0f0;
    color: #3d3d3d;
    box-shadow: 0 0 2px #979797;
}

.btn-default:hover {
    box-shadow: 0 0 3px #6d6d6d;
}

.btn-default:active {
    box-shadow: 0 0 3px #979797 inset;
}

.btn-warning {
    background-color: #f0ad4e;
    color: #fff;
    box-shadow: 0 0 2px #eea236;
}

.btn-warning:hover {
    background-color: #ec971f;
    box-shadow: 0 0 3px #d58512;
    color: #fff;
}

.btn-warning:active {
    background-color: #ec971f;
    box-shadow: 0 0 3px #979797 inset;
    color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: var(--c-red);
    box-shadow: 0 0 2px #d43f3a;
}

.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    box-shadow: 0 0 3px #d58512;
}

.btn-danger:active {
    color: #fff;
    background-color: #ac2925;
    box-shadow: 0 0 3px #979797 inset;
}

.btn-white {
    color: #ab3b3d;
    background-color: white;
    box-shadow: 0 0 2px #ab3b3d;
}

.btn-white:hover {
    color: #fff;
    background-color: #ab3b3d;
    box-shadow: 0 0 3px #fff;
}

.btn-white:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
    padding-right: 8.5px;
    color: #fff;
    background-color: #ab3b3d;
}

.btn-info {
    color: #fff;
    background-color: #464eae;
    box-shadow: 0 0 2px #323caf;
}

.btn-info:hover {
    color: #fff;
    background-color: #323caf;
    box-shadow: 0 0 5px #091597;
}

.btn-info:active {
    color: #fff;
    background-color: #323caf;
    box-shadow: 0 0 3px #757dd5 inset;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    box-shadow: 0 0 2px #4cae4c;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    box-shadow: 0 0 3px #398439;
}

.btn-success:active {
    color: #fff;
    background-color: #449d44;
    box-shadow: 0 0 3px #979797 inset;
}

.btn-orange {
    color: #fff;
    background-color: #bf8218;
    box-shadow: 0 0 2px #ae984c;
}

.btn-orange:hover {
    color: #fff;
    background-color: #a96b00;
    box-shadow: 0 0 3px #847039;
}

.btn-orange:active {
    color: #fff;
    background-color: #a96b00;
    box-shadow: 0 0 3px #979797 inset;
}



/*  ****************************
	Mises en forme TITRES HX
		-> mises en forme des titres de type HX
 **************************** */

h1,
h2,
h3,
h4,
h5 {
    padding: 0px;
    margin: 0px;
    font-size: 1em;
    font-weight: normal;
}


/*  ****************************
	Mises en forme LIENS
		-> mises en forme des urls
 **************************** */

a,
.as-link {
    text-decoration: none !important;
    color: var(--c-link);
}

a.ft-strike,
.ft-strike.as-link {
	text-decoration: line-through !important;
}

a:hover,
.as-link:hover {
    color: var(--c-linkhover);
}

.bg-red .as-link,
.partie-red .as-link,
.bg-red a,
.partie-red a {
    color: var(--c-bgred-link);
}

.bg-red .as-link:hover,
.partie-red .as-link:hover,
.bg-red a:hover,
.partie-red a:hover {
    color: var(--c-bgred-linkhover);
}



/*  ****************************
	Visibilité
		-> classes de visibilité des éléments
 **************************** */
/*
		! .visible-* : rend visible l'élément à seulement cette taille de fenêtre
		! .visible-*1-*2 : rend visible l'élément à seulement [*1] taille de fenêtre, de type [*2] (exemple: visible-lg-inline)
		! .hidden-* : cache l'élément à seulement cette taille de fenêtre
		! ------------
		! .v-align-* : gère l'alignement vertical de l'élément (top, baseline, middle, bottom)
		! ------------
		! .warning, .alerte, .info, .success : gère la couleur d'arrière plan de l'élément pour indiquer un certain statut
	*/

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl,
.visible-xs-inline,
.visible-sm-inline,
.visible-md-inline,
.visible-lg-inline,
.visible-xl-inline,
.visible-xs-block,
.visible-sm-block,
.visible-md-block,
.visible-lg-block,
.visible-xl-block,
.visible-xs-inlineblock,
.visible-sm-inlineblock,
.visible-md-inlineblock,
.visible-lg-inlineblock,
.visible-xl-inlineblock {
    display: none !important;
}

/* xx-small size */
@media (min-width: 0px) and (max-width: 425px) {
    .hidden-xxs {
        display: none !important;
    }
}

/* x-small size */
@media (min-width: 0px) and (max-width: 767px) {

    .visible-xs,
    .visible-xs-block {
        display: block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-inlineblock {
        display: inline-block !important;
    }

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

    .xs-block {
        display: block !important;
    }
}

/* small size */
@media (min-width: 768px) and (max-width: 992px) {

    .visible-sm,
    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inlineblock {
        display: inline-block !important;
    }

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

/* medimum size */
@media (min-width: 992px) and (max-width: 1200px) {

    .visible-md,
    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inlineblock {
        display: inline-block !important;
    }

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

/* large size */
@media (min-width: 1200px) and (max-width: 1600px) {

    .visible-lg,
    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inlineblock {
        display: inline-block !important;
    }

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

/* x-large size */
@media (min-width: 1600px) {

    .visible-xl,
    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inlineblock {
        display: inline-block !important;
    }

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

.hidden {
    display: none;
}



/*  ****************************
	Alignement vertical
		-> classes d'alignement vertical
 **************************** */
.v-align-top {
    vertical-align: top;
}

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

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

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



/*  ****************************
	Coloration
		-> classes de color du background des éléments
 **************************** */
.warning {
    background-color: #fdf1b2;
}

.warning:hover,
.warning:focus {
    background-color: #fae47d;
}

.danger {
    background-color: #f1bcbc;
}

.danger:hover,
.danger:focus {
    background-color: #ea9696;
}

.info {
    background-color: #d9edf7;
}

.info:hover,
.info:focus {
    background-color: #c4e3f3;
}

.success {
    background-color: #dff0d8;
}

.success:hover,
.success:focus {
    background-color: #d0e9c6;
}



/*  ****************************
	ICONES
		-> icones utilisées dans le site
 **************************** */
/* Icones 50px*50px */
.icone-menu-generique,
.icone-index,
.icone-menu-index,
.icone-menu-calendrier,
.icone-calendrier-voir,
.icone-calendrier-configurer,
.icone-menu-calendrier-configuration,
.icone-calendrier-notifications,
.icone-calendrier-statistiques,
.icone-menu-calendrier-statistiques,
.icone-calendrier-ajouterperiode,
.icone-calendrier-liste,
.icone-calendrier-ajoutercalendrier,
.icone-calendrier-fichiers,
.icone-menu-calendrier-chat,
.icone-profil,
.icone-menu-profil,
.icone-profil-configurer,
.icone-profil-statistiques,
.icone-menu-profil-statistiques,
.icone-profil-suppression,
.icone-menu-profil-suppression,
.icone-profil-fichiers,
.icone-menu-profil-fichiers,
.icone-admin,
.icone-deconnexion,
.icone-connexion,
.icone-menu,
.icone-menu-horsconnexion,
.icone-menu-connexion,
.icone-divers,
.icone-ajouterfichier,
.icone-menu-inscription,
.icone-imprimer {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url('./images/site/sprite_50px.png');
}

.icone-menu-generique {
    background-position: -1050px -50px;
}

.icone-calendrier-voir {
    background-position: -100px 0px;
}

.icone-calendrier-voir:hover,
.icone-reaction.active .icone-calendrier-voir,
.icone-reaction:hover .icone-calendrier-voir {
    background-position: -100px -50px;
}

.icone-calendrier-configurer {
    background-position: -50px 0px;
}

.icone-calendrier-configurer:hover,
.icone-reaction.active .icone-calendrier-configurer,
.icone-reaction:hover .icone-calendrier-configurer {
    background-position: -50px -50px;
}

.icone-menu-calendrier-configuration {
    background-position: -50px 0px;
}

.icone-menu-calendrier-configuration:hover,
.icone-menu-calendrier-configuration.active,
.icone-reaction.active .icone-menu-calendrier-configuration,
.icone-reaction:hover .icone-menu-calendrier-configuration {
    background-position: -50px -50px;
}

.icone-calendrier-notifications {
    background-position: -150px 0px;
}

.icone-calendrier-notifications:hover,
.icone-reaction.active .icone-calendrier-notifications,
.icone-reaction:hover .icone-calendrier-notifications {
    background-position: -150px -50px;
}

.icone-calendrier-statistiques {
    background-position: -200px 0px;
}

.icone-calendrier-statistiques:hover,
.icone-reaction.active .icone-calendrier-statistiques,
.icone-reaction:hover .icone-calendrier-statistiques {
    background-position: -200px -50px;
}

.icone-menu-calendrier-statistiques {
    background-position: -200px 0px;
}

.icone-menu-calendrier-statistiques:hover,
.icone-menu-calendrier-statistiques.active,
.icone-reaction.active .icone-menu-calendrier-statistiques,
.icone-reaction:hover .icone-menu-calendrier-statistiques {
    background-position: -200px -50px;
}

.icone-calendrier-ajouterperiode {
    background-position: 0px 0px;
}

.icone-calendrier-ajouterperiode:hover,
.icone-reaction.active .icone-calendrier-ajouterperiode,
.icone-reaction:hover .icone-calendrier-ajouterperiode {
    background-position: 0px -50px;
}

.icone-calendrier-liste {
    background-position: -250px 0px;
}

.icone-calendrier-liste:hover,
.icone-reaction.active .icone-calendrier-liste,
.icone-reaction:hover .icone-calendrier-liste {
    background-position: -250px -50px;
}

.icone-calendrier-ajoutercalendrier {
    background-position: -300px 0px;
}

.icone-calendrier-ajoutercalendrier:hover,
.icone-reaction.active .icone-calendrier-ajoutercalendrier,
.icone-reaction:hover .icone-calendrier-ajoutercalendrier {
    background-position: -300px -50px;
}

.icone-index,
.icone-menu-index {
    background-position: -900px 0px;
}

.icone-index:hover,
.icone-menu-index:hover,
.icone-reaction.active .icone-index,
.icone-reaction.active .icone-menu-index,
.icone-reaction:hover .icone-index,
.icone-reaction:hover .icone-menu-index {
    background-position: -900px -50px;
}

.icone-menu-connexion-oublimdp {
    background-position: -600px 0px;
}

.icone-menu-connexion-oublimdp:hover,
.icone-menu-connexion-oublimdp.active,
.icone-reaction.active .icone-menu-connexion-oublimdp,
.icone-reaction:hover .icone-menu-connexion-oublimdp {
    background-position: -600px -50px;
}

.icone-connexion,
.icone-menu-connexion {
    background-position: -650px 0px;
}

.icone-connexion:hover,
.icone-connexion.active,
.icone-menu-connexion:hover,
.icone-menu-connexion.active,
.icone-reaction.active .icone-menu-connexion,
.icone-reaction.active .icone-connexion,
.icone-reaction:hover .icone-connexion,
.icone-reaction:hover .icone-menu-connexion {
    background-position: -650px -50px;
}

.icone-profil,
.icone-menu-profil {
    background-position: -400px 0px;
}

.icone-profil:hover,
.icone-menu-profil:hover,
.icone-reaction.active .icone-profil,
.icone-reaction.active .icone-menu-profil,
.icone-reaction:hover .icone-profil,
.icone-reaction:hover .icone-menu-profil {
    background-position: -400px -50px;
}

.icone-profil-configurer {
    background-position: -500px 0px;
}

.icone-profil-configurer:hover,
.icone-reaction.active .icone-profil-configurer,
.icone-reaction:hover .icone-profil-configurer {
    background-position: -500px -50px;
}

.icone-profil-statistiques,
.icone-menu-profil-statistiques {
    background-position: -550px 0px;
}

.icone-profil-statistiques:hover,
.icone-menu-profil-statistiques:hover,
.icone-reaction.active .icone-profil-statistiques,
.icone-reaction.active .icone-menu-profil-statistiques,
.icone-reaction:hover .icone-profil-statistiques,
.icone-reaction:hover .icone-menu-profil-statistiques {
    background-position: -550px -50px;
}

.icone-profil-suppression,
.icone-menu-profil-suppression {
    background-position: -350px 0px;
}

.icone-profil-suppression:hover,
.icone-menu-profil-suppression:hover,
.icone-reaction.active .icone-profil-suppression,
.icone-reaction.active .icone-menu-profil-suppression,
.icone-reaction:hover .icone-profil-suppression,
.icone-reaction:hover .icone-menu-profil-suppression {
    background-position: -350px -50px;
}

.icone-deconnexion {
    background-position: -450px 0px;
}

.icone-deconnexion:hover,
.icone-reaction.active .icone-deconnexion,
.icone-reaction:hover .icone-deconnexion {
    background-position: -450px -50px;
}

.icone-menu-inscription {
    background-position: -700px 0px;
}

.icone-menu-inscription:hover,
.icone-menu-inscription.active,
.icone-reaction.active .icone-menu-inscription,
.icone-reaction:hover .icone-menu-inscription {
    background-position: -700px -50px;
}

.icone-divers {
    background-position: -850px 0px;
}

.icone-divers:hover,
.icone-reaction.active .icone-divers,
.icone-reaction:hover .icone-divers {
    background-position: -850px -50px;
}

.icone-menu-horsconnexion {
    background-position: -750px 0px;
}

.icone-menu-horsconnexion:hover,
.icone-reaction.active .icone-menu-horsconnexion,
.icone-reaction:hover .icone-menu-horsconnexion {
    background-position: -750px -50px;
}

.icone-menu {
    background-position: -800px 0px;
}

.icone-menu:hover,
.icone-reaction.active .icone-menu,
.icone-reaction:hover .icone-menu {
    background-position: -800px -50px;
}

.icone-menu-calendrier {
    background-position: -1100px 0px;
}

.icone-menu-calendrier:hover,
.icone-menu-calendrier.active,
.icone-reaction.active .icone-menu-calendrier,
.icone-reaction:hover .icone-menu-calendrier {
    background-position: -1100px -50px;
}

.icone-profil-fichiers,
.icone-menu-profil-fichiers {
    background-position: -850px 0px;
}

.icone-profil-fichiers:hover,
.icone-profil-fichiers.active,
.icone-menu-profil-fichiers:hover,
.icone-menu-profil-fichiers.active,
.icone-reaction:hover .icone-profil-fichiers,
.icone-reaction.active .icone-profil-fichiers,
.icone-reaction:hover .icone-menu-profil-fichiers,
.icone-reaction.active .icone-menu-profil-fichiers {
    background-position: -850px -50px;
}

.icone-profil-messagerie,
.icone-menu-profil-messagerie {
    background-position: -1350px 0px;
}

.icone-profil-messagerie:hover,
.icone-profil-messagerie.active,
.icone-menu-profil-messagerie:hover,
.icone-menu-profil-messagerie.active,
.icone-reaction:hover .icone-profil-messagerie,
.icone-reaction.active .icone-profil-messagerie,
.icone-reaction:hover .icone-menu-profil-messagerie,
.icone-reaction.active .icone-menu-profil-messagerie {
    background-position: -1350px -50px;
}

.icone-imprimer,
.icone-menu-imprimer {
    background-position: -1150px 0px;
}

.icone-imprimer:hover,
.icone-imprimer.active,
.icone-reaction:hover .icone-imprimer,
.icone-reaction.active .icone-imprimer {
    background-position: -1150px -50px;
}

.icone-calendrier-fichiers,
.icone-menu-calendrier-fichiers {
    background-position: -1200px 0px;
}

.icone-calendrier-fichiers:hover,
.icone-calendrier-fichiers.active,
.icone-reaction:hover .icone-calendrier-fichiers,
.icone-reaction.active .icone-calendrier-fichiers {
    background-position: -1200px -50px;
}

.icone-menu-calendrier-chat {
    background-position: -1250px 0px;
}

.icone-menu-calendrier-chat:hover,
.icone-menu-calendrier-chat.active,
.icone-reaction:hover .icone-menu-calendrier-chat,
.icone-reaction.active .icone-menu-calendrier-chat {
    background-position: -1250px -50px;
}

.icone-menu-calendrier-chat.chat-maj-notifications {
    background-position: -1300px 0px;
}


/* Icones 30px*30px */
.icone-precedent,
.icone-suivant,
.icone-facebook,
.icone-instagram,
.icone-twitter,
.icone-youtube,
.icone-calendrier-voir-moyen,
.icone-calendrier-configurer-moyen,
.icone-calendrier-statistiques-moyen,
.icone-calendrier-ajouterperiode-moyen,
.icone-calendrier-ajoutercalendrier-moyen,
.icone-calendrier-liste-moyen,
.icone-calendrier-notifications-moyen,
.icone-calendrier-fichiers-moyen,
.icone-calendrier-chat-moyen,
.icone-index-moyen,
.icone-communaute-moyen,
.icone-profil-moyen,
.icone-profil-configurer-moyen,
.icone-profil-statistiques-moyen,
.icone-profil-fichiers-moyen,
.icone-profil-messagerie-moyen,
.icone-admin-moyen,
.icone-deconnexion-moyen,
.icone-ajouterfichier-moyen,
.icone-divers-moyen,
.icone-imprimer-moyen,
.icone-connexion-moyen,
.icone-inscription-moyen {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url('./images/site/sprite_30px.png');
}

.icone-precedent {
    background-position: 0px 0px;
}

.icone-reaction.active .icone-precedent,
.icone-reaction:hover .icone-precedent,
.icone-precedent:hover {
    background-position: 0px -30px;
}

.icone-suivant {
    background-position: -30px 0px;
}

.icone-reaction.active .icone-suivant,
.icone-reaction:hover .icone-suivant,
.icone-suivant:not(.gray):hover {
    background-position: -30px -30px;
}

.icone-suivant.gray {
    opacity: 0.4;
}

.icone-facebook {
    background-position: -570px 0px;
}

.icone-reaction.active .icone-facebook,
.icone-reaction:hover .icone-facebook,
.icone-facebook:hover {
    background-position: -570px -30px;
}

.icone-youtube {
    background-position: -600px 0px;
}

.icone-reaction.active .icone-youtube,
.icone-reaction:hover .icone-youtube,
.icone-youtube:hover {
    background-position: -600px -30px;
}

.icone-calendrier-voir-moyen {
    background-position: -90px 0px;
}

.icone-reaction.active .icone-calendrier-voir-moyen,
.icone-reaction:hover .icone-calendrier-voir-moyen,
.icone-calendrier-voir-moyen:hover {
    background-position: -90px -30px;
}

.icone-calendrier-configurer-moyen {
    background-position: -120px 0px;
}

.icone-reaction.active .icone-calendrier-configurer-moyen,
.icone-reaction:hover .icone-calendrier-configurer-moyen,
.icone-calendrier-configurer-moyen:hover {
    background-position: -120px -30px;
}

.icone-calendrier-statistiques-moyen {
    background-position: -150px 0px;
}

.icone-reaction.active .icone-calendrier-statistiques-moyen,
.icone-reaction:hover .icone-calendrier-statistiques-moyen,
.icone-calendrier-statistiques-moyen:hover {
    background-position: -150px -30px;
}

.icone-calendrier-ajoutercalendrier-moyen {
    background-position: -180px 0px;
}

.icone-reaction.active .icone-calendrier-ajoutercalendrier-moyen,
.icone-reaction:hover .icone-calendrier-ajoutercalendrier-moyen,
.icone-calendrier-ajoutercalendrier-moyen:hover {
    background-position: -180px -30px;
}

.icone-calendrier-ajouterperiode-moyen {
    background-position: -210px 0px;
}

.icone-reaction.active .icone-calendrier-ajouterperiode-moyen,
.icone-reaction:hover .icone-calendrier-ajouterperiode-moyen,
.icone-calendrier-ajouterperiode-moyen:hover {
    background-position: -210px -30px;
}

.icone-calendrier-chat-moyen.chat-maj-notifications {}

.icone-reaction.active .icone-calendrier-chat-moyen.chat-maj-notifications,
.icone-reaction:hover .icone-calendrier-chat-moyen.chat-maj-notifications,
.icone-calendrier-chat-moyen.chat-maj-notifications:hover {
    background-position: 0 -30px;
}

.icone-calendrier-chat-moyen {
    background-position: -690px 0px;
}

.icone-reaction.active .icone-calendrier-chat-moyen,
.icone-reaction:hover .icone-calendrier-chat-moyen,
.icone-calendrier-chat-moyen:hover {
    background-position: -690px -30px;
}

.icone-calendrier-liste-moyen {
    background-position: -270px 0px;
}

.icone-reaction.active .icone-calendrier-liste-moyen,
.icone-reaction:hover .icone-calendrier-liste-moyen,
.icone-calendrier-liste-moyen:hover {
    background-position: -270px -30px;
}

.icone-index-moyen {
    background-position: -300px 0px;
}

.icone-reaction.active .icone-index-moyen,
.icone-reaction:hover .icone-index-moyen,
.icone-index-moyen:hover {
    background-position: -300px -30px;
}

.icone-admin-moyen {
    background-position: -360px 0px;
}

.icone-reaction.active .icone-admin-moyen,
.icone-reaction:hover .icone-admin-moyen,
.icone-admin-moyen:hover {
    background-position: -360px -30px;
}

.icone-profil-moyen {
    background-position: -330px 0px;
}

.icone-reaction.active .icone-profil-moyen,
.icone-reaction:hover .icone-profil-moyen,
.icone-profil-moyen:hover {
    background-position: -330px -30px;
}

.icone-profil-configurer-moyen {
    background-position: -390px 0px;
}

.icone-reaction.active .icone-profil-configurer-moyen,
.icone-reaction:hover .icone-profil-configurer-moyen,
.icone-profil-configurer-moyen:hover {
    background-position: -390px -30px;
}

.icone-profil-statistiques-moyen {
    background-position: -420px 0px;
}

.icone-reaction.active .icone-profil-statistiques-moyen,
.icone-reaction:hover .icone-profil-statistiques-moyen,
.icone-profil-statistiques-moyen:hover {
    background-position: -420px -30px;
}

.icone-deconnexion-moyen {
    background-position: -450px 0px;
}

.icone-reaction.active .icone-deconnexion-moyen,
.icone-reaction:hover .icone-deconnexion-moyen,
.icone-deconnexion-moyen:hover {
    background-position: -450px -30px;
}

.icone-ajouterfichier-moyen {
    background-position: -540px 0px;
}

.icone-reaction.active .icone-ajouterfichier-moyen,
.icone-reaction:hover .icone-ajouterfichier-moyen,
.icone-ajouterfichier-moyen:hover {
    background-position: -540px -30px;
}

.icone-divers-moyen {
    background-position: -510px 0px;
}

.icone-reaction.active .icone-divers-moyen,
.icone-reaction:hover .icone-divers-moyen,
.icone-divers-moyen:hover {
    background-position: -510px -30px;
}

.icone-profil-fichiers-moyen {
    background-position: -480px 0px;
}

.icone-profil-fichiers-moyen:hover,
.icone-profil-fichiers-moyen.active,
.icone-reaction:hover .icone-profil-fichiers-moyen,
.icone-reaction.active .icone-profil-fichiers-moyen {
    background-position: -480px -30px;
}

.icone-calendrier-fichiers-moyen,
.icone-menu-calendrier-fichiers-moyen {
    background-position: -630px 0px;
}

.icone-calendrier-fichiers-moyen:hover,
.icone-calendrier-fichiers-moyen.active,
.icone-reaction:hover .icone-calendrier-fichiers-moyen,
.icone-reaction.active .icone-calendrier-fichiers-moyen {
    background-position: -630px -30px;
}

.icone-imprimer-moyen,
.icone-menu-imprimer-moyen {
    background-position: -660px 0px;
}

.icone-imprimer-moyen:hover,
.icone-imprimer-moyen.active,
.icone-reaction:hover .icone-imprimer-moyen,
.icone-reaction.active .icone-imprimer-moyen {
    background-position: -660px -30px;
}

.icone-profil-messagerie-moyen {
    background-position: -750px 0px;
}

.icone-profil-messagerie-moyen:hover,
.icone-profil-messagerie-moyen.active,
.icone-reaction:hover .icone-profil-messagerie-moyen,
.icone-reaction.active .icone-profil-messagerie-moyen {
    background-position: -750px -30px;
}

.icone-connexion-moyen {
    background-position: -780px 0px;
}

.icone-connexion-moyen:hover,
.icone-connexion-moyen.active,
.icone-reaction:hover .icone-connexion-moyen,
.icone-reaction.active .icone-connexion-moyen {
    background-position: -780px -30px;
}

.icone-communaute-moyen {
    background-position: -810px 0px;
}

.icone-communaute-moyen:hover,
.icone-communaute-moyen.active,
.icone-reaction:hover .icone-communaute-moyen,
.icone-reaction.active .icone-communaute-moyen {
    background-position: -810px -30px;
}

.icone-inscription-moyen {
    background-position: -840px 0px;
}

.icone-inscription-moyen:hover,
.icone-inscription-moyen.active,
.icone-reaction:hover .icone-inscription-moyen,
.icone-reaction.active .icone-inscription-moyen {
    background-position: -840px -30px;
}


/* Icones 25*25px */
.icone-index-petit,
.icone-voir-petit,
.icone-configurer-petit,
.icone-calendrier-configurer-petit,
.icone-calendrier-statistiques-petit,
.icone-calendrier-voir-petit,
.icone-calendrier-ajouter-petit,
.icone-calendrier-chat-petit,
.icone-profil-petit,
.icone-profil-statistiques-petit,
.icone-profil-configurer-petit,
.icone-profil-fichiers-petit,
.icone-inscription-petit,
.icone-connexion-petit,
.icone-notification,
.icone-valider,
.icone-valider-bleu,
.icone-refuser,
.icone-supprimer,
.icone-horaires-jrn,
.icone-horaires-am,
.icone-horaires-pm,
.icone-attention,
.icone-petite-plus,
.icone-petite-generique,
.icone-petite-profil,
.icone-petite-connexion,
.icone-petite-deconnexion,
.icone-petite-calendrier,
.icone-petite-notification,
.icone-petite-calendrier-bot,
.icone-actualiser,
.icone-navigateur-chrome,
.icone-navigateur-firefox,
.icone-navigateur-edge,
.icone-navigateur-safari {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url('./images/site/sprite_25px.png');
}

.icone-voir-petit {
    background-position: -700px 0px;
}

.icone-reaction:hover .icone-voir-petit,
.icone-reaction.active .icone-voir-petit,
.icone-voir-petit.active,
.icone-voir-petit:hover {
    background-position: -700px -25px;
}

.icone-configurer-petit {
    background-position: -725px 0px;
}

.icone-reaction:hover .icone-configurer-petit,
.icone-reaction.active .icone-configurer-petit,
.icone-configurer-petit.active,
.icone-configurer-petit:hover {
    background-position: -725px -25px;
}

.icone-calendrier-configurer-petit {
    background-position: -575px 0px;
}

.icone-calendrier-configurer-petit:hover {
    background-position: -575px -25px;
}

.icone-calendrier-statistiques-petit {
    background-position: -625px 0px;
}

.icone-calendrier-statistiques-petit:hover {
    background-position: -625px -25px;
}

.icone-calendrier-chat-petit {
    background-position: -675px 0px;
}

.icone-calendrier-chat-petit:hover {
    background-position: -675px -25px;
}

.icone-calendrier-chat-petit.chat-maj-notifications {
    background-position: -500px 0px;
}

.icone-calendrier-voir-petit {
    background-position: -550px 0px;
}

.icone-calendrier-voir-petit:hover {
    background-position: -550px -25px;
}

.icone-calendrier-ajouter-petit {
    background-position: -600px 0px;
}

.icone-reaction:hover .icone-calendrier-ajouter-petit,
.icone-calendrier-ajouter-petit:hover {
    background-position: -600px -25px;
}

.icone-notification {
    background-position: -100px 0px;
}

.icone-notification:hover {
    background-position: -100px -25px;
}

.icone-valider {
    background-position: -50px 0px;
}

.icone-valider:hover,
.icone-valider.icone-active {
    background-position: -50px -25px;
}

.icone-valider.icone-gray {
    background-position: -50px 0px !important;
}

.icone-valider-bleu {
    background-position: -25px -25px;
}

.icone-refuser,
.icone-supprimer {
    background-position: -75px 0px;
}

.icone-refuser:hover,
.icone-supprimer:hover,
.icone-reaction:hover .icone-refuser,
.icone-reaction:hover .icone-supprimer,
.icone-refuser.icone-active,
.icone-supprimer.icone-active {
    background-position: -75px -25px;
}

.icone-refuser.icone-gray,
.icone-supprimer.icone-gray {
    background-position: -75px 0px;
}

.icone-informations {
    background-position: -125px 0px;
}

.icone-informations:hover {
    background-position: -125px -25px;
}

.icone-horaires-jrn {
    background-position: -200px 0px;
}

.icone-horaires-jrn:hover {
    background-position: -200px -25px;
}

.icone-horaires-am {
    background-position: -225px 0px;
}

.icone-horaires-am:hover {
    background-position: -225px -25px;
}

.icone-horaires-pm {
    background-position: -250px 0px;
}

.icone-horaires-pm:hover {
    background-position: -250px -25px;
}

.icone-attention {
    background-position: -975px 0px;
}

.icone-attention:hover,
.icone-attention.icone-active {
    background-position: -975px -25px;
}


.icone-index-petit {
    background-position: 0px 0px;
}

.icone-index-petit:hover,
.icone-index-petit.active,
.icone-reaction:hover .icone-index-petit,
.icone-reaction.active .icone-index-petit {
    background-position: 0px -25px;
}

.icone-profil-petit {
    background-position: -775px 0px;
}

.icone-profil-petit:hover,
.icone-profil-petit.active,
.icone-reaction:hover .icone-profil-petit,
.icone-reaction.active .icone-profil-petit {
    background-position: -775px -25px;
}

.icone-profil-statistiques-petit {
    background-position: -850px 0px;
}

.icone-profil-statistiques-petit:hover,
.icone-profil-statistiques-petit.active,
.icone-reaction:hover .icone-profil-statistiques-petit,
.icone-reaction.active .icone-profil-statistiques-petit {
    background-position: -850px -25px;
}

.icone-profil-configurer-petit {
    background-position: -875px 0px;
}

.icone-profil-configurer-petit:hover,
.icone-profil-configurer-petit.active,
.icone-reaction:hover .icone-profil-configurer-petit,
.icone-reaction.active .icone-profil-configurer-petit {
    background-position: -875px -25px;
}

.icone-profil-fichiers-petit {
    background-position: -925px 0px;
}

.icone-profil-fichiers-petit:hover,
.icone-profil-fichiers-petit.active,
.icone-reaction:hover .icone-profil-fichiers-petit,
.icone-reaction.active .icone-profil-fichiers-petit {
    background-position: -925px -25px;
}

.icone-inscription-petit {
    background-position: -900px 0px;
}

.icone-inscription-petit:hover,
.icone-inscription-petit.active,
.icone-reaction:hover .icone-inscription-petit,
.icone-reaction.active .icone-inscription-petit {
    background-position: -900px -25px;
}

.icone-connexion-petit {
    background-position: -825px 0px;
}

.icone-connexion-petit:hover,
.icone-connexion-petit.active,
.icone-reaction:hover .icone-connexion-petit,
.icone-reaction.active .icone-connexion-petit {
    background-position: -825px -25px;
}



.icone-petite-generique {
    background-position: -750px 0px;
}

.icone-petite-generique:hover,
.icone-petite-generique.active,
.icone-reaction:hover .icone-petite-generique,
.icone-reaction.active .icone-petite-generique {
    background-position: -750px -25px;
}

.icone-petite-profil {
    background-position: -775px 0px;
}

.icone-petite-profil:hover,
.icone-petite-profil.active,
.icone-reaction:hover .icone-petite-profil,
.icone-reaction.active .icone-petite-profil {
    background-position: -775px -25px;
}

.icone-petite-deconnexion {
    background-position: -800px 0px;
}

.icone-petite-deconnexion:hover,
.icone-petite-deconnexion.active,
.icone-reaction:hover .icone-petite-deconnexion,
.icone-reaction.active .icone-petite-deconnexion {
    background-position: -800px -25px;
}

.icone-petite-connexion {
    background-position: -825px 0px;
}

.icone-petite-connexion:hover,
.icone-petite-connexion.active,
.icone-reaction:hover .icone-petite-connexion,
.icone-reaction.active .icone-petite-connexion {
    background-position: -825px -25px;
}

.icone-petite-calendrier {
    background-position: -525px 0px;
}

.icone-petite-calendrier:hover,
.icone-petite-calendrier.active,
.icone-reaction:hover .icone-petite-calendrier,
.icone-reaction.active .icone-petite-calendrier {
    background-position: -525px -25px;
}

.icone-petite-plus {
    background-position: -100px 0px;
}

.icone-petite-plus:hover,
.icone-petite-plus.active,
.icone-reaction:hover .icone-petite-plus,
.icone-reaction.active .icone-petite-plus {
    background-position: -100px -25px;
}

.icone-petite-notification {
    background-position: -950px 0px;
}

.icone-petite-notification:hover,
.icone-petite-notification.active,
.icone-reaction:hover .icone-petite-notification,
.icone-reaction.active .icone-petite-notification {
    background-position: -950px -25px;
}

.icone-petite-calendrier-bot {
    background-position: -650px 0px;
}

.icone-petite-calendrier-bot:hover,
.icone-petite-calendrier-bot.active,
.icone-reaction:hover .icone-petite-calendrier-bot,
.icone-reaction.active .icone-petite-calendrier-bot {
    background-position: -650px -25px;
}

.icone-actualiser {
    background-position: -125px 0px;
}

.icone-actualiser:hover,
.icone-actualiser.active,
.icone-reaction:hover .icone-actualiser,
.icone-reaction.active .icone-actualiser {
    background-position: -125px -25px;
}

.icone-navigateur-chrome {
    background-position: -300px 0px;
}

.icone-navigateur-chrome:hover,
.icone-navigateur-chrome.active,
.icone-reaction:hover .icone-navigateur-chrome,
.icone-reaction.active .icone-navigateur-chrome {
    background-position: -300px -25px;
}

.icone-navigateur-firefox {
    background-position: -325px 0px;
}

.icone-navigateur-firefox:hover,
.icone-navigateur-firefox.active,
.icone-reaction:hover .icone-navigateur-firefox,
.icone-reaction.active .icone-navigateur-firefox {
    background-position: -325px -25px;
}

.icone-navigateur-edge {
    background-position: -350px 0px;
}

.icone-navigateur-edge:hover,
.icone-navigateur-edge.active,
.icone-reaction:hover .icone-navigateur-edge,
.icone-reaction.active .icone-navigateur-edge {
    background-position: -350px -25px;
}

.icone-navigateur-safari {
    background-position: -375px 0px;
}

.icone-navigateur-safari:hover,
.icone-navigateur-safari.active,
.icone-reaction:hover .icone-navigateur-safari,
.icone-reaction.active .icone-navigateur-safari {
    background-position: -375px -25px;
}


/* Icones 16*16px */
.icone-navigation-generique,
.icone-navigation-index,
.icone-navigation-inscription,
.icone-navigation-connexion,
.icone-navigation-oublimdp,
.icone-navigation-profil,
.icone-navigation-profil-statistiques,
.icone-navigation-profil-suppression,
.icone-navigation-profil-messagerie,
.icone-navigation-calendrier,
.icone-navigation-calendrier-statistiques,
.icone-navigation-calendrier-ajouter,
.icone-navigation-calendrier-configuration,
.icone-navigation-calendrier-chat,
.icone-navigation-calendriers,
.icone-navigation-profil-fichiers,
.icone-navigation-forum,
.icone-navigation-petitesannonces,
.icone-minuscule-supprimer,
.icone-minuscule-annuler,
.icone-minuscule-notifications,
.icone-minuscule-notifications-gauche,
.icone-minuscule-goto,
.icone-minuscule-ajouter,
.icone-minuscule-calendrier,
.icone-youtube-petite {
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url('./images/site/sprite_16px.png');
}

.icone-youtube-petite {
    background-position: -272px 0px;
}

.icone-youtube-petite:hover {
    background-position: -272px -16px;
}

.icone-navigation-generique {
    background-position: -192px 0px;
}

.icone-navigation-generique:hover,
.icone-navigation-generique.active,
.icone-reaction.active .icone-navigation-generique,
.icone-reaction:hover .icone-navigation-generique {
    background-position: -192px -16px;
}

.icone-navigation-index {
    background-position: -288px 0px;
}

.icone-navigation-index:hover,
.icone-navigation-index.active,
.icone-reaction.active .icone-navigation-index,
.icone-reaction:hover .icone-navigation-index {
    background-position: -288px -16px;
}

.icone-navigation-inscription {
    background-position: -336px 0px;
}

.icone-navigation-inscription:hover,
.icone-navigation-inscription.active,
.icone-reaction.active .icone-navigation-inscription,
.icone-reaction:hover .icone-navigation-inscription {
    background-position: -336px -16px;
}

.icone-navigation-connexion {
    background-position: -304px 0px;
}

.icone-navigation-connexion:hover,
.icone-navigation-connexion.active,
.icone-reaction.active .icone-navigation-connexion,
.icone-reaction:hover .icone-navigation-connexion {
    background-position: -304px -16px;
}

.icone-navigation-oublimdp {
    background-position: -320px 0px;
}

.icone-navigation-oublimdp:hover,
.icone-navigation-oublimdp.active,
.icone-reaction.active .icone-navigation-oublimdp,
.icone-reaction:hover .icone-navigation-oublimdp {
    background-position: -320px -16px;
}

.icone-navigation-profil {
    background-position: -352px 0px;
}

.icone-navigation-profil:hover,
.icone-navigation-profil.active,
.icone-reaction.active .icone-navigation-profil,
.icone-reaction:hover .icone-navigation-profil {
    background-position: -352px -16px;
}

.icone-navigation-profil-suppression {
    background-position: -368px 0px;
}

.icone-navigation-profil-suppression:hover,
.icone-navigation-profil-suppression.active,
.icone-reaction.active .icone-navigation-profil-suppression,
.icone-reaction:hover .icone-navigation-profil-suppression {
    background-position: -368px -16px;
}

.icone-navigation-profil-statistiques {
    background-position: -384px 0px;
}

.icone-navigation-profil-statistiques:hover,
.icone-navigation-profil-statistiques.active,
.icone-reaction.active .icone-navigation-profil-statistiques,
.icone-reaction:hover .icone-navigation-profil-statistiques {
    background-position: -384px -16px;
}

.icone-navigation-profil-messagerie {
    background-position: -512px 0px;
}

.icone-navigation-profil-messagerie:hover,
.icone-navigation-profil-messagerie.active,
.icone-reaction.active .icone-navigation-profil-messagerie,
.icone-reaction:hover .icone-navigation-profil-messagerie {
    background-position: -512px -16px;
}

.icone-navigation-calendriers {
    background-position: -528px 0px;
}

.icone-navigation-calendriers:hover,
.icone-navigation-calendriers.active,
.icone-reaction.active .icone-navigation-calendriers,
.icone-reaction:hover .icone-navigation-calendriers {
    background-position: -528px -16px;
}

.icone-navigation-forum {
    background-position: -544px 0px;
}

.icone-navigation-forum:hover,
.icone-navigation-forum.active,
.icone-reaction.active .icone-navigation-forum,
.icone-reaction:hover .icone-navigation-forum {
    background-position: -544px -16px;
}

.icone-navigation-petitesannonces {
    background-position: -560px 0px;
}

.icone-navigation-petitesannonces:hover,
.icone-navigation-petitesannonces.active,
.icone-reaction.active .icone-navigation-petitesannonces,
.icone-reaction:hover .icone-navigation-petitesannonces {
    background-position: -560px -16px;
}

.icone-navigation-calendrier {
    background-position: -400px 0px;
}

.icone-navigation-calendrier:hover,
.icone-navigation-calendrier.active,
.icone-reaction.active .icone-navigation-calendrier,
.icone-reaction:hover .icone-navigation-calendrier {
    background-position: -400px -16px;
}

.icone-navigation-calendrier-statistiques {
    background-position: -416px 0px;
}

.icone-navigation-calendrier-statistiques:hover,
.icone-navigation-calendrier-statistiques.active,
.icone-reaction.active .icone-navigation-calendrier-statistiques,
.icone-reaction:hover .icone-navigation-calendrier-statistiques {
    background-position: -416px -16px;
}

.icone-navigation-calendrier-ajouter {
    background-position: -432px 0px;
}

.icone-navigation-calendrier-ajouter:hover,
.icone-navigation-calendrier-ajouter.active,
.icone-reaction.active .icone-navigation-calendrier-ajouter,
.icone-reaction:hover .icone-navigation-calendrier-ajouter {
    background-position: -432px -16px;
}

.icone-navigation-calendrier-configuration {
    background-position: -448px 0px;
}

.icone-navigation-calendrier-configuration:hover,
.icone-navigation-calendrier-configuration.active,
.icone-reaction.active .icone-navigation-calendrier-configuration,
.icone-reaction:hover .icone-navigation-calendrier-configuration {
    background-position: -448px -16px;
}

.icone-navigation-calendrier-chat {
    background-position: -480px 0px;
}

.icone-navigation-calendrier-chat:hover,
.icone-navigation-calendrier-chat.active,
.icone-reaction.active .icone-navigation-calendrier-chat,
.icone-reaction:hover .icone-navigation-calendrier-chat {
    background-position: -480px -16px;
}

.icone-navigation-calendrier-chat.chat-maj-notifications {
    background-position: -496px 0px;
}


.icone-navigation-profil-fichiers {
    background-position: -464px 0px;
}

.icone-navigation-profil-fichiers:hover,
.icone-navigation-profil-fichiers.active,
.icone-reaction.active .icone-navigation-profil-fichiers,
.icone-reaction:hover .icone-navigation-profil-fichiers {
    background-position: -464px -16px;
}

.icone-minuscule-notifications {
    background-position: -96px 0px;
}

.icone-minuscule-notifications:hover,
.icone-minuscule-notifications.active,
.icone-reaction.active .icone-minuscule-notifications,
.icone-reaction:hover .icone-minuscule-notifications {
    background-position: -96px -16px;
}

.icone-minuscule-notifications-gauche {
    background-position: -128px 0px;
}

.icone-minuscule-notifications-gauche:hover,
.icone-minuscule-notifications-gauche.active,
.icone-reaction.active .icone-minuscule-notifications-gauche,
.icone-reaction:hover .icone-minuscule-notifications-gauche {
    background-position: -128px -16px;
}

.icone-minuscule-goto {
    vertical-align: middle;
    background-position: -160px 0px;
}

.icone-minuscule-goto:hover,
.icone-minuscule-goto.active,
.icone-reaction.active .icone-minuscule-goto,
.icone-reaction:hover .icone-minuscule-goto {
    background-position: -160px -16px;
}

.icone-minuscule-ajouter {
    background-position: -112px 0px;
}

.icone-minuscule-ajouter:hover,
.icone-minuscule-ajouter.active,
.icone-reaction.active .icone-minuscule-ajouter,
.icone-reaction:hover .icone-minuscule-ajouter {
    background-position: -112px -16px;
}

.icone-minuscule-supprimer,
.icone-minuscule-annuler {
    background-position: -48px 0px;
}

.icone-minuscule-supprimer:hover,
.icone-minuscule-annuler:hover,
.icone-minuscule-supprimer.active,
.icone-minuscule-annuler.active,
.icone-reaction.active .icone-minuscule-supprimer,
.icone-reaction.active .icone-minuscule-annuler,
.icone-reaction:hover .icone-minuscule-supprimer,
.icone-reaction:hover .icone-minuscule-annuler {
    background-position: -48px -16px;
}

.icone-minuscule-calendrier {
    background-position: -400px 0px;
}

.icone-minuscule-calendrier:hover,
.icone-minuscule-calendrier.active,
.icone-reaction.active .icone-minuscule-calendrier,
.icone-reaction:hover .icone-minuscule-calendrier {
    background-position: -400px -16px;
}



.icone-profil-20px,
.icone-connexion-20px,
.icone-deconnexion-20px,
.icone-inscription-20px,
.icone-oublimdp-20px,
.icone-profil-statistiques-20px,
.icone-profil-fichiers-20px,
.icone-profil-mp-20px,
.icone-calendriers-20px,
.icone-calendrier-20px,
.icone-calendrier-configuration-20px,
.icone-calendrier-statistiques-20px,
.icone-calendrier-chat-20px,
.icone-calendrier-chat-actif-20px,
.icone-calendrier-creer-20px,
.icone-calendrier-personnel-20px,
.icone-generique-20px,
.icone-forum-20px,
.icone-petitesannonces-20px,
.icone-index-20px {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('./images/site/sprite_20px.png');
}

.icone-profil-20px {
    background-position: 0px 0px;
}

.icone-profil-20px:hover,
.icone-profil-20px.active,
.icone-reaction:hover .icone-profil-20px,
.icone-reaction.active .icone-profil-20px {
    background-position: 0px -20px;
}

.icone-connexion-20px {
    background-position: -20px 0px;
}

.icone-connexion-20px:hover,
.icone-connexion-20px.active,
.icone-reaction:hover .icone-connexion-20px,
.icone-reaction.active .icone-connexion-20px {
    background-position: -20px -20px;
}

.icone-deconnexion-20px {
    background-position: -40px 0px;
}

.icone-deconnexion-20px:hover,
.icone-deconnexion-20px.active,
.icone-reaction:hover .icone-deconnexion-20px,
.icone-reaction.active .icone-deconnexion-20px {
    background-position: -40px -20px;
}

.icone-inscription-20px {
    background-position: -60px 0px;
}

.icone-inscription-20px:hover,
.icone-inscription-20px.active,
.icone-reaction:hover .icone-inscription-20px,
.icone-reaction.active .icone-inscription-20px {
    background-position: -60px -20px;
}

.icone-oublimdp-20px {
    background-position: -80px 0px;
}

.icone-oublimdp-20px:hover,
.icone-oublimdp-20px.active,
.icone-reaction:hover .icone-oublimdp-20px,
.icone-reaction.active .icone-oublimdp-20px {
    background-position: -80px -20px;
}

.icone-profil-statistiques-20px {
    background-position: -100px 0px;
}

.icone-profil-statistiques-20px:hover,
.icone-profil-statistiques-20px.active,
.icone-reaction:hover .icone-profil-statistiques-20px,
.icone-reaction.active .icone-profil-statistiques-20px {
    background-position: -100px -20px;
}

.icone-profil-fichiers-20px {
    background-position: -120px 0px;
}

.icone-profil-fichiers-20px:hover,
.icone-profil-fichiers-20px.active,
.icone-reaction:hover .icone-profil-fichiers-20px,
.icone-reaction.active .icone-profil-fichiers-20px {
    background-position: -120px -20px;
}

.icone-profil-mp-20px {
    background-position: -140px 0px;
}

.icone-profil-mp-20px:hover,
.icone-profil-mp-20px.active,
.icone-reaction:hover .icone-profil-mp-20px,
.icone-reaction.active .icone-profil-mp-20px {
    background-position: -140px -20px;
}

.icone-calendriers-20px {
    background-position: -160px 0px;
}

.icone-calendriers-20px:hover,
.icone-calendriers-20px.active,
.icone-reaction:hover .icone-calendriers-20px,
.icone-reaction.active .icone-calendriers-20px {
    background-position: -160px -20px;
}

.icone-calendrier-20px {
    background-position: -180px 0px;
}

.icone-calendrier-20px:hover,
.icone-calendrier-20px.active,
.icone-reaction:hover .icone-calendrier-20px,
.icone-reaction.active .icone-calendrier-20px {
    background-position: -180px -20px;
}

.icone-calendrier-configuration-20px {
    background-position: -200px 0px;
}

.icone-calendrier-configuration-20px:hover,
.icone-calendrier-configuration-20px.active,
.icone-reaction:hover .icone-calendrier-configuration-20px,
.icone-reaction.active .icone-calendrier-configuration-20px {
    background-position: -200px -20px;
}

.icone-calendrier-statistiques-20px {
    background-position: -220px 0px;
}

.icone-calendrier-statistiques-20px:hover,
.icone-calendrier-statistiques-20px.active,
.icone-reaction:hover .icone-calendrier-statistiques-20px,
.icone-reaction.active .icone-calendrier-statistiques-20px {
    background-position: -220px -20px;
}

.icone-calendrier-chat-20px {
    background-position: -240px 0px;
}

.icone-calendrier-chat-20px:hover,
.icone-calendrier-chat-20px.active,
.icone-reaction:hover .icone-calendrier-chat-20px,
.icone-reaction.active .icone-calendrier-chat-20px {
    background-position: -240px -20px;
}

.icone-calendrier-chat-actif-20px {
    background-position: -260px 0px;
}

.icone-calendrier-chat-actif-20px:hover,
.icone-calendrier-chat-actif-20px.active,
.icone-reaction:hover .icone-calendrier-chat-actif-20px,
.icone-reaction.active .icone-calendrier-chat-actif-20px {
    background-position: -260px -20px;
}

.icone-calendrier-creer-20px {
    background-position: -280px 0px;
}

.icone-calendrier-creer-20px:hover,
.icone-calendrier-creer-20px.active,
.icone-reaction:hover .icone-calendrier-creer-20px,
.icone-reaction.active .icone-calendrier-creer-20px {
    background-position: -280px -20px;
}

.icone-calendrier-personnel-20px {
    background-position: -300px 0px;
}

.icone-calendrier-personnel-20px:hover,
.icone-calendrier-personnel-20px.active,
.icone-reaction:hover .icone-calendrier-personnel-20px,
.icone-reaction.active .icone-calendrier-personnel-20px {
    background-position: -300px -20px;
}

.icone-generique-20px {
    background-position: -320px 0px;
}

.icone-generique-20px:hover,
.icone-generique-20px.active,
.icone-reaction:hover .icone-generique-20px,
.icone-reaction.active .icone-generique-20px {
    background-position: -320px -20px;
}

.icone-index-20px {
    background-position: -340px 0px;
}

.icone-index-20px:hover,
.icone-index-20px.active,
.icone-reaction:hover .icone-index-20px,
.icone-reaction.active .icone-index-20px {
    background-position: -340px -20px;
}

.icone-forum-20px {
    background-position: -360px 0px;
}

.icone-forum-20px:hover,
.icone-forum-20px.active,
.icone-reaction:hover .icone-forum-20px,
.icone-reaction.active .icone-forum-20px {
    background-position: -360px -20px;
}

.icone-petitesannonces-20px {
    background-position: -380px 0px;
}

.icone-petitesannonces-20px:hover,
.icone-forum-20px.active,
.icone-reaction:hover .icone-petitesannonces-20px,
.icone-reaction.active .icone-petitesannonces-20px {
    background-position: -380px -20px;
}



.icone-rs {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url('./images/site/sprite_rs20x20.png');
    background-repeat: no-repeat;
}

.icone-rs.icone-fb {
    background-position: 0px 0px;
}

.icone-reaction:hover .icone-rs.icone-fb,
.icone-rs.icone-fb:hover {
    background-position: -20px 0px;
}

.icone-rs.icone-tt {
    background-position: 0px -20px;
}

.icone-reaction:hover .icone-rs.icone-tt,
.icone-rs.icone-tt:hover {
    background-position: -20px -20px;
}

.icone-rs.icone-wa {
    background-position: 0px -40px;
}

.icone-reaction:hover .icone-rs.icone-wa,
.icone-rs.icone-wa:hover {
    background-position: -20px -40px;
}

.icone-rs.icone-li {
    background-position: 0px -60px;
}

.icone-reaction:hover .icone-rs.icone-li,
.icone-rs.icone-li:hover {
    background-position: -20px -60px;
}

.icone-rs.icone-insta {
    background-position: 0px -80px;
}

.icone-reaction:hover .icone-rs.icone-insta,
.icone-rs.icone-insta:hover {
    background-position: -20px -80px;
}


.lien-rs-share {
    font-size: 0.95em;
}

.lien-rs-share:hover {
    color: #ab3b3d;
}


/*  ****************************
	Header
		-> structure du header du site
 **************************** */

#banniere-generale {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2em;
}

#banniere-generale #banniere-generale-logo {}

#banniere-generale #banniere-generale-titre {
    font-size: x-large;
    text-align: center;
}


#header-conteneur {}

#header-conteneur #header-banniere {}

#header-conteneur #header-icones_avatar_menu {}


#menu {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: var(--zi-lvl-2);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(250, 250, 250, 0.7);
}

#menu-contenu {
    background-color: white;
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
}

#menu-fermer-div {
    text-align: right;
    padding: 2px;
    width: 100%;
    height: 45px;
    min-height: 45px;
}

@media (max-width: 992px) {
    #menu-fermer-div {
        height: 35px;
        min-height: 35px;
    }
}

#menu-fermer-lien {
    height: 100%;
}

#menu-fermer-lien:hover {
    background-color: var(--c-redclaire);
}

#menu-menu {
    overflow: auto;
    width: 100%;
    width: 100%;
    background-image: url(./images/site/dots_footer.png);
    background-repeat: no-repeat;
    background-position: 5% bottom;
    /* background-color: var(--c-red); */
}

	#menu-menu:not(.mode-t-p) #menu-menu-t-p,
	#menu-menu.mode-t-p #menu-menu-classic {
		display: none;
	}

.menu-categorie {
    padding: 0.5em;
}

.menu-categorie-content {
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--c-beigeclaire);
    border: 2px solid var(--c-bluedark);
    box-shadow: 0px 5px 10px #00000029;
}

.menu-categorie-titre {
    text-transform: uppercase;
    background: var(--c-bluedark);
    color: var(--c-white);
    padding: 0.5em;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
    font-weight: bold;
}

.menu-categorie-titre a {
    color: var(--c-white);
}

.menu-categorie-contenu {}

.menu-lien {
    padding: 7px 6px;
    font-size: 0.95em;
    position: relative;
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
}

.menu-lien:not(.wnw) {
    display: block;
}

.menu-lien-icn {
    color: var(--c-gray);
    width: 30px;
    padding-right: 5px;
}

.menu-lien.menu-lien-blog {
    padding: 0px;
    margin: 3px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.menu-lien-blog .menu-lien-blog-titre {
    padding: 8px 3px;
    background-color: rgba(250, 250, 250, 0.9);
}

.menu-lien2 {
    color: black;
    padding: 3px 2px;
    font-size: 0.8em;
    opacity: 0.6;
}

.menu-lien2:hover,
.menu-lien:hover {
    opacity: 1;
    color: #ab3b3d;
    background-color: #fbfbfb;
}

.menu-lien2:hover .menu-lien-icn,
.menu-lien:hover .menu-lien-icn {
    color: var(--c-bluedark);
}

.menu-lien.active {
    color: #ab3b3d;
    font-weight: bold;
    background-color: #fbfbfb;
}

.menu-lien-calendrier-div {
    margin: 0.7em;
    position: relative;
    border: 1px solid var(--c-redpale);
    border-radius: 15px;
    overflow: hidden;
}

.menu-lien-calendrier-div-titre {
    display: block;
    padding: 0.25em;
    background-color: var(--c-redpale);
    color: white;
    text-align: center;
    font-weight: bold;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.menu-lien-calendrier-div-invite {
    padding: 0.25em;
    font-style: italic;
    font-size: 0.9em;
}

.menu-lien-calendrier-div.menu-lien-cal-noacces {
    font-size: 0.9em;
}

.menu-lien-calendrier-div.menu-lien-cal-noacces .menu-lien-calendrier-div-titre {
    background-color: var(--c-redclaire);
}

.menu-lien-trans-div {
    margin: 5px 0;
}

.menu-lien-trans-div .menu-lien {
    border-left: 3px solid lightgray;
    margin-bottom: 1px;
    padding-left: 5px;
    position: relative;
}

.menu-lien-trans-div .menu-sous-lien {
    margin-left: 1em;
    font-size: 0.95em;
}

.menu-lien-calendrier-div.rqt-refusee {
    font-size: 0.9em;
    opacity: 0.7;
}


.menu-lien-mini {
    padding: 1px 6px;
    font-size: 0.9em;
    margin: 0.15em;
    border: 1px solid var(--c-redclaire);
    border-radius: 50px;
    background-color: var(--c-white);
    min-height: 30px;
}

.menu-lien-mini:hover,
.menu-lien-mini:focus .menu-lien-mini:active {
    color: #ab3b3d;
    background-color: rgba(200, 200, 200, 0.2);
}

.menu-lien-mini.active {
    color: #ab3b3d;
    font-weight: bold;
    background-color: #fbfbfb;
}

.icone-menu-notif {
    font-size: 16px !important;
    color: var(--c-white);
    background-color: red;
    border-radius: 100%;
    padding: 1px;
    text-align: center;
}

.menu-lien-calendrier-div-configindiv {
    height: 42px;
    padding-bottom: 2px;
}

.menu-lien-calendrier-div-configindiv-item {
    margin-left: 10px;
}

.menu-lien-calendrier-div-configindiv-item>a {
    border: 1px dashed var(--c-redclaire);
    color: var(--c-redpale);
    width: 40px;
    height: 40px;
    border-radius: 10px;
}

.menu-lien-calendrier-div-configindiv-item>a:hover {
    background: var(--c-white);
}



.onApp #menu #menu-menu {
    padding-bottom: 50px;
}

.onApp #center-pannel-contenu {
    padding-top: 0 !important;
}

#menu.openedFromBottom #menu-fermer-div {
    display: none;
}


/*  ****************************
	Footer
		-> structure du footer du site
 **************************** */
#footer {
    padding-top: 45px;
    background: var(--c-white);
    position: relative;
}

#footer-contenu {
    /* background-image: url('./images/site/dots_footer.png'); */
    background-repeat: no-repeat;
    background-position: 10% center;
    background-color: var(--c-red);
    color: white;
    min-height: 250px;
    padding-top: 2em;
    padding-bottom: 2em;
}

html.modeVitrine #footer {
    background: transparent;
}

html.modeVitrine #footer-contenu {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

html.hasChat:not(.onApp) #footer-contenu {
    min-height: 490px;
}

#footer-kwrds {
    padding: 3em 1em;
    font-size: 0.75em;
    text-shadow: 0 0 1px black;
    text-align: justify;
}

#footer-keywords-hashtags {
    padding-top: 1em;
    font-style: italic;
}

#footer-dot {
    position: absolute;
    background-color: var(--c-beige);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    top: 5px;
    right: 20px;
}

#footer-networks {
    padding-bottom: 1em;
}

#footer-copyright {
    text-align: center;
    border-top: 1px solid var(--c-white);
    padding-top: 2em;
    margin-top: 1em;
    font-size: 0.8em;
    color: var(--c-redclaire);
}

a.footer-lien-copyright {
    color: var(--c-beige);
}

a.footer-lien-copyright:hover {
    color: var(--c-redpale);
}


#footer-liensrapides {
    padding: 1em;
    font-size: 0.9em;
}

#footer-liensrapides-titre {
    font-family: var(--ff-graphie);
    text-transform: uppercase;
}

#footer-liensrapides-liens {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media (max-width: 320px) {
    #footer-liensrapides-liens {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.footer-liensrapides-liens-lien {
    font-family: var(--ff-play);
    color: var(--c-white) !important;
    padding: 5px 3px;
}

.footer-liensrapides-liens-lien:hover {
    color: var(--c-beige) !important;
    background-color: var(--c-beige-01);
}

.footer-liensrapides-liens-lien-icn {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    color: var(--c-beige);
}

.footer-liensrapides-liens-lien:hover .footer-liensrapides-liens-lien-icn {
    color: var(--c-white);
}

.footer-liensrapides-liens-lien-link {
    max-width: calc(100% - 26px);
}

.footer-liensrapides-liens-lien-link>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*  ****************************
	Overlays
		-> structure des différents overlays du site
 **************************** */
#overlay-chargement {
    display: inline-block;
    position: fixed;
    z-index: var(--zi-lvl-max);
    width: 42px;
    height: 42px;
    bottom: 8px;
    right: 8px;
    background: url('images/site/loading.gif') no-repeat center center;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px 2px rgba(113, 0, 112, 0.7);
    border-radius: 6px;
}

#overlay-chargement.reussite {
    background: url('images/site/sprite_50px.png') no-repeat center center;
    background-position: -954px -4px;
    box-shadow: 0 0 3px 2px rgba(3, 113, 0, 0.7);
}

#overlay-chargement.echec {
    background: url('images/site/sprite_50px.png') no-repeat center center;
    background-position: -954px -54px;
    box-shadow: 0 0 3px 2px rgba(159, 0, 0, 0.7);
}

#overlay-dialog {}

#formulaire-overlay-genere {
    text-align: center;
}

#formulaire-overlay-genere select {
    margin: 0.2em;
}

#formulaire-overlay-genere #formulaire-overlay-genere-msginfos {
    display: none;
    color: red;
    font-size: 0.9em;
}



/*  ****************************
	Banque fichiers / uploads fichiers
		-> structure de gestion des fichiers
 **************************** */
#fichiers-attaches {}

.fichiers-conteneur-titre {
    text-align: center;
    font-weight: bold;
}

#fichiers-attaches #fichiers-attaches--div-attacher,
#fichiers-attaches #fichiers-attaches--div-ajouter-nouveau {
    display: none;
}

#fichiers-attaches .fichiers-attaches--liste-aucun {
    font-style: italic;
    color: darkred;
}

#fichiers-attaches #fichiers-attaches--liste {}


#fichiers-attaches #fichiers-attaches--ajouter {
    margin-top: 0.5em;
    padding: 0.25em;
    padding-left: 0.5em;
    box-shadow: 0 0 3px lightgray;
    background-color: rgba(150, 150, 150, 0.1);
    border-left: 2px solid lightblue;
    border-radius: 2px;
}

#fichiers-attaches #fichiers-attaches--ajouter #fichiers-attaches--lien-attacher {
    display: block;
    font-weight: bold;
    color: darkgrey;
}

#fichiers-attaches #fichiers-attaches--ajouter #fichiers-attaches--lien-attacher:hover {
    color: black;
}

#fichiers-attaches #fichiers-attaches--ajouter #fichiers-attaches--div-attacher {
    margin-top: 0.5em;
}

#fichiers-attaches #fichiers-attaches--ajouter #fichiers-attaches--div-attacher #fichiers-attaches--liste-attacher {}

#fichiers-attaches #fichiers-attaches--ajouter #fichiers-attaches--div-attacher #fichiers-attaches--lien-ajouter-nouveau {
    display: block;
    text-align: right;
    margin: 0.25em;
    color: darkgrey;
    font-weight: bold;
}

#fichiers-attaches #fichiers-attaches--ajouter #fichiers-attaches--div-attacher #fichiers-attaches--lien-ajouter-nouveau:hover {
    color: black;
}


/* Upload de fichier : formulaire / overlay */
#upload-fichier-div-conteneur {
    position: fixed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999;
    width: 98%;
    height: 98%;
    box-shadow: 0 0 10px lightgray;
    border-radius: 10px;
    left: 1%;
    top: 1%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.95);
    text-align: center;
    overflow-y: auto;
}

#upload-fichier-div-options {
    text-align: right;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

#upload-fichier-div-options .upload-fichier-lien {
    display: inline-flex;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 0;
    color: white;
    font-weight: bold;
}

#upload-fichier-div-options #upload-fichier-lien-banque {
    background: rgba(0, 150, 0, 1);
}

#upload-fichier-div-options #upload-fichier-lien-banque:hover {
    background: rgba(0, 170, 0, 1);
}

#upload-fichier-div-options #upload-fichier-lien-ajout {
    background: rgba(0, 0, 150, 1);
}

#upload-fichier-div-options #upload-fichier-lien-ajout:hover {
    background: rgba(0, 0, 200, 1);
}

#upload-fichier-div-options #upload-fichier-lien-banque {
    background: rgba(0, 150, 0, 1);
}

#upload-fichier-div-options #upload-fichier-lien-banque:hover {
    background: rgba(0, 170, 0, 1);
}

#upload-fichier-div-options #upload-fichier-lien-fermer {
    background: rgba(150, 0, 0, 1);
    border-bottom-right-radius: 0px;
    margin-left: 1em;
}

#upload-fichier-div-options #upload-fichier-lien-fermer:hover {
    background: rgba(170, 0, 0, 1);
}


#upload-fichier-div-contenu {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    width: 95%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#banque-fichiers-conteneur-general,
#formulaire_upload_fichier {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px rgba(150, 0, 150, 0.2);
    border-radius: 10px;
    padding: 1em;
}

#formulaire_upload_fichier .formulaire_upload_fichier_titre {
    font-weight: bold;
    background-color: rgba(150, 150, 150, 0.2);
    margin: -1em;
    margin-bottom: 1em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0.5em;
}

#formulaire_upload_fichier .formulaire_upload_fichier_table {}

#formulaire_upload_fichier .formulaire_upload_fichier_table .element-td {
    padding: 0.25em;
    text-align: left;
}

#formulaire_upload_fichier .formulaire_upload_fichier_table .element-td input[type="text"] {
    width: 95%;
}

#formulaire_upload_fichier #formulaire_upload_fichier_msg {
    margin-top: 1em;
}

#formulaire_upload_fichier .formulaire_upload_fichier_elementsacceptes {
    font-size: small;
    font-style: italic;
    color: gray;
}

.upload_fichier_selectionne {
    font-style: italic;
    color: red;
}

.calendrier-periode-gestion-fichiers-attaches {
    font-size: 0.8em;
    margin-top: 0.5em;
    padding: 0.5em;
    border-top: 1px dashed lightgray;
}

/* Titre - banque-fichiers-titre */
.banque-fichiers-titre {
    font-weight: bold;
    background-color: rgba(150, 150, 150, 0.2);
    margin: -1em;
    margin-bottom: 1em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0.5em;
}

/* Conteneur - banque-fichiers-conteneur */
.banque-fichiers-conteneur {}

/* Contenu - banque-fichiers-contenu */
.banque-fichiers-conteneur .banque-fichiers-contenu {}

/* Item - banque-fichiers-item */
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    min-height: 150px;
    margin: 8px;
    padding: 3px;
    box-shadow: 0 0 3px gray;
    background-color: rgba(100, 100, 100, 0.2);
    border-radius: 3px;
    overflow: hidden;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item:hover {
    box-shadow: 0 0 3px black;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-image {
    background-color: rgba(100, 0, 100, 0.05);
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-pdf {
    background-color: rgba(0, 100, 100, 0.05);
}

/* Item : titre - banque-fichiers-item-titre */
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-item-titre {
    display: block;
    font-weight: bold;
    min-height: 90px;
    max-height: 130px;
    vertical-align: middle;
    padding: 2px;
    overflow: hidden;
}

/* Item : date - banque-fichiers-item-date */
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-item-date {
    font-size: small;
    color: gray;
    height: 30px;
}

/* Item : options - banque-fichiers-options */
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options {
    color: gray;
    height: 30px;
    border-top: 1px solid lightgray;
    margin: -3px;
    padding: 3px;
    padding-top: 0;
}

/* Item : options section - banque-fichiers-options-section */
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    padding-top: 2.5px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-type {
    text-align: left;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-attachements {
    border-left: 1px solid lightgray;
    margin: -3px;
    padding: 3px;
    padding-top: 2.5px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-edition,
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-suppression {
    opacity: 0;
    transition: opacity 0.5s linear;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item:hover .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-edition,
.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item:hover .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-suppression {
    opacity: 1;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-image: url('./images/site/sprite_25px.png');
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-image .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    background-position: -425px 0px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-image:hover .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    background-position: -425px -25px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-pdf .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    background-position: -400px 0px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-pdf:hover .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    background-position: -400px -25px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-odt .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    background-position: -450px 0px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item.banque-fichiers-item-type-odt:hover .banque-fichiers-options .banque-fichiers-options-section .icone-fichier {
    background-position: -450px -25px;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-attachements {
    color: #5b5b5b;
}

.banque-fichiers-conteneur .banque-fichiers-contenu .banque-fichiers-item .banque-fichiers-options .banque-fichiers-options-section.banque-fichiers-options-section-attachements.banque-fichiers-item-attachements-0 {
    color: gray;
    opacity: 0.5;
}



/* ****************************
	Global
		-> styles globaux du site, utilisés sur plusieurs pages
 **************************** */

.msg-reussite {
    color: #009933;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.msg-erreur,
.msg-echec {
    color: #cc0000;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}


/* Bloc d'aperçu des couleurs - global-form--dates_couleur-couleurs */
.global-dates_couleur-couleurs {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
}

/* Partie du bloc d'aperçu des couleurs - global-form--dates_couleur-couleur */
.global-dates_couleur-couleurs .global-dates_couleur-couleur {
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    width: 30px;
    border: 1px solid gray;
    background-color: rgba(150, 150, 150, 0.2);
}


/* Cadre (généralités, individus...) - global-cadre */
.global-cadre {}

/* Mise en forme du cadre - global-cadre-div */
.global-cadre .global-cadre-div {
    border-radius: 5px;
    margin: 1em;
    margin-left: 0;
    padding: 0.5em;
    background-color: #f3f3f3;
}

.global-cadre:nth-child(even) .global-cadre-div {
    background-color: #eaedf0;
    margin: 1em;
    margin-right: 0;
}

.global-cadre .global-cadre-div:hover {
    box-shadow: 0 0 4px lightgray;
}

/* Titre du cadre - global-cadre-barre-titre */
.global-cadre-div .global-cadre-barre-titre {}

/* Titre du cadre - global-cadre-barre-titre */
.global-cadre-div .global-cadre-barre-titre a {
    display: block;
    text-align: center;
    margin: -0.5em;
    padding: 0.75em;
    color: #5b5b5b;
}

/* Titre (texte) du cadre - global-cadre-titre */
.global-cadre-div .global-cadre-barre-titre .global-cadre-titre {
    vertical-align: middle;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
}

/* Btn d'interaction dans la barre de titre - global-cadre-interactionbtn */
.global-cadre-div .global-cadre-barre-titre .global-cadre-interactionbtn {
    vertical-align: top;
    text-align: right;
}


/* Contenu du cadre (hors titre) - global-cadre-contenu */
.global-cadre-div .global-cadre-contenu {}

/* Sections du cadre (global, options, etc) - global-cadre-section */
.global-cadre-div .global-cadre-contenu .global-cadre-section {
    padding: 0.25em;
}

/* Mise en forme des sections du cadre - global-cadre-section-contenu */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu {
    display: block;
    padding: 0.5em;
    border-radius: 2px;
    margin-bottom: 1.5em;
    box-shadow: 0 0 2px rgba(150, 150, 150, 0.5);
}

.global-cadre:nth-child(even) .global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu {}

/* Titre des sections - section-titre */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-titre {
    margin-bottom: 0.75em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

/* Légende des sections - .section-legende */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-legende {
    font-size: 0.95em;
    color: #474747;
    margin-bottom: 1em;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 2px solid lightgray;
}

.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-legende p {
    text-indent: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-legende .section-legende-obligatoire {
    font-style: italic;
    color: #9d0000;
    font-size: 0.9em;
}

/* Contenu des sections - section-contenu */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu {}

/* Contenu des sections (partie form) - global-form */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu.global-form {}

/* (partie form) Lignes - global-form-grille */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu.global-form .global-form-grille {
    margin-bottom: 1em;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu.global-form .global-form-grille .grille {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* (partie form) Colonnes - global-form-col */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col {
    vertical-align: middle;
}

/* Select et input - input / select */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col select,
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col input[type="text"],
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col input[type="email"],
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col input[type="password"],
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col input[type="number"] {
    width: 100%;
}

/* Colonne des valeurs - global-form-col-valeur */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col.global-form-col-valeur {
    text-align: center;
}

/* Colonne des infos - global-form-col-infos */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col.global-form-col-infos {
    text-align: center;
}

/* Btn d'infos - global-btn-infos */
.global-btn-infos {
    display: inline-block;
    vertical-align: middle;
    font-size: small;
    font-weight: bold;
    color: white;
    border-radius: 5px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 0 3px gray;
    background: lightblue;
    margin-left: 2px;
    cursor: help;
}

.global-btn-infos:hover {
    box-shadow: 0 0 3px gray, 0 0 3px gray inset;
}

/* Txt d'infos - global-infos */
.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .section-contenu .global-form-col.global-form-col-infos .global-infos,
.global-infos-cachees {
    display: none;
}

.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .global-form-section-submit {
    text-align: center;
    margin-bottom: 0;
}


.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .global-form-section-submit-reponse {
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: bold;
}

.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .global-form-section-submit-reponse .global-form-section-submit-infos-reussite {
    color: green;
}

.global-cadre-div .global-cadre-contenu .global-cadre-section .global-cadre-section-contenu .global-form-section-submit-reponse .global-form-section-submit-infos-echec {
    color: red;
}


/* Fichiers attachés et autres */
/* Liste de fichiers - global-fichiers-liste */
.global-fichiers-liste {
    max-height: 10em;
    overflow-y: auto;
}

/* item de liste - global-fichiers-liste--item */
.global-fichiers-liste .global-fichiers-liste--item {
    display: table;
    width: 100%;
    background-color: rgba(150, 150, 150, 0.1);
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(10, 15, 150, 0.2);
    margin-bottom: 0.5em;
    padding: 0.25em;
    padding-left: 2px;
}

/* ITEM : déjà attaché */
.global-fichiers-liste .global-fichiers-liste--item.global-fichiers-liste--item--deja-attache {
    opacity: 0.5;
    font-size: small;
}

.global-fichiers-liste .global-fichiers-liste--item.global-fichiers-liste--item--deja-attache .fichiers-liste--item--attacher,
.global-fichiers-liste .global-fichiers-liste--item.global-fichiers-liste--item--deja-attache .fichiers-liste--item--detacher {
    visibility: hidden;
}

.global-fichiers-liste .global-fichiers-liste--item.global-fichiers-liste--item--deja-attache .global-fichiers-liste--item--infos .global-fichiers-liste--item--infos-infosdiverses {
    display: none;
}


/* ITEM : ligne - global-fichiers-liste--item--ligne */
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--ligne {
    display: table-row;
    vertical-align: middle;
}

/* ITEM : colonne - global-fichiers-liste--item--ligne */
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--colonne {
    display: table-cell;
    vertical-align: middle;
}


/* Partie infos - global-fichiers-liste--item--infos */
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--infos {}

.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--infos:hover {
    background-color: rgba(150, 150, 150, 0.1);
}


/* Icone suivant type de fichier - icone-fichier */
.global-fichiers-liste .global-fichiers-liste--item-type-pdf .global-fichiers-liste--item--infos .icone-fichier,
.global-fichiers-liste .global-fichiers-liste--item-type-image .global-fichiers-liste--item--infos .icone-fichier,
.global-fichiers-liste .global-fichiers-liste--item-type-odt .global-fichiers-liste--item--infos .icone-fichier {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 2px;
    background-image: url('./images/site/sprite_16px.png');
}

.global-fichiers-liste .global-fichiers-liste--item-type-pdf .global-fichiers-liste--item--infos .icone-fichier {
    background-position: -224px 0px;
}

.global-fichiers-liste .global-fichiers-liste--item-type-pdf:hover .global-fichiers-liste--item--infos .icone-fichier {
    background-position: -224px -16px;
}

.global-fichiers-liste .global-fichiers-liste--item-type-image .global-fichiers-liste--item--infos .icone-fichier {
    background-position: -240px 0px;
}

.global-fichiers-liste .global-fichiers-liste--item-type-image:hover .global-fichiers-liste--item--infos .icone-fichier {
    background-position: -240px -16px;
}

.global-fichiers-liste .global-fichiers-liste--item-type-odt .global-fichiers-liste--item--infos .icone-fichier {
    background-position: -256px 0px;
}

.global-fichiers-liste .global-fichiers-liste--item-type-odt:hover .global-fichiers-liste--item--infos .icone-fichier {
    background-position: -256px -16px;
}


/* Titre du fichier - global-fichiers-liste--item--infos-titre */
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--infos .global-fichiers-liste--item--infos-titre {
    font-weight: bold;
}

/* Infos diverses - global-fichiers-liste--item--infos-infosdiverses */
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--infos .global-fichiers-liste--item--infos-infosdiverses {
    font-size: small;
    color: gray;
}


/* Partie interaction - global-fichiers-liste--item--lien */
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--interaction {
    text-align: right;
}

.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--interaction .fichiers-liste--item--attacher,
.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--interaction .lien-ouvrirfermer {
    display: inline-block;
    vertical-align: middle;
    font-size: small;
    font-weight: bold;
    color: white;
    border-radius: 6px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 0 3px gray;
    background: green;
    margin: 0.25em;
}

.global-fichiers-liste .global-fichiers-liste--item .global-fichiers-liste--item--interaction .lien-ouvrirfermer {
    background: red;
}


/* Ligne de confirmation pour détachement - fichiers-attaches-liste--item--confirmationdetachement */
.global-fichiers-liste .global-fichiers-liste--item .fichiers-attaches-liste--item--confirmationdetachement {
    display: table-row;
    display: none;
}

.global-fichiers-liste .global-fichiers-liste--item .fichiers-attaches-liste--item--confirmationdetachement .global-fichiers-liste--item--colonne {
    border-top: 1px dotted lightgray;
    padding-top: 2px;
    text-align: right;
    color: #a50000;
}


/* Tooltips */
/* Information des tooltips générés en AJAX - tooltip_ajax_informations */
.tooltip_ajax_informations {}

/* Tooltips : banque de fichiers.attachements - tooltip_fichier_attachements */
.tooltip_ajax_informations.tooltip_fichier_attachements {
    border-top: 1px solid lightgray;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.tooltip_ajax_informations.tooltip_fichier_attachements .tooltip_fichier_attachements_item {
    margin-bottom: 0.25em;
}


/* Erreurs */
/* Erreur de script - .erreur_script */
.erreur_script {
    font-family: var(--ff-play);
    font-size: large;
    color: white;
    background: red;
    font-weight: bold;
    margin: 1em;
    padding: 1em;
    box-shadow: 0 0 5px red;
    border-radius: 5px;
    text-align: center;
}

/* Div conteneur des erreurs - .global-erreurs-div */
.global-erreurs-div {
    margin: 0.5em;
    color: #cc0000;
    font-size: 0.9em;
    text-align: left;
}

/* conteneur des erreurs - .global-erreurs-conteneur */
.global-erreurs-conteneur {
    display: block;
    color: #cc0000;
}

/* Erreur premier degré - .global-erreur-block */
.global-erreurs-conteneur .global-erreur-block {
    display: block;
    margin-top: 0.5em;
}

/* Erreur second(et+) degré - .global-erreur-sousblock */
.global-erreurs-conteneur .global-erreur-sousblock {
    display: block;
    margin-top: 0.25em;
    margin-left: 0.25em;
}


/* Pagination */
/* Div conteneur - .global-pagination-conteneur */
.global-pagination-conteneur {
    text-align: right;
    margin: 0.5em;
    font-size: 0.9em;
}

.global-pagination-conteneur.fa-left {
    text-align: left;
}

/* Titre pagination - .global-pagination-titre */
.global-pagination-titre {
    display: inline-block;
    vertical-align: middle;
}

/* Contenu pagination - .global-pagination-contenu */
.global-pagination-contenu {
    display: inline-block;
    vertical-align: middle;
}

/* Liens pagination - .global-pagination-page */
.global-pagination-page {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    color: white;
    background-color: var(--c-beige);
    border-radius: 50%;
    padding: 3px 10px;
    text-shadow: 0px 24px 26px #00000029;
    font-weight: bold;
}

.global-pagination-page.global-pagination-page-actuelle {
    background-color: var(--c-red);
}

.global-pagination-page.global-pagination-page-suspension {
    opacity: 0.8;
    color: white;
    background-color: var(--c-beige);
    border-radius: 16px;
    padding: 3px 10px;
    text-shadow: 0px 24px 26px #00000029;
    text-transform: uppercase;
}

.global-pagination-page.pagination-page-beforeafter {
    opacity: 0.9;
    color: white;
    background-color: var(--c-beige);
    border-radius: 16px;
    padding: 3px 10px;
    text-shadow: 0px 24px 26px #00000029;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 0px 5px 10px #00000029;
}

.global-pagination-page:not(.global-pagination-page-suspension):hover {
    background-color: var(--c-redpale);
    opacity: 1;
    color: black;

}


/* Divers */
.asterix_obligatoire {
    font-family: 'Play', arial;
    font-weight: bold;
    color: red;
}

.asterix-orange {
    font-family: 'Play', arial;
    font-weight: bold;
    color: orange;
}

.info_mode_admin {
    color: red;
    font-size: 0.9em;
}

.element-table {
    display: table;
    border-collapse: collapse;
}

.element-tr {
    display: table-row;
}

.element-td {
    display: table-cell;
    vertical-align: middle;
}



/*  ****************************
	Pages au CSS minime ne méritant pas une page de style dédiée
		->
 **************************** */
/* Page Cestquoicesite */
.cestquoicesite-div {
    font-size: 1.1em;
    padding: 0.5em;
}

.cestquoicesite-div p {
    text-indent: 2em;
}




/* Nouvelles CSS */
/* Nouvelles CSS */
/* Nouvelles CSS */



.index-infos-statistiques .infos {
    padding: 0.5em;
    margin: 0.5em;
    margin-bottom: 0;
    font-size: large;
}

.index-infos-lien {
    display: inline-block;
    border-radius: 7px;
    background-color: #e6ebf5;
    box-shadow: 0 0 3px gray;
    margin: 0.5em;
    margin-bottom: 1em;
    padding: 0.5em;
    padding-left: 0.7em;
    padding-right: 0.7em;
    font-size: 1.2em;
}

.index-infos-lien:hover {
    box-shadow: 0 0 3px gray, 0 0 2px gray inset;
}


.index-calendrier-test {
    padding-left: 0.5em;
    padding-right: 0.5em;
}


/* Formulaire de connexion */
#formulaire-connexion {
    border-radius: 7px;
    background: white;
    background-repeat: no-repeat;
    background-position: bottom right;
}

#formulaire-connexion .formulaire-contenu {
    padding: 2px;
}

#formulaire-connexion .connexion-form-input-div input:not[type="checkbox"] {
    width: 100%;
}

#formulaire-connexion .connexion-form-input-submit {
    margin-top: 1em;
    margin-bottom: 1em;
}

#formulaire-connexion .connexion-form-label {}

#formulaire-connexion:not(.formulaire-connexion-postinscription-via-annonce) #msg-connexion-annonce-info,
#formulaire-connexion:not(.formulaire-connexion-postinscription) #msg-connexion-inscription-reussie,
#formulaire-connexion:not(.formulaire-connexion-postoublimdp) #msg-connexion-oublimdp-reussite,
#formulaire-connexion.formulaire-connexion-postinscription-via-annonce #msg-connexion-lambda,
#formulaire-connexion.formulaire-connexion-postinscription #msg-connexion-lambda,
#formulaire-connexion.formulaire-connexion-postoublimdp #msg-connexion-lambda {
    display: none;
}


/* _ overlay */
#formulaire-connexion.affichage-via-overlay {
    min-width: 300px;
    max-width: 100% !important;
}

/* _ page connexion */
.page-connexion {
    min-width: 60%;
    /* text-align: center; */
}

.page-connexion #formulaire-connexion {
    box-shadow: 0 0 0;
    border-radius: 0;
}

.page-connexion #formulaire-connexion .partie-titre-connectezvous {
    display: none;
}


.oublimdp-form-label {}


/* Formulaire d'inscription */
.page-inscription {

    background-repeat: no-repeat;
    background-position: bottom right;
}

.inscription-div-form {}

#formulaire-inscription {}

#formulaire-inscription .inscription-form-label {
    font-size: 0.9em;
    color: #6b6b6b;
}


/* Page profil */
.page-profil {
    text-align: center;
    height: 100%;
}

#formulaire-profil {
    background-repeat: no-repeat;
    background-position: right center;
    background-attachment: fixed;
}

#formulaire-profil .partie-titre {
    text-align: left;
}

#formulaire-profil .form-label {
    font-size: 0.9em;
    color: #6b6b6b;
}


/* Page suppression profil */
#formulaire-profil-suppression {}


/* Formulaire création calendrier */
#conteneur-creation-calendrier {}

.crea-calendrier-bot {
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid lightgray;
}




/* Page Calendrier - configuration */
#formulaire-calendrier-configuration {
    background-repeat: no-repeat;
    background-position: right center;
    background-attachment: fixed;
}

#formulaire-calendrier-configuration .formulaire-section .formulaire-explications {
    margin-top: 0;
}

#formulaire-calendrier-configuration .form-label {
    font-size: 0.9em;
    color: #6b6b6b;
}

.calendrier-individu-utilisateur-donnees {
    opacity: 0.6;
    color: #444444;
}

#formulaire-calendrier-configuration .calendrier-individu-avatar {
    position: relative;
}

#formulaire-calendrier-configuration .calendrier-item-individu.requete-en-cours .calendrier-individu-avatar {
    border-left: 2px solid red;
}

#formulaire-calendrier-configuration .calendrier-item-individu.requete-en-cours .requete-reponses {
    display: none;
}

.calendrier-configuration-msg-alerte {
    display: inline-block;
    margin: 1em;
    box-shadow: 0 0 5px #d23531;
    color: red;
    font-weight: bold;
    padding: 1em;
    border: 1px solid #d23531;
}

.donnees.calendrier-tournees {
    padding-top: 0px;
    padding-bottom: 0px;
}

.calendrier-tournees-item {
    margin-bottom: 0.5em;
}

.calendrier-tournees-item:nth-of-type(odd) {
    background-color: rgba(150, 150, 150, 0.1);
}

.calendrier-tournees-item:last-child {
    margin-bottom: 0;
}


/* Pages statistiques */
.page-profil-statistiques {
    background-repeat: no-repeat;
    background-position: right bottom;
}

.page-calendrier-statistiques {
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

#statistiques-div-grille {}

/* Partie "Options d'affichage" */
#statistiques-cadre-selection-options {}

.partie-gray #statistiques-cadre-selection-options {}

#statistiques-cadre-selection-options-conteneur {
    margin: 0.5em;
    background: rgba(250, 250, 250, 0.9);
}

.statistiques-cadre-selection-options-titre {}

.statistiques-options-grille-contenu {}

.statistiques-options-option-titre {
    text-align: left;
    margin: 0.5em;
    font-weight: bold;
    font-size: 0.9em;
}

.statistiques-options-option-contenu {}


.statistiques-options-listeindividus .statistiques-options-listeindividus-individu,
.statistiques-options-listecalendriers .statistiques-options-listecalendriers-calendrier {
    display: block;
    padding: 0.35em;
    margin-bottom: 0.65em;
    border-left: 3px solid rgba(150, 150, 150, 0.7);
    box-shadow: 0 0 3px lightgray;
    cursor: pointer;
    font-size: 0.95em;
}

.statistiques-options-listeindividus .statistiques-options-listeindividus-individu:hover,
.statistiques-options-listecalendriers .statistiques-options-listecalendriers-calendrier:hover {
    box-shadow: 0 0 3px gray;
}

.statistiques-options-dates .statistiques-options-option-contenu,
.statistiques-options-dates .statistiques-options-option-contenu {
    text-align: center;
}

.statistiques-options-listeindividus .statistiques-options-listeindividus-individu .avatar-img {
    width: 30px !important;
    margin-right: 3px;
}

/* Partie Liste */
.statistiques-listes-affichage {}

.statistiques-item {
    padding: 0.4em;
}

.statistiques-item-contenu-general {
    background-color: var(--c-beige);
    height: 100%;
    border: 1px solid var(--c-redpale);
    border-radius: 20px;
    overflow: hidden;
}

.partie-gray .statistiques-item-contenu-general {
    background: white;
}

.statistiques-item-titre {
    padding: 0.5em 0.25em;
    text-align: center;
    background-color: var(--c-redpale);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.statistiques-item-titre-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
}

.statistiques-item-titre-infos {
    padding: 0.15em;
    text-align: right;
    font-style: italic;
    font-size: 0.75em;
    color: white;
    opacity: 0.8;
}

.statistiques-item-contenu {}

.statistiques-item-annee {
    text-align: left;
}

.statistiques-item-annee-titre {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.25em;
}

.statistiques-item-annee-infos {
    font-size: 0.9em !important;
}

.statistiques-item-annee-infos-jrs {
    font-size: 0.95em;
}

.statistiques-item-annee-liste-mois {}

.statistiques-item-mois {
    padding: 0.25em 0.25em;
}

.statistiques-item-mois:nth-of-type(odd) {
    background-color: #fdfdfd;
}

.statistiques-item-mois-titre {
    font-weight: bold;
    font-size: 0.9em;
    color: #ab3b3d;
}

.statistiques-item-mois-infos {
    font-size: 0.95em;
}

.statistiques-item-mois.jr_mois_0 {
    opacity: 0.5;
}

.statistiques-item-mois.jr_mois_0 .statistiques-item-mois-infos {
    color: gray;
    font-size: 0.9em;
}

.statistiques-item-mois-infos-jrsreels {
    font-size: 0.8em;
    margin-left: 0.5em;
    color: gray;
}

.statistiques-item-mois-infos-djf {
    font-size: 0.8em;
    margin-left: 0.5em;
    color: gray;
}

.statistiques-item-mois-infos-generique {
    font-size: 0.9em;
    margin-left: 0.25em;
    color: gray;
}

.statistiques-item-mois-infos-kms {
    font-size: 0.9em;
    margin-left: 0.25em;
    color: var(--c-redpale);
}


#statistiques-profil-nbrjourstravaillesreels-conteneur {
    text-align: left;
    padding: 0.5em;
    font-size: 0.95em;
}

#statistiques-profil-nbrjourstravaillesreels-titre {}

#statistiques-profil-nbrjourstravaillesreels-valeur {
    font-weight: bold;

}

#statistiques-profil-nbrjourstravaillesreels-infos {
    font-size: 0.8em;
    color: gray;
    margin-top: 0.25em;
}

.statistiques-listes-affichage-contenu {}

.statistiques-listes-affichage-contenu .statistiques-listes-msg-selection {
    display: none;
    /* width: 100%; */
    /* max-width: 500px; */
    /* margin: 2em auto; */
    /* padding: 0.5em; */
    /* text-align: center; */
    /* font-style: italic; */
    /* color: #c24119; */
    /* font-size: 0.9em; */
    /* box-shadow: 0 0 3px lightgray; */
}

.statistiques-listes-affichage-contenu.empty .statistiques-listes-msg-selection {
    display: block;
}

.statistiques-listes-affichage-contenu .avatar-img.avatar-statistiques {
    width: 30px;
}


/* Divers */
.calendriers-liste {
    margin: 1em;
}

.calendriers-liste .calendriers-item {
    padding: 0.25em;
    text-align: center;
    min-height: 100px;
}

.calendriers-liste a.calendriers-item-contenu {
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    padding: 1em 0.75em;
    width: 100%;
    height: 100%;
    background: var(--c-beige-07);
    box-shadow: 0 0 4px lightgray;
}


.calendriers-liste a.calendriers-item-contenu:hover {
    border-color: var(--c-red);
}

.calendriers-liste .calendriers-item-contenu .item-titre {
    font-weight: bold;
}

.page-explications {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 2px solid lightgray;
}

.datescouleur-couleurs {
    display: inline-block;
    vertical-align: middle;
    width: 60px;

}

.datescouleur-couleurs .datescouleur-couleur {
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    width: 30px;
    border: 1px solid gray;
    background-color: rgba(150, 150, 150, 0.2);
}



.liste {}

.liste .item {
    border: 1px solid lightgray;
    border-bottom: 0px;
}

.liste .item:nth-of-type(odd) {
    background-color: rgba(170, 60, 60, 0.1);
}

.liste .item:hover {
    background-color: rgba(170, 170, 170, 0.4);
}

.liste .item:last-child {
    border-bottom: 1px solid lightgray;
}


/* Fichiers */
#profil-fichiers-uploads {
    margin: 1em;
}

#profil-fichiers-uploads .fichier-chargement-temporaire {
    padding: 0.15em;
    text-align: left;
    color: gray;
    font-size: 0.9em;
    font-style: italic;
}

.fichiers-liste {}

.fichiers-item:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.fichiers-item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.contrats-item,
.fichiers-item {
    padding: 0.5em;
}

.contrats-attachage-item:nth-of-type(odd),
.contrats-item:nth-of-type(odd),
.fichiers-item:nth-of-type(odd) {
    background-color: var(--c-beigeclaire);
}

.contrats-item:hover,
.fichiers-item:hover {
    background-color: rgba(170, 170, 170, 0.4);
}

.contrats-item:last-child,
.fichiers-item:last-child {
    border-bottom: 1px solid lightgray;
}

.contrats-item .contrats-item-icone,
.fichiers-item .fichiers-item-icone {
    width: 30px;
    padding: 2px;
    opacity: 0.7;
}

.fichiers-item .icone-fichier {
    display: inline-block;
    vertical-align: center;
    width: 25px;
    height: 25px;
    background-image: url('./images/site/sprite_25px.png');
}

.fichiers-item.fichiers-item-type-image .icone-fichier {
    background-position: -425px 0px;
}

.fichiers-item.fichiers-item-type-image:hover .icone-fichier {
    background-position: -425px -25px;
}

.fichiers-item.fichiers-item-type-pdf .icone-fichier {
    background-position: -400px 0px;
}

.fichiers-item.fichiers-item-type-pdf:hover .icone-fichier {
    background-position: -400px -25px;
}

.fichiers-item.fichiers-item-type-document .icone-fichier {
    background-position: -450px 0px;
}

.fichiers-item.fichiers-item-type-document:hover .icone-fichier {
    background-position: -450px -25px;
}

.contrats-item .contrats-item-infosprincipales,
.fichiers-item .fichiers-item-infosprincipales {
    text-align: left;
    padding: 0.35em;
}

.fichiers-item .fichiers-item-titre {
    font-weight: bold;
}

.contrats-item .contrats-item-titre {
    font-weight: bold;
    font-size: 0.9em;
}

.contrats-item .contrats-item-timestamp {
    font-size: 0.8em;
    color: #505050;
    font-style: italic;
}

.fichiers-item .fichiers-item-timestamp {
    font-size: 0.8em;
}

.fichiers-item .fichiers-item-attachements {
    font-size: 0.95em;
    color: #505050;
    padding: 0.25em;
    text-align: center;
}

.fichiers-item .fichiers-item-attachements .attachements-aucun {
    opacity: 0.5;
}

.fichiers-item .fichiers-item-attachements .fichiers-item-attachements-calendrier {
    display: inline-block;
    vertical-align: middle;
    padding: 0.25em;
    margin: 0.15em;
    border: 1px solid var(--c-red);
    border-radius: 20px;
    background-color: var(--c-beige);
}

.contrats-item .contrats-item-attachements .contrats-item-attachements-periode {
    display: inline-block;
    vertical-align: middle;
    padding: 0.25em;
    margin: 0.15em;
    border: 1px solid lightgray;
    border-left-width: 3px;
    background-color: #f8f8f8;
    font-size: x-small;
    font-family: play;
    color: gray;
}

.fichiers-item .fichiers-item-options {
    padding: 0.15em;
    opacity: 0.3;
}

.fichiers-item:hover .fichiers-item-options {
    opacity: 0.9;
}


/* Calendriers */
#calendrier-div-conteneur {
    text-align: center;
    padding: 2px;
    max-width: 1920px;
    margin: auto;
}

#calendrier-div-conteneur .shadow,
#calendrier-div-conteneur .shadow-interactions {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: gray;
    opacity: 0.6;
    z-index: 99;
}

#calendrier-div-conteneur .shadow-interactions {
    position: absolute;
}

#calendrier-div-conteneur.selectiondateliveencours .shadow,
#calendrier-div-conteneur.selectiondateliveencours .shadow-interactions {
    display: block;
}


#calendrier-div-conteneur.selectiondateliveencours #calendrier-calendrier-div,
#calendrier-div-conteneur.selectiondateliveencours #calendrier-interactions-conteneur,
#calendrier-div-conteneur.selectiondateliveencours #calendrier-selectiondates-live {
    z-index: var(--zi-lvl-5);
    background-color: white;
}

#calendrier-calendrier {
    position: relative;
    width: 100%;
    max-width: 1920px;
    text-align: left;
    margin: auto;
}

#calendrier-header {
    padding: 4px 0;
}

#calendrier-header h3 {
    margin: 0;
    padding: 0;
}

#calendrier-body {
    /* box-shadow: 0 0 3px gray; */
    /* border-radius: 3px; */
}

#calendrier-jours-titres {
    text-align: center;
}

.calendrier-jour-titre {
    border-left: 1px solid lightgray;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendrier-jour-titre>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendrier-jour-titre:last-of-type {
    border-right: 0px;
}

.calendrier-jour-titre:first-child {
    border-left: 0px;
}

.calendrier-ligne-infos {
    position: relative;
    height: 25px;
}

.calendrier-jour {
    height: 100%;
    border-left: 1px solid lightgray;
}

.calendrier-ligne-infos .calendrier-jour:first-child {
    border-left: 0;
}

.calendrier-ligne-infos .calendrier-jour:last-of-type {
    border-right: 0;
}

.calendrier-jour-date {
    text-align: right;
    padding-right: 2px;
    font-size: 0.95em;
}

.calendrier-jour-date.jour-dimancheferie a,
.calendrier-jour-date.jour-dimancheferie {
    /* color: var(--c-red); */
    color: #ff0000;
}
.calendrier-jour-date.jour-dimancheferie > span.fa-right {
	background-color: var(--c-redpale);
    border-radius: 10px;
    color: var(--c-white);
    padding: 1px 3px;
}

.calendrier-jour-date.jour-dimancheferie a:hover {
    color: var(--c-bluedark);
}

.calendrier-jour-gris {
    background-color: var(--c-beigeclaire);
}

.calendrier-jour.jour-passe {
    background-color: rgba(230, 230, 230, 0.3);
}

.calendrier-jour.jour-aujourdhui {
    background-color: var(--c-jaune);
}

.calendrier-jour-date.jour-selectionne {
    background-color: rgba(0, 0, 150, 0.2);
}

.calendrier-ligne-infos.calendrier-ligne-infos-numerosemaine {
    text-align: center;
    height: 20px;
    font-size: 12px;
    border-top: 1px solid lightgray;
    border-bottom: 1px dotted lightgray;
    color: var(--c-redpale);
}

.calendrier-ligne-infos.calendrier-ligne-infos-numerosemaine:first-of-type {
    border-top: 1px solid transparent;
}

.calendrier-ligne-infos-derniere {
    height: 5px;
}

.calendrier-ligne-infos-derniere .calendrier-jour {
    border-bottom: 1px solid lightgray;
}

#calendrier-calendrier:not(.calendrier-personnel) .calendrier-ligne-infos-derniere .calendrier-jour.jour-sans-travailleur:not(.inactive) {
    background-color: rgba(200, 0, 0, 0.3);
}


.calendrier-ligne-infos-utilisateur-actuel {
    height: 30px;
}

.calendrier-ligne-infos-individu-affichagepermanent-0.calendrier-ligne-infos-individu-sansdate {
    display: none;
}

.periode {
    position: absolute;
    height: 100%;
    top: 0px;
    padding: 2.5px 0.2em;
}

.periode-contenu {
    border: 1px solid gray;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: white;
    height: 100%;
}

.periode.periode-non-vue .periode-contenu {
    border: 1px dashed var(--c-bluedark) !important;
    border-radius: 5px;
}

.periode-lien {
    height: 100%;
    width: 100%;
    opacity: 0.9;
}

.periode.modification-en-cours .periode-lien {
    border: 1px solid black;
}

.periode.periode-finie-ailleurs {
    padding-right: 0;
}

.periode.periode-finie-ailleurs .periode-contenu {
    border-right-width: 0.5px;
}

.periode.periode-commencee-ailleurs {
    padding-left: 0;
}

.periode.periode-commencee-ailleurs .periode-contenu {
    border-left-width: 0.5px;
}

.periode-tournee-icone {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: white;
    font-size: 10px;
    overflow: hidden;
    text-align: center;
    opacity: 0.8;
    margin: 0 2px;
}

.periode-contenu:hover .periode-tournee-icone {
    opacity: 1;
}

.t-tournee-infos:not(.colors-reversed).t1,
.t-tournee-numero-1,
.periode-tournee-icone.periode-tournee-icone-numero-1 {
    color: red;
    box-shadow: 0 0 3px red;
}

.t-tournee-infos:not(.colors-reversed).t2,
.t-tournee-numero-2,
.periode-tournee-icone.periode-tournee-icone-numero-2 {
    color: blue;
    box-shadow: 0 0 3px blue;
}

.t-tournee-infos:not(.colors-reversed).t3,
.t-tournee-numero-3,
.periode-tournee-icone.periode-tournee-icone-numero-3 {
    color: green;
    box-shadow: 0 0 3px green;
}

.t-tournee-infos:not(.colors-reversed).t4,
.t-tournee-numero-4,
.periode-tournee-icone.periode-tournee-icone-numero-4 {
    color: pink;
    box-shadow: 0 0 3px pink;
}

.t-tournee-infos:not(.colors-reversed).t5,
.t-tournee-numero-5,
.periode-tournee-icone.periode-tournee-icone-numero-5 {
    color: orange;
    box-shadow: 0 0 3px orange;
}

.t-tournee-infos:not(.colors-reversed).t6,
.t-tournee-numero-6,
.periode-tournee-icone.periode-tournee-icone-numero-6 {
    color: #00b192;
    box-shadow: 0 0 3px #00b192;
}

.t-tournee-infos:not(.colors-reversed).t7,
.t-tournee-numero-7,
.periode-tournee-icone.periode-tournee-icone-numero-7 {
    color: #8f36d4;
    box-shadow: 0 0 3px #8f36d4;
}

.t-tournee-infos:not(.colors-reversed).t8,
.t-tournee-numero-8,
.periode-tournee-icone.periode-tournee-icone-numero-8 {
    color: #36d493;
    box-shadow: 0 0 3px #36d493;
}

.t-tournee-infos:not(.colors-reversed).t9,
.t-tournee-numero-9,
.periode-tournee-icone.periode-tournee-icone-numero-9 {
    color: #d47d36;
    box-shadow: 0 0 3px #d47d36;
}

.t-tournee-infos:not(.colors-reversed).t10,
.t-tournee-numero-10,
.periode-tournee-icone.periode-tournee-icone-numero-10 {
    color: red;
    box-shadow: 0 0 3px red;
}

.t-tournee-infos:not(.colors-reversed).t11,
.t-tournee-numero-11,
.periode-tournee-icone.periode-tournee-icone-numero-11 {
    color: blue;
    box-shadow: 0 0 3px blue;
}

.t-tournee-infos:not(.colors-reversed).t12,
.t-tournee-numero-12,
.periode-tournee-icone.periode-tournee-icone-numero-12 {
    color: green;
    box-shadow: 0 0 3px green;
}

.t-tournee-infos:not(.colors-reversed).t13,
.t-tournee-numero-13,
.periode-tournee-icone.periode-tournee-icone-numero-13 {
    color: pink;
    box-shadow: 0 0 3px pink;
}

.t-tournee-infos:not(.colors-reversed).t14,
.t-tournee-numero-14,
.periode-tournee-icone.periode-tournee-icone-numero-14 {
    color: orange;
    box-shadow: 0 0 3px orange;
}

.t-tournee-infos:not(.colors-reversed).t15,
.t-tournee-numero-15,
.periode-tournee-icone.periode-tournee-icone-numero-15 {
    color: #00b192;
    box-shadow: 0 0 3px #00b192;
}

.t-tournee-infos:not(.colors-reversed).t16,
.t-tournee-numero-16,
.periode-tournee-icone.periode-tournee-icone-numero-16 {
    color: #8f36d4;
    box-shadow: 0 0 3px #8f36d4;
}

.t-tournee-infos:not(.colors-reversed).t17,
.t-tournee-numero-17,
.periode-tournee-icone.periode-tournee-icone-numero-17 {
    color: #36d493;
    box-shadow: 0 0 3px #36d493;
}

.t-tournee-infos:not(.colors-reversed).t18,
.t-tournee-numero-18,
.periode-tournee-icone.periode-tournee-icone-numero-18 {
    color: #d47d36;
    box-shadow: 0 0 3px #d47d36;
}

.t-tournee-infos.colors-reversed.t1,
.t-tournee-infos.colors-reversed .t-tournee-numero-1 {
    color: white;
    box-shadow: 0;
    background-color: red;
}

.t-tournee-infos.colors-reversed.t2,
.t-tournee-infos.colors-reversed .t-tournee-numero-2 {
    color: white;
    box-shadow: 0;
    background-color: blue;
}

.t-tournee-infos.colors-reversed.t3,
.t-tournee-infos.colors-reversed .t-tournee-numero-3 {
    color: white;
    box-shadow: 0;
    background-color: green;
}

.t-tournee-infos.colors-reversed.t4,
.t-tournee-infos.colors-reversed .t-tournee-numero-4 {
    color: white;
    box-shadow: 0;
    background-color: pink;
}

.t-tournee-infos.colors-reversed.t5,
.t-tournee-infos.colors-reversed .t-tournee-numero-5 {
    color: white;
    box-shadow: 0;
    background-color: orange;
}

.t-tournee-infos.colors-reversed.t6,
.t-tournee-infos.colors-reversed .t-tournee-numero-6 {
    color: white;
    box-shadow: 0;
    background-color: #00b192;
}

.t-tournee-infos.colors-reversed.t7,
.t-tournee-infos.colors-reversed .t-tournee-numero-7 {
    color: white;
    box-shadow: 0;
    background-color: #8f36d4;
}

.t-tournee-infos.colors-reversed.t8,
.t-tournee-infos.colors-reversed .t-tournee-numero-8 {
    color: white;
    box-shadow: 0;
    background-color: #36d493;
}

.t-tournee-infos.colors-reversed.t9,
.t-tournee-infos.colors-reversed .t-tournee-numero-9 {
    color: white;
    box-shadow: 0;
    background-color: #d47d36;
}

.t-tournee-infos.colors-reversed.t10,
.t-tournee-infos.colors-reversed .t-tournee-numero-10 {
    color: white;
    box-shadow: 0;
    background-color: red;
}

.t-tournee-infos.colors-reversed.t11,
.t-tournee-infos.colors-reversed .t-tournee-numero-11 {
    color: white;
    box-shadow: 0;
    background-color: blue;
}

.t-tournee-infos.colors-reversed.t12,
.t-tournee-infos.colors-reversed .t-tournee-numero-12 {
    color: white;
    box-shadow: 0;
    background-color: green;
}

.t-tournee-infos.colors-reversed.t13,
.t-tournee-infos.colors-reversed .t-tournee-numero-13 {
    color: white;
    box-shadow: 0;
    background-color: pink;
}

.t-tournee-infos.colors-reversed.t14,
.t-tournee-infos.colors-reversed .t-tournee-numero-14 {
    color: white;
    box-shadow: 0;
    background-color: orange;
}

.t-tournee-infos.colors-reversed.t15,
.t-tournee-infos.colors-reversed .t-tournee-numero-15 {
    color: white;
    box-shadow: 0;
    background-color: #00b192;
}

.t-tournee-infos.colors-reversed.t16,
.t-tournee-infos.colors-reversed .t-tournee-numero-16 {
    color: white;
    box-shadow: 0;
    background-color: #8f36d4;
}

.t-tournee-infos.colors-reversed.t17,
.t-tournee-infos.colors-reversed .t-tournee-numero-17 {
    color: white;
    box-shadow: 0;
    background-color: #36d493;
}

.t-tournee-infos.colors-reversed.t18,
.t-tournee-infos.colors-reversed .t-tournee-numero-18 {
    color: white;
    box-shadow: 0;
    background-color: #d47d36;
}

.t-tournee-t {
    font-size: 0.85em;
}

.t-tournee-numero {
    font-weight: bold;
    text-shadow: 0 0 1px gray;
    box-shadow: 0 0 0px transparent !important;
}

.t-tournee-infos.colors-reversed {
    border: 1px solid white;
}

.t-tournee-infos.colors-reversed,
.t-tournee-infos.colors-reversed .t-tournee-numero {
    color: white;
}

.periode.periode-type-2 .periode-contenu {
    border-color: transparent;
    background-color: transparent;
}

.periode.periode-non-vue.periode-type-2 .periode-contenu,
.periode.periode-non-vue.periode-type-3 .periode-contenu {
    border-color: gray !important;
}

.periode.periode-type-2 .periode-contenu .periode-lien {
    opacity: 0.7;
    background-image: url('./images/site/background_disponibilite.png');
}


.periode.periode-type-3 {
    padding-left: 0;
    padding-right: 0;
}

.periode.periode-type-3 .periode-contenu {
    background-color: transparent;
    border: 0px;
}

.periode.periode-type-3 .periode-contenu .periode-lien {
    background-color: #e7e6e6 !important;
}


.periode.periode-type-3.modification-en-cours .periode-lien {
    border: 0px;
}

.periode.modification-en-cours .periode-contenu,
.periode.periode-type-1.active .periode-contenu,
.periode.periode-type-1 .periode-contenu:hover {
    border-style: solid;
    border-color: black !important;
    background-color: #ececec;
}

.periode.periode-type-1.active .periode-contenu .periode-lien,
.periode.periode-type-1 .periode-contenu:hover .periode-lien {
    opacity: 1;
}

.periode.periode-type-2.active .periode-contenu,
.periode.periode-type-2 .periode-contenu:hover {
    border-style: solid;
    border-color: gray !important;
}

.periode.periode-type-2.active .periode-contenu .periode-lien,
.periode.periode-type-2 .periode-contenu:hover .periode-lien {
    opacity: 0.95;
}


.periode.periode-inactive-travaildispo .periode-contenu,
.periode.periode-inactive-tournee .periode-contenu,
.periode.periode-inactive .periode-contenu {
    border-color: transparent !important;
    background: white !important;
    opacity: 0.5;
}

.periode.periode-inactive-travaildispo .periode-contenu .periode-lien,
.periode.periode-inactive-tournee .periode-contenu .periode-lien,
.periode.periode-inactive .periode-contenu .periode-lien {
    background-color: rgba(150, 150, 150, 0.2) !important;
    opacity: 0.5;
    cursor: default;
}

.periode .individu-avatar {
    width: 0px;
    visibility: hidden;
}


.periode-tooltip {
    display: none;
}

.periode-tooltip-conteneur {
    width: 260px;
    min-height: 45px;
    padding-top: 10px;
    padding-left: 10px;
    position: relative;
}

.periode-tooltip-avatar {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: white;
    border: 2px solid #cccccc;
    top: 0;
    left: 0;
    box-shadow: 0 0 3px #cccccc;
    overflow: hidden;
    background: #ececec;
}

.periode-tooltip-avatar.small {
    width: 35px;
    height: 35px;
}

.periode-tooltip-avatar img {
    width: 40px;
}

.periode-tooltip-contenu {
    border: 2px solid #cccccc;
    min-height: 45px;
    box-shadow: 0 0 3px #cccccc;
    background: white;
    background: #ececec;
}

.periode-tooltip-identitestatut {
    margin: 5px;
    padding-left: 25px;
    padding-bottom: 5px;
    min-height: 30px;
    border-bottom: 1px solid lightgray;
}

.periode-tooltip-identite {
    font-weight: bold;
    font-variant: small-caps;
}

.periode-tooltip-statut {
    padding: 1px 5px;
    text-align: right;
    font-style: italic;
    font-size: 0.8em;
    color: gray;
}

.periode-tooltip-infos {
    padding: 5px;
}

.periode-tooltip-infos-infossup {
    margin-top: 0.25em;
}

.periode-tooltip-infos-infossup .ptii-txt {
    padding: 2px;
    font-style: italic;
    font-size: 0.9em;
}

.nbrjr-0 {
    width: 0%;
    display: none;
}

.nbrjr-1 {
    width: 14.28571428571429%;
}

.nbrjr-2 {
    width: 28.57142857142857%;
}

.nbrjr-3 {
    width: 42.85714285714286%;
}

.nbrjr-4 {
    width: 57.14285714285714%;
}

.nbrjr-5 {
    width: 71.42857142857143%;
}

.nbrjr-6 {
    width: 85.71428571428571%;
}

.nbrjr-7 {
    width: 100%;
}

.nbrjr-decalage-0 {
    left: 0;
}

.nbrjr-decalage-1 {
    left: 14.28571428571429%;
}

.nbrjr-decalage-2 {
    left: 28.57142857142857%;
}

.nbrjr-decalage-3 {
    left: 42.85714285714286%;
}

.nbrjr-decalage-4 {
    left: 57.14285714285714%;
}

.nbrjr-decalage-5 {
    left: 71.42857142857143%;
}

.nbrjr-decalage-6 {
    left: 85.71428571428571%;
}


.periode-horaires-2 .icone-calendrier-horaires,
.periode-horaires-3 .icone-calendrier-horaires {
    width: 16px;
    height: 16px;
}

.periode-horaires-2 .icone-calendrier-horaires {
    background-image: url('./images/site/sprite_16px.png');
    background-repeat: no-repeat;
    background-position: -64px -0px;
}

.periode-horaires-3 .icone-calendrier-horaires {
    background-image: url('./images/site/sprite_16px.png');
    background-repeat: no-repeat;
    background-position: -80px -0px;
}



#calendrier-options {
    padding: 0.25em;
    padding-top: 0.5em;
    text-align: right;
}

#calendrier-div-conteneur.selectiondateliveencours #calendrier-options {
    display: none;
}

.calendrier-options-item {
    font-variant: small-caps;
    font-size: 0.9em;
    color: #ab3b3d;
    padding: 2px 5px;
    margin: 3px;
    display: inline-block;
    box-shadow: 0 0 3px #ab3b3d;
    border-radius: 3px;
}

.calendrier-options-item:hover {
    color: white;
    background-color: #ab3b3d;
}

.calendrier-options-item:active {
    box-shadow: 0 0 3px #ab3b3d, 0 0 4px white inset;
}


.calendrier-impressions-infos-navigateurs {
    margin: 0.5em;
    border-left: 2px solid lightgray;
    padding-left: 0.5em;
}

.calendrier-impressions-infos-navigateurs .navigateur-explications {
    display: none;
    font-family: var(--ff-play);
    font-size: small;
}

/*.calendrier-interactions-impression-infos-navigateurs .navigateur-explications {
							display: none;
							font-family: var(--ff-play);
							text-align: left;
							padding: 0 0.5em;
							margin: 0.5em;
							border-left: 1px solid gray;
							font-size: 0.9em;
						}*/


#calendrier-footer {}

#calendrier-legende {
    margin: 0.25em;
}

.calendrier-legende-liste {
    padding: 0.25em;
}

.calendrier-legende-liste-conteneur {
    height: 100%;
}

.calendrier-legende-liste-titre {}

.cal-lgde-titre-lab {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.25em !important;
}

.calendrier-legende-liste-contenu {
    width: 100%;
    padding: 0.5em;
}

.calendrier-legende-item {
    padding: 3px 1px 3px 3px;
    margin: 3px 0;
}

.calendrier-legende-item:hover,
.calendrier-legende-item.active {
    background-color: var(--c-beigeclaire);
    border-radius: 10px;
}

.calendrier-legende-item-block-datescouleur {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}

.spiut-couleur .item-datescouleur,
.calendrier-legende-item .item-datescouleur {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-color: rgba(150, 150, 150, 0.4);
    border: 1px solid lightgray;
    border-radius: 100%;
}

.calendrier-legende-item-block-infos {
    padding: 3px;
}

.calendrier-legende-item .item-avatar {
    padding: 2px;
}

.calendrier-legende-item .item-avatar img {
    width: 25px;
}

.calendrier-legende-item .item-identite {
    padding: 2px;
}

.calendrier-legende-item .item-stats {
    /* font-size: 0.85em; */
    color: var(--c-redpale);
}

.calendrier-legende-item.inactive {
    opacity: 0.6;
    font-style: italic;
}

.calendrier-legende-item-block-stats {
    min-width: 30px;
    max-width: 40px;
    text-align: right;
}

.calendrier-legende-item-id-jourssanstravailleur {
    font-size: 0.9em;
}

.calendrier-legende-item-id-jourssanstravailleur .item-datescouleur {
    width: 20px;
    height: 20px;
    background-color: rgba(200, 0, 0, 0.3);
}

.calendrier-legende-item-id-jourssanstravailleur.inactive {
    opacity: 0.6;
    font-style: italic;
}

.calendrier-legende-item-id-jourssanstravailleur.inactive .item-datescouleur {
    background-color: transparent;
}

.calendrier-legende-item-id-disponibilites {
    font-size: 0.9em;
}

.calendrier-legende-item-id-disponibilites .item-datescouleur {
    width: 20px;
    height: 20px;
    background-color: rgba(150, 150, 150, 0.2);
    background-image: url('./images/site/background_disponibilite.png');
    background-position: center;
}

.calendrier-legende-item-id-disponibilites.inactive {
    opacity: 0.6;
    font-style: italic;
}

.calendrier-legende-item-id-disponibilites.inactive .item-datescouleur {
    background-color: transparent;
}

.calendrier-legende-item-id-travail {
    font-size: 0.9em;
}

.calendrier-legende-item-id-travail .item-datescouleur {
    width: 20px;
    height: 20px;
    /*background-color: rgba(200,0,0,0.3);*/
}

.calendrier-legende-item-id-travail.inactive {
    opacity: 0.6;
    font-style: italic;
}

.calendrier-legende-item-id-travail.inactive .item-datescouleur {
    background-color: transparent;
}

.calendrier-legende-item.calendrier-legende-item-individu-sansdate {
    opacity: 0.9;
}

.calendrier-legende-item.calendrier-legende-item-individu-sansdate .item-identite {
    font-size: 0.9em;
}

.calendrier-legende-item.calendrier-legende-item-individu-sansdate .calendrier-legende-item-block-stats .item-stats {
    color: var(--c-redclaire);
}

#calendrier-interactions-conteneur {}

#calendrier-interactions-conteneur .calendrier-interactions-close {
    /* display: none; */
    text-align: right;
    font-size: small;
    color: gray;
	min-height: 35px;
}

@media (max-width: 767px) {
    #calendrier-interactions-conteneur.calendrier-interactions-popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: var(--zi-lvl-5);
        overflow: auto;
    }

    .calendrier-interactions-popup #calendrier-interactions {
        margin: 0 !important;
        padding: 0 !important;
    }

    .calendrier-interactions-popup #calendrier-interactions-div {}

    #calendrier-interactions-conteneur.calendrier-interactions-popup .calendrier-interactions-close {
        /* display: block; */
    }
}
@media (min-width: 768px) {
	#calendrier-interactions-conteneur .calendrier-interactions-close {
		display: none;
	}
}

#calendrier-interactions-menu {
    margin: 0.75em;
    margin-bottom: 0;
}

.calendrier-interactions-menu-item {
    padding: 0.25em;
}

#calendrier-interactions-menu .calendrier-interactions-menu-item {
    border: 1px solid lightgray;
    border-bottom: 0px;
    text-align: center;
    padding: 0.5em;
}

#calendrier-interactions-menu .calendrier-interactions-menu-item.active {
    background-color: rgba(150, 10, 12, 0.8);
    border-color: rgba(150, 10, 12, 0.8);
}

#calendrier-interactions-menu .calendrier-interactions-menu-item:hover {
    box-shadow: 0 0 3px gray inset;
}


#formulaire-gestion-periode {
    margin-bottom: 0em;
}

#calendrier-chat-apercu {
    padding: 0.75em;
}

#calendrier-chat-apercu-div {
    background-color: rgba(250, 250, 250, 0.9);
    max-width: 600px;
    margin: auto;
}


#calendrier-chat-apercu-titre {
    background-color: #ab3b3d;
    padding: 0.25em;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 0.85em;
}

#calendrier-chat-apercu-contenu {}

#calendrier-chat-apercu-liste {}

#calendrier-chat-apercu-lien {
    display: block;
    font-size: 0.9em;
    margin-top: 0.15em;
    color: #a65e60;
    text-align: left;
    font-weight: bold;
}

#calendrier-chat-apercu-lien:hover {
    color: #ab3b3d;
}

#calendrier-interactions {
    padding: 0.75em;
}

#calendrier-interactions-div {
    max-width: 600px;
    margin: auto;
}

#calendrier-interactions-titre {}

#calendrier-interactions-contenu {
    padding-bottom: 0.15em;
}

.calendrier-interactions-padding {
    padding: 0.15em 0.3em;
}

#calendrier-interactions-contenu-infos_cal {
    padding: 0.25em;
}

#calendrier-interactions-contenu-actions {
    padding: 0.75em 0.25em;
}

#calendrier-interactions-contenu-unequestion {
    border-top: 1px solid lightgray;
    margin-top: 1em;
    margin-bottom: 0.25em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    font-size: 0.75em;
    color: gray;
}

#calendrier-interactions-contenu-creeruncal {
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    text-align: right;
}

.calendrier-interactions-itemid,
.calendrier-interactions-periodeid {
    text-align: right;
    font-size: small;
    font-weight: bold;
    color: gray;
    margin-top: 0.5em;
}


.calendrier-interactions-periode-menu {
    margin-bottom: 0.5em;
}

.calendrier-interactions-periode-menu .click-ajax {
    padding: 0.25em 0;
    border: 1px solid lightgray;
    border-top: 0px;
    font-size: 0.9em;
}


.calendrier-interactions-periode-menu .click-ajax:hover {
    background: #ab3b3d;
    border-color: #ab3b3d;
    color: white;
}

/*
					.periode-gestion-fichiers-liste,
					.calendrier-fichiers-liste {
						max-height: 190px;
						overflow: auto;
					}
						.fichiers-element-item {
							border: 1px solid lightgray;
							padding: 8px 1px;
						}

						.fichiers-element-item:nth-of-type(even) {
							background-color: #f6f5ff;
						}

						.fichiers-element-item:hover {
							background-color: #ececec;
						}

							.fichiers-element-item .fichiers-item-iconetitre {

							}

								.fichiers-element-item .fichiers-item-iconetitre-titre {
									padding: 0 2px;
									font-weight: bold;
								}

								.fichiers-element-item .fichiers-item-iconetitre-icone {
									padding: 0 3px;
								}

									.fichiers-element-item .icone-fichier {
										display: inline-block;
										vertical-align: center;
										width: 16px;
										height: 16px;
										background-image: url('./images/site/sprite_16px.png');
									}

										.fichiers-element-item.fichiers-item-type-image .icone-fichier { background-position: -240px 0px; }
											.fichiers-element-item.fichiers-item-type-image:hover .icone-fichier { background-position: -240px -16px; }
										.fichiers-element-item.fichiers-item-type-pdf .icone-fichier { background-position: -224px 0px; }
											.fichiers-element-item.fichiers-item-type-pdf:hover .icone-fichier { background-position: -224px -16px; }
										.fichiers-element-item.fichiers-item-type-document .icone-fichier { background-position: -256px 0px; }
											.fichiers-element-item.fichiers-item-type-document:hover .icone-fichier { background-position: -256px -16px; }

							.fichiers-element-item .fichiers-item-informations {
								font-size: 0.85em;
								font-style: italic;
								color: gray;
							}
					*/
.periode-gestion-fichiers-liste,
.calendrier-fichiers-liste {
    /* max-height: 120px; */
    overflow-x: auto;
    overflow-y: hidden;
}

.fichiers-element-item {
    border: 1px solid lightgray;
    padding: 0.15em;
}

.fichiers-element-item:nth-of-type(even) {}

.fichiers-element-item:hover {
    background-color: #ebebeb;
    border: 1px solid gray;
}

.fichiers-element-item .fichiers-item-iconetitre {}

.fichiers-element-item .fichiers-item-iconetitre-titre {
    text-align: left;
    font-size: 0.9em;
    padding: 0.25em;
}

.fichiers-element-item .fichiers-item-iconetitre-icone {
    width: 18px;
    min-width: 18px;
    text-align: left;
}

.fichiers-element-item .icone-fichier {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url('./images/site/sprite_16px.png');
}

.fichiers-element-item.fichiers-item-type-image .icone-fichier {
    background-position: -240px 0px;
}

.fichiers-element-item.fichiers-item-type-image:hover .icone-fichier {
    background-position: -240px -16px;
}

.fichiers-element-item.fichiers-item-type-pdf .icone-fichier {
    background-position: -224px 0px;
}

.fichiers-element-item.fichiers-item-type-pdf:hover .icone-fichier {
    background-position: -224px -16px;
}

.fichiers-element-item.fichiers-item-type-document .icone-fichier {
    background-position: -256px 0px;
}

.fichiers-element-item.fichiers-item-type-document:hover .icone-fichier {
    background-position: -256px -16px;
}

.fichiers-element-item .fichiers-item-informations {
    font-size: 0.85em;
    font-style: italic;
    color: gray;
}

.fichiers-element-item.fichier-element-item-detachable .fichiers-item-uploader {}

.fichiers-element-item.fichier-element-item-detachable .fichiers-item-options,
.fichiers-element-item.fichier-element-item-detachable:hover .fichiers-item-uploader {
    display: none;
}

.fichiers-element-item.fichier-element-item-detachable:hover .fichiers-item-options {
    display: block;
}


.fichiers-element-periode.fichiers-element-item {
    position: relative;
    width: 115px;
    height: 115px;
    min-width: 115px;
    max-width: 115px;
    min-height: 115px;
    max-height: 115px;
    padding: 0px;
    margin: 2px;
    opacity: 0.9;
}

.fichiers-element-periode.fichiers-element-item:hover {
    opacity: 1;
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-apercu {
    height: 100%;
    padding: 2px;
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-apercu img {
    max-height: 100%;
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts {
    position: absolute;
    width: 100%;
    height: 50px;
    top: 65px;
    background-color: rgba(220, 220, 220, 0.8);
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts-titre {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts-opts {}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts-opts-avatar {
    opacity: 0.7;
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts-opts-avatar img {
    width: 17px;
}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts-opts-opts {}

.fichiers-element-periode.fichiers-element-item .fichiers-item-titreopts-opts-opts .fichiers-item-options {
    display: block;
}


.fichiers-item-iconetitre {}

.fichiers-item-iconetitre .fichiers-item-iconetitre-icn {}

.fichiers-item-iconetitre .fichiers-item-iconetitre-title {
    font-family: var(--ff-play);
    font-size: 0.85em;
    padding: 0.25em;
    color: #494949;
}


#calendrier-fichiers-liste-a-attacher {
    margin-top: 1em;
}

#calendrier-fichiers-liste-a-attacher-contenu {
    margin-top: 0.75em;
    margin-left: 0.5em;
    text-align: left;
}

.contrats-liste-a-attacher-titre,
.fichiers-liste-a-attacher-titre {
    font-size: 0.85em;
    font-weight: bold;
    color: gray;
    padding: 0.15em;
}

.fichiers-liste-a-attacher-div {
    max-height: 120px;
    overflow: auto;
}

.io4 .fichiers-liste-a-attacher-div {
    max-height: initial;
    max-height: max-content;
}

.fichiers-element-item-a-attacher {
    min-height: 70px;
}

.fichiers-element-item-a-attacher .lien-pour-detacher {
    display: none;
}

.fichiers-element-item-a-attacher.item-attache {
    background-color: var(--c-beige-05);
    position: relative;
}

.fichiers-element-item-a-attacher.item-attache::after {
    box-sizing: content-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-family: 'Material Icons Outlined';
    font-size: 25px;
    content: '\E2E6';
    color: black;
    background-color: rgba(250, 250, 250, 0.6);
}

.fichiers-element-item-a-attacher.item-attache:hover {
    border-color: #ab3b3d;
}

.fichiers-element-item-a-attacher.item-attache .lien-pour-attacher {
    display: none;
}

.fichiers-element-item-a-attacher.item-attache .lien-pour-detacher {
    display: block;
}



.calendrier-interactions-impression-infos-conseils {
    margin: 0.5em 0;
}

.calendrier-interactions-impression-infos-navigateurs {}

.calendrier-interactions-impression-infos-navigateurs .lien-navigateur {
    padding: 3px;
}

.calendrier-interactions-impression-infos-navigateurs .navigateur-explications {
    display: none;
    font-family: var(--ff-play);
    text-align: left;
    padding: 0 0.5em;
    margin: 0.5em;
    border-left: 1px solid gray;
    font-size: 0.9em;
}

.calendrier-interactions-impression-filtres {}

.calendrier-interactions-impression-filtres .formulaire-section {
    padding: 0.25em 0.2em;
}


.formulaire-calendrier-interactions-periodesroulement {
    margin-bottom: 0.5em;
}

.formulaire-calendrier-interactions-periodesroulement .calendrier-periode-gerer-infossup {
    text-align: left;
    font-size: 0.7em;
    padding: 0.15em;
    font-style: italic;
    color: #6d6d6d;
}

.formulaire-calendrier-interactions-periodesroulement .formv3-partie {
    padding-left: 0 !important;
}

.formulaire-calendrier-interactions-periodesroulement .to-display-when-element-select,
.formulaire-calendrier-interactions-periodesroulement .to-display-when-type-select,
.formulaire-calendrier-interactions-periodesroulement .to-display-when-elem-rempla,
.formulaire-calendrier-interactions-periodesroulement .to-display-when-elem-etudiant,
.formulaire-calendrier-interactions-periodesroulement .to-display-when-elem-salarie,
.formulaire-calendrier-interactions-periodesroulement .to-display-when-type-travail {
    display: none;
}

.formulaire-calendrier-interactions-periodesroulement .div-general.element-selected .to-display-when-element-select,
.formulaire-calendrier-interactions-periodesroulement .div-general.type-selected .to-display-when-type-select,
.formulaire-calendrier-interactions-periodesroulement .div-general.type-travail .to-display-when-type-travail,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-remplacant .to-display-when-elem-rempla,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-salarie .to-display-when-elem-salarie,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-remplacant .to-display-when-elem-remplasalarie,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-salarie .to-display-when-elem-remplasalarie,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-etudiant .to-display-when-elem-etudiant {
    display: block;
}

.formulaire-calendrier-interactions-periodesroulement .div-general.element-selected .to-display-when-element-select.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.type-selected .to-display-when-type-select.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.type-travail .to-display-when-type-travail.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-remplacant .to-display-when-elem-rempla.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-salarie .to-display-when-elem-salarie.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-remplacant .to-display-when-elem-remplasalarie.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-salarie .to-display-when-elem-remplasalarie.todisplayinline,
.formulaire-calendrier-interactions-periodesroulement .div-general.element-statut-etudiant .to-display-when-elem-etudiant.todisplayinline {
    display: inline;
}

.formulaire-calendrier-interactions-periodesroulement .div-general:not(.type-travail) .to-display-when-type-travail,
.formulaire-calendrier-interactions-periodesroulement .div-general:not(.element-statut-remplacant) .to-display-when-elem-rempla:not(.to-display-when-elem-remplasalarie),
.formulaire-calendrier-interactions-periodesroulement .div-general:not(.element-statut-salarie) .to-display-when-elem-salarie:not(.to-display-when-elem-remplasalarie),
.formulaire-calendrier-interactions-periodesroulement .div-general:not(.element-statut-salarie):not(.element-statut-remplacant) .to-display-when-elem-remplasalarie,
.formulaire-calendrier-interactions-periodesroulement .div-general:not(.element-statut-etudiant) .to-display-when-elem-etudiant {
    display: none;
}

.planning-elements-groupe-indiv {
    background-color: var(--c-jaune);
    border-radius: 20px;
    padding: 0.25em;
    margin: 0.25em 1px;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements {
    padding: 0.25em;
}

.periode-gestion-avatar-remplace {
    height: 22px;
    width: 22px;
    opacity: 0.8;
    max-width: none !important;
}



.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element {
    width: 100%;
    margin: 0.5em 0.15em;
    border: 2px solid var(--c-redclaire);
    border-radius: 15px;
    background-color: rgba(240, 240, 240, 0.2);
    cursor: pointer;
    transition: all 0.15s linear;
    opacity: 0.9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.formulaire-calendrier-interactions-periodesroulement .perioderoulement-gestion-element {
    width: auto;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element-hide {
    display: none;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element.checked {
    border-color: var(--c-red);
    margin: 0.25em;
    opacity: 1;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element.checked .element-identite {
    font-weight: bold;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element:hover {
    border-color: var(--c-red);
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element-checkbox {}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-element-infos {}

.formulaire-calendrier-interactions-periodesroulement .element-avatar {
    padding: 3px;
}

.formulaire-calendrier-interactions-periodesroulement .element-avatar-img {
    width: 25px;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements:not(.format-icones) .element-avatar .icone-menu-calendrier {
    display: none;
}

.formulaire-calendrier-interactions-periodesroulement #calendrier-roulement-roulements .periode-gestion-elements.format-liste .periode-gestion-element {
    padding: 0.25em;
    padding-right: 0.5em;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-liste .periode-gestion-element {
    background-image: none !important;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones {}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-liste .periode-gestion-element.checked {
    margin-left: 0.5em;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-liste .periode-gestion-element:not(.checked) {
    opacity: 0.8;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element {
    width: 50px;
    height: 50px;
    padding: 2.5px;
    margin: 5px;
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    opacity: 0.4;
    text-align: center;
    transition: padding 0.15s linear, margin 0.15s linear, width 0.15s linear, height 0.15s linear;
    justify-content: center;
    background-color: rgba(240, 240, 240, 0.2);
    overflow: hidden;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element:hover,
.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element.checked {
    opacity: 1;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element.checked {
    width: 55px;
    height: 55px;
    margin: 2.5px;
    border-color: var(--c-red);
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .periode-gestion-element-checkbox,
.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .periode-gestion-element-radio,
.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-liste .periode-gestion-element .periode-gestion-element-radio,
.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .element-identite,
.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-liste .periode-gestion-element .element-identite-initiales {
    display: none;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .element-avatar {
    display: none !important
}

/*
									.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .element-avatar {
										display: inline-block;
										padding: 2px;
										transition: padding 0.15s linear;
									}
										.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element.checked .element-avatar {
											padding: 0px;
										}

										.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .element-avatar-img {
											width: 40px;
										}*/

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element {
    position: relative;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones .periode-gestion-element .element-identite-initiales {
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 0 0 3px white;
    background-color: rgba(250, 250, 250, 0.8);
    color: black;
}


.formulaire-calendrier-interactions-periodesroulement #periode-gestion-elements-nbr-selectionnes {
    display: none;
    width: 100%;
    text-align: right;
    font-size: 0.8em;
    color: gray;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-elements.format-icones #periode-gestion-elements-nbr-selectionnes {
    display: block;
}


#calendrier-gestion-ajoutfichiers-lien {
    color: #ab3b3d;
    font-family: 'Play', arial;
    padding: 0.5em;
}

#roulement-ajoutconfig-lien {
    color: #ab3b3d;
    font-family: 'Play', arial;
    font-size: small;
    padding: 2px;
}

#periode-gestion-ajoutfichiers-lien,
#periode-gestion-ajoutdates-lien {
    border: 1px solid lightgray;
    padding: 2px;
    font-size: small;
    color: #ab3b3d;
    font-family: 'Play', arial;
}

.formulaire-calendrier-interactions-periodesroulement .periode-gestion-fichiers-liste {}

.element-liste-fichiers-aucunfichier {
    font-style: italic;
    color: gray;
    font-size: small;
}


.periode-groupe-infos-calendrier {
    font-size: small;
    text-align: left;
    margin-bottom: 0.75em;
}

.periode-groupe-infos-individu {
    margin-bottom: 0.75em;
}

.periode-groupe-infos-calendrier-titre,
.periode-groupe-infos-individu-identité {
    font-weight: bold;
}

.periode-groupe-infos-lignedates {
    margin-left: 1em;
}

.periode-groupe-infos-lignedates-titre {
    font-style: italic;
    margin: 0.75em 0 0.5em 0;
}

.periode-groupe-infos-infos {
    padding: 0.25em;
    margin-left: 0.25em;
}


.formulaire-calendrier-interactions-periodesroulement .roulement-configuration-item {
    margin-bottom: 0.25em;
    background: var(--c-redclaire);
    border-radius: 20px;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-configuration-item-titre {
    font-family: var(--ff-graphie);
    font-size: small;
    font-weight: bold;
    color: white;
    padding: 2px;
    padding-left: 1em;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-configuration-item-contenu {
    margin: 0 3px;
}


.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-item {
    margin-bottom: 0.5em;
    border: 1px solid var(--c-redpale);
    border-radius: 10px;
    overflow: hidden;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-item-titre {
    font-size: small;
    font-weight: bold;
    background: var(--c-redclaire);
    color: var(--c-bluedark);
    padding: 2px;
    padding-left: 1em;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-item-contenu {
    background: white;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-roulement {
    border-top: 1px dashed lightgray;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-labelroulement {
    text-align: center;
    font-size: small;
    font-weight: bold;
    padding: 5px 0;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-case {
    width: 14.2857143%;
    width: calc(100%/7);
    height: 35px;
    text-align: center;
    opacity: 0.8;
    cursor: pointer;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-case .roulement-semaine-contenu-u {
    width: 100%;
    height: 100%;
    padding: 5px;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-case:hover,
.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-case.checked {
    opacity: 1;
}

.formulaire-calendrier-interactions-periodesroulement .roulement-semaine-case.roulement-semaine-case-jr {
    font-size: small;
    font-family: var(--ff-play);
    opacity: 1;
}

.periode-titre-infos {
    float: right;
}

.periode-details {
    text-align: left;
    margin: 0.5em;
    margin-top: 1.5em;
    margin-bottom: 2em;
    padding: 0.15em;
    background: white;
}

.periode-details-element {}

.periode-details-element-icone {
    padding: 3px 5px;
}

.periode-details-element-icone img {
    width: 25px;
    height: 25px;
}

.periode-details-element-identifiant {
    font-weight: bold;
}

.periode-details-dates {
    margin-top: 0.5em;
    margin-left: 0.25em;
    padding-left: 0.25em;
}

.periode-details-dates-dates {
    font-size: 0.95em;
}

.periode-details-tournee {
    margin-top: 0.75em;
    font-size: 0.8em;
}

.periode-details-tournee-infos {
    display: none;
}


.periode-details-remplace {
    margin-top: 0.75em;
    font-size: 0.8em;
    color: #696969;
    font-style: italic;
}

.periode-details-remplace-avatar {
    width: 18px;
}

.periode-details-remplace-pseudonyme {
    font-style: normal;
    font-weight: bold;
}


.periode-details-infossup {
    font-size: 0.90em;
    margin: 0.5em;
    font-style: italic;
    max-height: 125px;
    overflow-y: auto;
}


.periode-details-contrat,
.periode-details-fichiers {
    margin: 0 0.5em;
}


.periode-details-contrat-titre,
.periode-details-fichiers-titre {
    border-bottom: 1px solid lightgray;
    font-size: 0.9em;
    font-variant: small-caps;
    text-align: left;
    background: lightgray;
    color: white;
}

.periode-details-contrat-sans {}

.periode-contrat-lien {
    font-size: small;
    padding: 0.5em;
    color: #ab3b3d;
}

.periode-contrat-lien:first-child {
    border-right: 1px solid lightgray;
}

.periode-contrat-lien:hover {
    background-color: #ab3b3d;
    color: white;
}


.periode-details-contrat-avec {}

.periode-details-contrat-infos {
    padding: 0.15em;
}

.periode-details-contrat-contrat {
    font-size: 0.88em;
    color: #ab3b3d;
    font-weight: bold;
}

.periode-details-contrat-signatures {
    text-align: left;
    font-size: 0.85em;
    color: #474747;
    margin-top: 0.25em;
}

.periode-details-contrat-signatures-item:first-child {
    /*border-right: 1px dotted lightgray;*/
}


.periode-details-contrat-signatures-indiv {
    padding: 0.25em;
}

.periode-details-contrat-signatures-statut-self {
    padding: 0.25em;
    text-align: right;
}

/*
					.periode-details-fichiers {
						margin-top: 1em;
						border-top: 1px solid lightgray;
						border-bottom: 1px solid lightgray;
						border-left: 5px solid lightgray;
					}

						.periode-details-fichiers-liste {
							max-height: 120px;
							overflow: auto;
						}

							.periode-details-fichiers-item {
								border: 1px solid lightgray;
								padding: 0.15em;
							}

							.periode-details-fichiers-item:nth-of-type(odd) {
								background-color: #f0f0f0;
							}

							.periode-details-fichiers-item:hover {
								background-color: #ebebeb;
								border: 1px solid gray;
							}

								.periode-details-fichiers-item-icone {
									width: 26px;
									min-width: 26px;
									text-align: left;
								}

									.periode-details-fichiers-item .icone-fichier {
										display: inline-block;
										vertical-align: center;
										width: 25px;
										height: 25px;
										background-image: url('./images/site/sprite_25px.png');
									}

									.periode-details-fichiers-item.type-image .icone-fichier { background-position: -425px 0px; }
										.periode-details-fichiers-item.type-image:hover .icone-fichier { background-position: -425px -25px; }
									.periode-details-fichiers-item.type-pdf .icone-fichier { background-position: -400px 0px; }
										.periode-details-fichiers-item.type-pdf:hover .icone-fichier { background-position: -400px -25px; }
									.periode-details-fichiers-item.type-document .icone-fichier { background-position: -450px 0px; }
										.periode-details-fichiers-item.type-document:hover .icone-fichier { background-position: -450px -25px; }

								.periode-details-fichiers-item-titre {
									text-align: left;
									font-size: 0.9em;
									padding: 0.25em;
								}

								.periode-details-fichiers-item-upload {
									width: 20px;
									min-width: 20px;
									text-align: right;
								}
									.periode-details-fichiers-item-upload img {
										width: 18px;
										height: 18px;
									}
						*/
.periode-details-infos-edition {
    padding: 0.5em 0.15em;
    padding-bottom: 0.15em;
    border-top: 1px solid lightgray;
    background-color: #fef7f8;
    font-size: 0.85em;
    text-align: left;
    color: #6b6b6b;
}

.periode-details-infos-edition-creation {}

.periode-details-infos-edition-creation .creation-date {}

.periode-details-infos-edition-modifications .modification-individu,
.periode-details-infos-edition-creation .creation-individu {
    font-weight: bold;
}


.periode-details-infos-edition-modifications {
    margin-top: 0.75em;
}

.periode-details-infos-modifications-item {
    padding: 0.25em 1em;
}

.periode-details-infos-modifications-item .periode-details-infos-modifications-item-count {
    opacity: 0.5;

}

.periode-details-infos-edition-modifications .modification-individu img,
.periode-details-infos-edition-creation .creation-individu img {
    width: 20px;
}


.calendrier-date-details {}

.calendrier-interactions-dateid {
    font-weight: bold;
    color: gray;
}

.calendrier-date-listeinfos {
    text-align: left;
    padding: 0 0.25em;
}

.calendrier-date-listeinfos-partie {
    margin-top: 1em;
}

.calendrier-date-listeinfos-partie-travail {
    margin-bottom: 2em;
}

.calendrier-date-listeinfos-partie-disponibilite {
    padding-bottom: 0.25em;
}

.calendrier-date-listeinfos-titre {
    font-weight: bold;
}

.calendrier-date-listeinfos-liste {
    margin-left: 0.75em;
    margin-top: 0.75em;
}

.calendrier-date-listeinfos-item {
    padding: 0.25em 0 0.25em 0.75em;
    border-left: 4px solid gray;
    margin-bottom: 0.5em;
}

.calendrier-date-listeinfos-item:hover {
    background-color: rgba(150, 150, 150, 0.1);
}

.date-listeinfos-element {
    font-weight: bold;
}

.date-listeinfos-element-avatar {
    width: 20px;
    height: 20px;
    margin: 1px 2px;
}

.date-listeinfos-details {
    color: gray;
    font-size: 0.9em;
}

.date-listeinfos-tournee {
    font-style: italic;
}




#formulaire-gestion-date {}

.formulaire-section-date-item {}

#formulaire-gestion-date .hidden {
    display: none;
}

#formulaire-gestion-date .disabled {
    opacity: 0.8;
}

#formulaire-gestion-date .txt-disabled {
    border: 1px solid lightgray;
    background: #ffffff;
    color: #919191;
    padding: 5px;
    font-size: 0.9em;
}


.liste-periodes-individus-labels {
    display: block;
    padding: 0.4em 0.25em;
    margin: 0.1em 0;
    border-left: 2px solid lightgray;
}

.liste-periodes-dates {
    font-variant: small-caps;
    margin: 0.75em 0;
    margin-top: 1em;
    font-weight: bold;
}

.liste-periodes-item {
    padding: 0.25em;
}

.liste-periodes-item-contenu {
    border: 1px solid lightgray;
    border-left: 2px solid lightgray;
    border-radius: 10px;
}

.liste-periodes-item-contenu:hover {
    border-right-color: gray;
    border-top-color: gray;
    border-bottom-color: gray;
    background-color: rgba(200, 200, 200, 0.2);
}

.liste-periodes-item-input-conteneur {
    padding: 2px;
}

.liste-periodes-item-label {
    padding-left: 0.25em;
}

.liste-periodes-item--identite {}

.liste-periodes-item--activite {
    font-size: 0.9em;
    color: #3e3e3e;
    padding: 0.25em 0;
}

.liste-periodes-item--activite-dates {
    font-weight: bold;
}

.liste-periodes-item--remplacement {
    font-size: 0.85em;
    color: #3e3e3e;
}

.liste-periodes-item--remplacement-contrat {
    font-style: italic;
    font-size: 0.8em;
}

#form-periodes-gestion-partietohide {
    margin-top: 2em;
    display: none;
}


#calendrier-selectiondates-live {
    display: none;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: white;
    border-top: 1px solid #ab3b3d;
    width: 100%;
    text-align: left;
}

#calendrier-div-conteneur.selectiondateliveencours #calendrier-selectiondates-live {
    display: block;
}

#calendrier-selectiondates-live-dates {
    padding: 0.15em;
}

#calendrier-selectiondates-live-label {
    font-size: 0.75em;
    font-weight: bold;
    color: gray;
}


#periode-gestion-dates-selectlive {}

#periode-gestion-dates-selectlive-dates {
    border: 1px solid var(--c-redpale);
    margin: 5px 1px;
    padding: 5px;
    border-radius: 10px;
}

.pgdsd-annee-conteneur {
    padding: 1px;
}

.pgdsd-annee-label {
    font-weight: bold;
    font-size: 0.8em;
    color: gray;
}

.pgdsd-mois-conteneur {
    font-size: 0.85em;
}

.pgdsd-mois-label {
    font-weight: bold;
}

.pgdsd-jours-conteneur {}


.lien-type-boutonicone-conteneur {
    display: inline-block;
    vertical-align: middle;
}

.lien-type-boutonicone {
    border: 1px solid lightgray;
    margin: 0.2em;
    transition: border-color 0.1s linear;
}

.lien-type-boutonicone .boutonicone-icone {
    padding: 1px;
}

.lien-type-boutonicone .boutonicone-texte {
    padding: 2px 6px;
    background-color: rgba(150, 150, 150, 0.3);
    font-size: 0.9em;
    font-weight: bold;
    transition: padding 0.1s linear;
}

.lien-type-boutonicone.lien-type-calendrier .boutonicone-texte {
    color: white;
    background-color: rgba(150, 10, 12, 0.5);
}

.lien-type-boutonicone:hover {
    border-color: gray;
}

.lien-type-boutonicone:hover .boutonicone-texte {
    padding: 2px 8px;
}


.txt-explications-conteneur {
    /*background-color: #f0f0ff;*/
    background-color: #fafaff;
    border-top: 1px dashed lightgray;
    opacity: 0.9;
    margin-top: 2em;
}

.txt-explications-contenu {
    position: relative;
    margin: auto;
    font-size: 0.95em;
    height: 175px;
    overflow: hidden;
}

.txt-explications-titre {
    font-weight: bold;
    color: #626263;
    text-align: left;
    font-variant: small-caps;
}

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

.txt-explications-fade {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 75px;
    background: -webkit-linear-gradient(bottom, #fafaff 30%, rgba(247, 247, 247, 0) 100%);
}

.txt-explications-lienvoirplus {
    display: block;
    margin: auto;
    border: 1px solid lightgray;
    text-align: center;
    padding: 3px 0;
}


.lecture .txt-explications-contenu {
    height: auto;
}

.lecture .txt-explications-fade,
.lecture .txt-explications-lienvoirplus {
    display: none;
}


#formulaire-contact {
    margin: auto;
}


.administration-menu {}

.administration-menu .active {
    font-weight: bold;
}




#administration-site-partie-textes {}

.administration-textes-categorie {}

.textes-categorie-titre {}

.textes-categorie-contenu {
    padding-left: 1em;
}

.administration-textes-code {}

.administration-textes-infos {
    display: none;
    padding-bottom: 0.75em;
}

.administration-textes-txt {}

.administration-textes-txt textarea {
    height: 15em;
}

.administration-textes-options {
    font-size: small;
}


#administration-faq-liste {}

.administration-faq-groupe {}

.administration-faq-groupe-titre {}

.administration-faq-groupe-infos {
    display: none;
}

.administration-faq-groupe-infos-gestion {
    margin-bottom: 1em;
}

.administration-faq-groupe-contenu {
    padding-left: 1em;
}

.administration-faq-question {}

.administration-faq-question-label {}

.administration-faq-question-infos {
    display: none;
    padding-bottom: 1em;
}

.administration-faq-question-question {}

.administration-faq-question-video {}

.administration-faq-question-reponse {}

.administration-faq-question-reponse textarea {
    height: 10em;
}

.administration-faq-question-options {
    font-size: small;
}

.administration-faq-groupe-options {
    font-size: small;
    margin-top: 0.75em;
}

#premium-infos,
#conditionsgenerales-infos,
#mentionslegales-infos,
#cestquoicesite-infos {
    display: none;
}

#premium-texte,
#conditionsgenerales-texte,
#mentionslegales-texte,
#cestquoicesite-texte {
    height: 15em;
}


#formulaire-administration-erreurs-gestion {}

#formulaire-administration-erreurs-gestion .formulaire-section {
    padding: 0.15em;
}

.erreurs-item-statut-0 .erreurs-item-couleurstatut {
    background: red;
    border: 1px solid red;
}

.erreurs-item-statut-1 .erreurs-item-couleurstatut {
    background: blue;
    border: 1px solid blue;
}

.erreurs-item-statut-2 {
    opacity: 0.5;
}

.erreurs-item-statut-2:hover {
    opacity: 0.9;
}

.erreurs-item-statut-2 .erreurs-item-couleurstatut {
    background: green;
    border: 1px solid green;
}

.erreurs-item:not(.erreurs-item-statut-0) .erreurs-item-erreur {
    display: none;
}

.erreurs-item-erreur-msginfos {
    margin-bottom: 0.5em;
    font-size: 0.85em;
}


#formulaire-administration-signalements-gestion {}

#formulaire-administration-signalements-gestion .formulaire-section {
    padding: 0.15em;
}

.signalements-item-statut-0 .signalements-item-couleurstatut {
    background: red;
    border: 1px solid red;
}

.signalements-item-statut-1 .signalements-item-couleurstatut {
    background: blue;
    border: 1px solid blue;
}

.signalements-item-statut-2 {
    opacity: 0.5;
}

.signalements-item-statut-2:hover {
    opacity: 0.9;
}

.signalements-item-statut-2 .signalements-item-couleurstatut {
    background: green;
    border: 1px solid green;
}

.signalements-item-datetype {}

.signalements-item-datetype .signalements-item-signaleur {}

.signalements-item-signaleur .signalements-item-signaleur-avatar {
    width: 30px;
}

.signalements-item-infos {
    display: none;
}

.signalements-item-infos-infos-txt {
    margin-top: 0.5em;
    padding-left: 0.75em;
}

.signalements-item-infos-element {
    margin-bottom: 1em;
}

.signalements-item-infos-element-txt-infos {
    margin-top: 0.25em;
    padding-left: 0.25em;
}

.signalements-item-infos-motif {
    margin-bottom: 1em;
}

.signalements-item-infos-motif-txt {
    font-style: italic;
}

.signalements-item-infos-utilisateur {}

.signalements-item-infos-utilisateur .signalements-item-signale-avatar {
    width: 30px;
}

.signalements-item-infos-utilisateur-txt-signalements {
    margin-top: 0.5em;
}

.signalements-item-infos-utilisateur-txt-signalements-liste {
    margin-left: 0.75em;
}

.signalements-item-infos-utilisateur-txt-signalements-liste-item {
    margin-top: 0.25em;
}


#formulaire-administration-contact-gestion {}

#formulaire-administration-contact-gestion .formulaire-section {
    padding: 0.25em;
}

.contact-item-statut-0 .contact-item-couleurstatut {
    background: red;
    border: 1px solid red;
}

.contact-item-statut-1 .contact-item-couleurstatut {
    background: blue;
    border: 1px solid blue;
}

.contact-item-statut-2 {
    opacity: 0.5;
}

.contact-item-statut-2:hover {
    opacity: 0.9;
}

.contact-item-statut-2 .contact-item-couleurstatut {
    background: green;
    border: 1px solid green;
}

.contact-item-identite {
    font-weight: bold;
}

.contact-item-identite-avatar {
    width: 20px;
}

.contact-item-identite-email {
    font-weight: normal;
}


.contact-item-infos {
    display: none;
}

.contact-item-convers-options {
    margin-bottom: 0.5em;
    font-size: 0.85em;
}

#envoi-message {
    height: 15em;
}

.formv3-partie.admin-forum-partie-enfant {
    padding-left: 1em !important;
    border-left: 2px solid lightgray !important;
    margin-left: 1em;
}


#administration-calendriers-liste {}

#administration-calendriers-nbrelements {
    text-align: center;
    font-weight: bold;
    color: gray;
    font-size: 0.85em;
    margin-bottom: 1em;
}

.calendriers-liste-item {
    border: 1px solid lightgray;
    border-left-width: 6px;
    padding: 0.75em 0;
}

#administration-calendriers-liste .calendriers-liste-item:nth-of-type(odd) {
    background-color: rgba(150, 150, 150, 0.1);
}

#administration-calendriers-liste .calendriers-liste-item:hover {
    background-color: rgba(150, 150, 150, 0.2);
}

.calendriers-liste-item .item-id {
    font-size: 0.7em;
}

.calendriers-liste-item .item-titre {
    font-weight: bold;
    padding: 0.5em 0.3em;
}

.calendriers-liste-item .item-dates {
    font-style: italic;
    font-size: 0.9em;
    padding: 0.25em 0.3em;
}

.calendriers-liste-item .item-departement {
    padding: 0.25em 0.3em;
    color: gray;
}

.calendriers-liste-item .item-proprietaire {
    padding: 0.25em 0.3em;
}

.calendriers-liste-item .item-proprietaire-label {
    font-size: 0.8em;
    color: gray;
}

.calendriers-liste-item .item-individus {
    padding: 0.25em 0.3em;
    text-align: center;
}

.calendriers-liste-item .item-individus-label {
    font-size: 0.8em;
    color: gray;
}

.calendriers-liste-item .item-individus-zero {
    opacity: 0.4;
}



#administration-individus-liste {}

#administration-individus-nbrelements {
    text-align: center;
    font-weight: bold;
    color: gray;
    font-size: 0.85em;
    margin-bottom: 1em;
}

.individus-liste-item {
    border: 1px solid lightgray;
    border-left-width: 2px;
    padding: 0.75em 0;
}

#administration-individus-liste .individus-liste-item:nth-of-type(odd) {
    background-color: rgba(150, 150, 150, 0.1);
}

#administration-individus-liste .individus-liste-item:hover {
    background-color: rgba(150, 150, 150, 0.2);
}

.individus-liste-item .item-id {
    text-align: center;
    font-size: 0.7em;
}

.individus-liste-item .item-id .item-id-avatar {
    max-height: 65px;
}

.individus-liste-item .item-identite {
    font-weight: bold;
    padding: 0.5em 0.3em;
}

.individus-liste-item .item-dates {
    font-style: italic;
    font-size: 0.9em;
    padding: 0.25em 0.3em;
}

.individus-liste-item .item-infosdiverses {
    padding: 0.25em 0.3em;
    font-size: 0.9em;
    text-align: center;
}

.individus-liste-item .item-proprietaire {
    padding: 0.25em 0.3em;
}

.individus-liste-item .item-proprietaire-label {
    font-size: 0.8em;
    color: gray;
}

.individus-liste-item .item-calendriers {
    padding: 0.25em 0.3em;
    text-align: center;
}

.individus-liste-item .item-calendriers-label {
    font-size: 0.8em;
    color: gray;
}

.individus-liste-item .item-calendriers-zero {
    opacity: 0.4;
}


#admin-forums-liste {}

.admin-forum {}

.admin-forum-enfant {
    margin-left: 0.5em;
}

.admin-forum-petitenfant {
    margin-left: 1em;
}


#profil-statistiques-ul {
    font-size: 0.9em;
}

.profil-statistiques-li-titre {
    font-size: 0.8em;
    font-weight: bold;
    color: gray;
}

.profil-infossupplementaires-statistiques {}

.profil-infossupplementaires-statistiques-partie {
    padding: 0.5em 0;
}

.profil-infossupplementaires-statistiques-partie-label {
    font-size: 0.9em;
    color: gray;
    font-weight: bold;
}

.profil-infossupplementaires-statistiques-partie-valeur {}

.profil-infossupplementaires-calendriers-liste {
    background-color: rgba(251, 251, 251, 0.9);
    padding: 0.75em;
    margin-top: 0.5em;
}

.profil-infossupplementaires-calendriers-item {
    padding: 0.5em;
    height: 70px;
}

.profil-infossupplementaires-calendriers-item a {
    padding: 0.25em;
    height: 100%;
    border-left: 4px solid lightgray;
    overflow: hidden;
}

.profil-infossupplementaires-statistiques-connexions {
    padding: 0 0.5em;
    max-height: 6em;
    border-left: 2px solid lightgray;
    overflow: auto;
    width: 100%;
}

.partie-gray .profil-infossupplementaires-statistiques-connexions {
    background: white;
}

.profil-infossupplementaires-statistiques-connexions-item {
    padding: 0.15em 0.1em;
}

.profil-infossupplementaires-statistiques-connexions-item .item-date {
    font-size: 0.9em;
}

.profil-infossupplementaires-statistiques-connexions-item .item-ip {
    font-size: 0.8em;
}



.administration-site-statistiques-partie-logs {
    margin: 1em 0;

}

.administration-site-statistiques-partie-logs .logs-titre {
    font-weight: bold;
    margin-bottom: 1em;
}

.administration-site-statistiques-partie-logs .logs-annee {
    padding: 0.25em;
}

.administration-site-statistiques-partie-logs .logs-annee-titre {
    display: block;
    font-size: large;
    margin-bottom: 0.25em;
    font-weight: bold;
}

.administration-site-statistiques-partie-logs .logs-annee-contenu {
    padding-left: 0.5em;
    border-left: 1px solid lightgray;
    display: none;
}

.administration-site-statistiques-partie-logs .logs-mois {
    margin-bottom: 1em;
}

.administration-site-statistiques-partie-logs .logs-mois-titre {
    display: block;
    margin-bottom: 0.15em;
    color: #2d267f;
    font-weight: bold;
}

.administration-site-statistiques-partie-logs .logs-mois-statsglobales {
    padding-left: 0.5em;
    font-size: 0.95em;
}

.administration-site-statistiques-partie-logs .logs-mois-statsglobales-nbr-0 {
    opacity: 0.3;
}

.administration-site-statistiques-partie-logs .logs-mois-statsglobales-stats {}

.administration-site-statistiques-partie-logs .logs-mois-statsglobales-stats-label {
    color: gray;
    opacity: 0.8;
}

.administration-site-statistiques-partie-logs .logs-mois-statsglobales-stats-valeur {}


.administration-site-statistiques-partie-logs .logs-mois-contenu {
    margin-top: 0.5em;
    padding-left: 0.5em;
    display: none;
}

.administration-site-statistiques-partie-logs .logs-mois-contenu-vide {
    font-style: italic;
    opacity: 0.5;
    font-size: 0.9em;
}

.administration-site-statistiques-partie-logs .logs-jour {
    font-size: 0.9em;
    margin-top: 0.5em;
}

.administration-site-statistiques-partie-logs .logs-jour-titre {}

.administration-site-statistiques-partie-logs .logs-jour-statsglobales {
    padding-left: 0.5em;
}

.administration-site-statistiques-partie-logs .logs-jour-statsglobales-nbr-0 {
    opacity: 0.3;
}

.administration-site-statistiques-partie-logs .logs-jour-statsglobales-stats {}

.administration-site-statistiques-partie-logs .logs-jour-statsglobales-stats-label {
    color: gray;
    opacity: 0.8;
}

.administration-site-statistiques-partie-logs .logs-jour-statsglobales-stats-valeur {}




.chat-conteneur {
    margin: auto;
    max-width: 800px;
    border: 1px solid lightgray;
}

.chat-discussion {
    min-height: 150px;
    max-height: 400px;
    overflow: auto;
}

.chat-discussion-chargement-messages-precedents-div {
    padding: 0.75em 0;
}

.chat-discussion-chargement-messages-precedents-lien {}

.chat-discussion-chargement-messages-precedents-div .msg-workdone {
    display: none;
}

.chat-discussion-msg-id-0.workdone .chat-discussion-chargement-messages-precedents-div .msg-workdone {
    display: block;
}

.chat-discussion-msg {
    margin-bottom: 0.5em;
}

.chat-discussion-msg--contenu {
    display: inline-block;
    max-width: 60%;
}

.chat-discussion-msg--avatar {
    padding: 3px;
}

.chat-discussion-msg--avatar-masque {
    display: none;
    width: 45px;
}

.chat-discussion-msg--avatar img {
    width: 45px;
    min-width: 45px;
}

.chat-discussion-msg--identitemsg {}

.chat-discussion-msg--identitemsg-identite {
    font-size: small;
    color: gray;
    margin-bottom: 0.25em;
    border-bottom: 1px solid lightgray;
}

.chat-discussion-msg--identitemsg-msg {
    padding: 0.25em;
    margin-left: 0.15em;
    border-left: 1px solid lightgray;
    background: rgba(200, 200, 200, 0.1);
}

@media (max-width: 768px) {
    .chat-discussion-msg--contenu {
        max-width: 80%;
    }

    .chat-discussion-msg--avatar-masque {
        width: 25px;
    }

    .chat-discussion-msg--avatar img {
        width: 25px;
        min-width: 25px;
    }
}

.chat-discussion-msg-utype-utilisateurnonconnu {
    font-size: 0.8em;
    opacity: 0.4;
    font-style: italic;
}


.chat-discussion-msg-utype-utilisateurencours {
    font-size: 0.9em;
    text-align: right;
}

.chat-discussion-msg-utype-utilisateurencours .chat-discussion-msg--contenu {
    text-align: right;
}

.chat-discussion-msg-utype-utilisateurencours .chat-discussion-msg--identitemsg {}

.chat-discussion-msg-utype-utilisateurencours .chat-discussion-msg--identitemsg-identite {
    text-align: right;
}

.chat-discussion-msg-utype-utilisateurencours .chat-discussion-msg--identitemsg-msg {
    margin-left: 0;
    border-left: 0;
    margin-right: 0.15em;
    border-right: 1px solid lightgray;
    text-align: left;
}


.chat-discussion-uprecedentactuel-identiques {
    margin-top: -0.65em;
}

.chat-discussion-uprecedentactuel-identiques .chat-discussion-msg--avatar .chat-discussion-msg--avatar-masque {
    display: block;
}

.chat-discussion-uprecedentactuel-identiques .chat-discussion-msg--identitemsg-identite,
.chat-discussion-uprecedentactuel-identiques .chat-discussion-msg--avatar img {
    display: none;
}


.chat-discussion-msg-utype-utilisateurbot {
    font-family: 'Play' !important;
    font-size: 0.9em;
    margin-bottom: 1em;
}


#calendrier-chat-apercu-contenu .chat-discussion-msg {
    text-align: right;
    overflow: hidden;
}

#calendrier-chat-apercu-contenu .chat-discussion-msg--contenu {
    width: 98%;
    max-width: 98%;
    text-align: right;
}

#calendrier-chat-apercu-contenu .chat-discussion-msg--identitemsg-msg {
    font-size: 0.9em;
    text-align: left;
}

#calendrier-chat-apercu-contenu .chat-discussion-msg--avatar {
    width: 25px;
}

#calendrier-chat-apercu-contenu .chat-discussion-msg--avatar img {
    width: 20px;
    min-width: 20px;
    height: 20px;
}


.chat-ecriture {}

#formulaire-chat {
    margin-bottom: 0;
}

.chat-textarea {
    min-height: 50px;
    height: 50px;
    max-height: 125px;
    overflow: hidden;
    resize: none;
    border-bottom: 0px;
    border-left: 0px;
}

.chat-btn-submit {
    height: 100%;
    width: 100%;
    outline: none;
    outline-style: none;
}


#periode-txtinfossup {
    min-height: 40px;
    height: 40px;
    max-height: 125px;
    overflow: hidden;
    resize: none;
}

.messagerie-conversations-titre {}


#messagerie-conversations-contenu {}


.messagerie-convers-item {
    padding: 0.35em 0.1em;
}

.messagerie-convers-item .item-contenu {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border: 3px solid var(--c-redpale);
    border-radius: 30px;
    padding: 0.5em;
}

.messagerie-convers-item .item-sujetcheckbox {
    position: relative;
}

.messagerie-convers-item .item-sujetcheckbox--checkboxlabel {
    min-width: 30px;
    width: 30px;
}

.messagerie-convers-item .item-sujetcheckbox--sujet {
    padding: 0.35em;
    font-family: var(--ff-graphie);
    font-weight: bold;
    color: var(--c-red);
}

.messagerie-convers-item .item-sujetcheckbox--sujet a {
    color: var(--c-redpale);
}

.messagerie-convers-item.messagerie-convers-item-statutlecture-nonlue .item-contenu {
    border: 3px solid var(--c-red);
    background-color: var(--c-beige-07);
}

.messagerie-convers-item.messagerie-convers-item-statutlecture-nonlue .item-sujetcheckbox--sujet a {
    color: var(--c-red);
}

.messagerie-convers-item.messagerie-convers-item-statutlecture-lue .btn-menu-considererlue,
.messagerie-convers-item.messagerie-convers-item-statutlecture-nonlue .btn-menu-considerernonlue {
    display: none;
}

.messagerie-convers-item.messagerie-convers-item-statutlecture-nonlue .item-sujetcheckbox--sujet a {
    color: var(--c-red);
}

.messagerie-convers-item .item-participantsderniermsg {}

.messagerie-convers-item .item-participantsderniermsg--participants-conteneur {
    padding: 0.25em;
}

#convers-nouvelle-participants-conteneur .partie-participants .item-participant,
.messagerie-convers-participants .item-participant,
.messagerie-convers-item .item-participantsderniermsg--participants-conteneur .item-participant {
    padding: 0.4em 0.6em;
    background: var(--c-redpale) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 16px;
    margin: 0.15em;
    color: white;
    font-size: 0.8em;
}

#convers-nouvelle-participants-conteneur .partie-participants .item-participant .pseudonyme-conteneur,
.messagerie-convers-participants .item-participant .pseudonyme-conteneur,
.messagerie-convers-item .item-participantsderniermsg--participants-conteneur .item-participant .pseudonyme-conteneur {
    color: white;
    font-variant: none;
    text-transform: uppercase;
}

.messagerie-convers-item .item-participantsderniermsg--participants-conteneur .item-participant-suspension {
    display: inline-block;
    padding: 0.15em;
    vertical-align: middle;
}

.messagerie-convers-item .item-participantsderniermsg--derniermsg-conteneur {
    padding: 0.25em;
    font-size: 0.9em;
}

.messagerie-convers-item.messagerie-convers-item-statutlecture-nonlue .item-participantsderniermsg--derniermsg-conteneur {
    font-weight: bold;
}

.messagerie-convers-item .item-participantsderniermsg--derniermsg-conteneur .derniermsg-label {
    color: var(--c-redclaire);
    font-size: 0.9em;
}

.messagerie-convers-item .item-participantsderniermsg--derniermsg-conteneur .derniermsg-date {}


.messagerie-convers {}

.messagerie-convers-contenu {}

.messagerie-convers-sujet {
    font-size: 1.2em;
    margin-bottom: 1em;
}

.messagerie-convers-infos {
    border: 1px solid lightgray;
    padding: 0.5em;
    margin-bottom: 1em;
    background-color: #cc0000;
}

.messagerie-convers-infos .infos-label {
    color: white;
}

.messagerie-convers-infos .infos-contenu {
    font-size: 0.9em;
    color: white;
}

.messagerie-convers-infos .infos-contenu p {
    margin: 0.25em;
}

.messagerie-convers-participants {
    padding: 0.25em;
    margin-bottom: 1em;
}

.messagerie-convers-participants .participants-label {
    font-size: 0.75em;
    color: #a7a6a6;
    margin-bottom: 0.15em;
}

.messagerie-convers-participants .item-participant-cache {
    display: none;
}

.messagerie-convers-participants .item-participant-suspension {
    display: inline-block;
    vertical-align: middle;
}

.messagerie-convers-participants .item-participant-suspension:hover {
    background-color: #f9f9f9;
}

.messagerie-convers-annonce {
    margin-bottom: 2em;
}

.messagerie-convers-annonce .annonce-label {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
}

.messagerie-convers-annonce .annonce-contenu {
    font-size: 0.9em;
}

.messagerie-convers-annonce .annonce-contenu .annonce-info {
    margin-bottom: 0.25em;
}

.messagerie-convers-annonce .annonce-contenu .annonce-reponse {}

.messagerie-convers-annonce .annonce-contenu .annonce-reponse .btn-convers-annonce {
    margin: 2px;
    font-size: 0.9em;
}

.messagerie-convers-repondre-conteneur {
    margin-bottom: 3em;
}

.messagerie-convers-repondre-conteneur form {
    margin-bottom: 0;
}


.messagerie-conversation {}

.messagerie-conversation-contenu {}

.conversation-infos-div,
.conversation-sujet-div,
.conversation-annonce-div,
.conversation-participants-div {
    margin-bottom: 0.75em;
}

.conversation-messages {}

.conversation-messages-liste {}

.generic-post,
.convers-msg {
    margin: 0.75em 0;
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    box-shadow: 0px 5px 10px #00000029;
    background-color: var(--c-beige);
    opacity: 0.9;
}

.generic-post:hover,
.convers-msg:hover {
    opacity: 1;
}

.generic-post.generic-post-lecture-nonlu,
.convers-msg.convers-msg-lecture-nonlu {
    opacity: 1;
    border: 3px solid var(--c-red);
}

.convers-msg.convers-msg-recherche {
    border: 4px solid var(--c-red);
}

.convers-msg.convers-msg-modification-en-cours {
    border: 2px dotted gray;
}

.convers-msg.convers-msg-modification-en-cours .bouton-convers-msg-modifier {
    display: none;
}

.convers-msg.convers-msg-color-colored {
    background-color: #e8e7e7;
}

.generic-post.generic-post-de-vous,
.convers-msg.convers-msg-de-vous {
    color: gray;
    margin-left: 1em;
}

.convers-msg.convers-msg-de-autre {
    margin-right: 1em;
}

.convers-msg.convers-msg-statut-0 {
    margin: 1.25em;
    opacity: 0.2;
    font-size: small;
}

.convers-msg.convers-msg-statut-0:hover {
    opacity: 0.8;
}

.convers-msg.message-recherche {
    border: 3px solid gray;
    background-color: #d5dbf1;
}


.generic-post-contenu,
.convers-msg-contenu {}

.generic-post-infos,
.convers-msg-infos {
    padding: 0.75em;
    padding-right: 3px;
}

.generic-post-infos-individu,
.convers-msg-infos-individu {}


.generic-post-infos-individu .infos-individu-avataridentite,
.convers-msg-infos-individu .infos-individu-avataridentite {}

.generic-post-infos-individu .infos-individu-identite,
.convers-msg-infos-individu .infos-individu-identite {
    padding: 0.5em;
    font-weight: bold;
    color: var(--c-red) !important;
    text-transform: uppercase;
}

.generic-post-infos-individu .infos-individu-identite a {
    color: var(--c-red);
}

.generic-post-infos-individu .infos-individu-avatar,
.convers-msg-infos-individu .infos-individu-avatar {
    text-align: center;
    padding: 0.5em;
}

.generic-post-infos-individu .infos-individu-avatar>span,
.convers-msg-infos-individu .infos-individu-avatar>span {
    max-width: 150px;
}

.generic-post-infos-individu .infos-individu-avatar img,
.convers-msg-infos-individu .infos-individu-avatar img {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .infos-individu-avataridentite {
        flex-wrap: nowrap !important;
    }

    .infos-individu-avatar,
    .infos-individu-identite {
        width: auto !important;
    }

    .infos-individu-identite>span {
        text-align: left;
    }

    .generic-post-infos-individu .infos-individu-avatar,
    .convers-msg-infos-individu .infos-individu-avatar {
        padding: 2px;
    }

    .generic-post-infos-individu .infos-individu-avatar img,
    .convers-msg-infos-individu .infos-individu-avatar img {
        width: 35px;
    }
}


.generic-post-infos-individu .infos-individu-infosforum,
.convers-msg-infos-individu .infos-individu-infosforum {
    padding: 0.25em;
    font-size: 0.9em;
}

.generic-post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info,
.convers-msg-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info {
    text-align: center;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.generic-post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-enligne,
.convers-msg-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-enligne {
    margin-top: 0.2em;
    text-align: center;
    color: #005b13;
    font-size: 0.8em;
    font-weight: bold;
}

.generic-post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-label,
.convers-msg-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-label {
    font-size: 0.85em;
    opacity: 0.9;
}

.generic-post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-valeur,
.convers-msg-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-valeur {}

.generic-post-infos-date,
.convers-msg-infos-date {
    padding: 0.15em;
    text-align: left;
}

.generic-post-texteoptions,
.convers-msg-texteoptions {}

.generic-post-options,
.convers-msg-options {
    padding: 0.25em;
    text-align: right;
}

.generic-post-texte,
.convers-msg-texte {
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    padding: 1.25em;
    text-align: justify;
    box-shadow: 0px 5px 10px #00000029;
    background: white;
    margin: 1em;
}

.generic-post-lecture-nonlu .generic-post-texte,
.convers-msg-lecture-nonlu .convers-msg-texte {
    border-color: var(--c-red);
}

.generic-post-texte a,
.convers-msg-texte a {
    font-family: 'Poppins';
}

.generic-post-texte a:hover,
.convers-msg-texte a:hover {}

.generic-post-texte-non-interprete,
.convers-msg-texte-non-interprete {
    visibility: hidden;
    display: none;
}




.conversation-message {
    border: 1px solid lightgray;
    margin: 0.75em 0;
    background-color: #e6e9f3;
}

.conversation-message.conversation-message-de-vous {
    color: gray;
    margin-left: 1em;
    background-color: #eff2fb;
}

.conversation-message.conversation-message-lecture-nonlu {
    background-color: #f3e6e6;
}

.conversation-message.conversation-message-de-autre {
    margin-right: 1em;
}

.conversation-message.conversation-message-statut-0 {
    margin: 1.25em;
    opacity: 0.2;
    font-size: small;
}

.conversation-message.conversation-message-statut-0:hover {
    opacity: 0.8;
}

.conversation-message.message-recherche {
    border: 3px solid gray;
    background-color: #d5dbf1;
}


.conversation-message-contenu {}

.conversation-message-infos {}

.conversation-message-infos-individu {}

.conversation-message-infos-individu .infos-individu-identite {
    text-align: center;
    padding: 0.75em;
    font-weight: bold;
}

.conversation-message-infos-individu .infos-individu-avatar {
    text-align: center;
    padding: 0.5em;
}

.conversation-message-infos-individu .infos-individu-avatar img {
    width: 55px;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .conversation-message-infos-individu .infos-individu-avatar img {
        width: 35px;
    }
}

.conversation-message-infos-individu .infos-individu-statut {
    text-align: center;
    padding: 0.5em;
    font-size: 0.9em;
    color: gray;
    font-style: italic;
}

.conversation-message-infos-date {
    padding: 0.5em;
    text-align: center;
    font-size: 0.9em;
}

.conversation-message-texteoptions {}

.conversation-message-options {
    padding: 0.25em;
    text-align: right;
    border-bottom: 1px solid lightgray;
}

.conversation-message-bbcodes {
    padding: 0.25em;
}

.conversation-message-texte {
    border: 1px solid lightgray;
    border-bottom: 0;
    padding: 1em;
    text-align: justify;
    box-shadow: 4px 4px 0 0 lightgray;
    background: white;
}

.conversation-message-texte-non-interprete {
    visibility: hidden;
    display: none;
}

#conversation-message-repondre {
    margin-left: 1em;
    margin-bottom: 2em;
    background-color: #eff2fb;
}

#conversation-message-repondre .conversation-message-infos {
    background-color: #eff2fb;
}

#conversation-message-repondre .conversation-message-options {
    background-color: #eff2fb;
}

#conversation-message-repondre .conversation-message-texteoptions {
    display: none;
}

#conversation-message-repondre .conversation-message-texte {
    padding: 0;
}

#conversation-message-repondre .conversation-message-texte textarea {
    border: 0px;
    margin: 0px;
    max-width: 100%;
    min-width: 100%;
}

#conversation-message-repondre .conversation-message-texte textarea:focus,
#conversation-message-repondre .conversation-message-texte textarea:hover {
    box-shadow: 0 0 0 !important;
}

#conversation-messages-voirplus-div {
    background: #f4f4f4;
}

#conversation-messages-voirplus-lien {
    display: block;
    text-align: center;
    font-weight: bold;
    color: gray;
    font-size: 0.95em;
    padding: 1.5em 0.5em;
}



#convers-nouvelle-participants-conteneur {}

#convers-nouvelle-participants-conteneur .partie-participants {
    border: 1px solid #e1e1e1;
    padding: 0.15em;
}

#convers-nouvelle-participants-conteneur #conversation-participants-liste {
    max-height: 135px;
    overflow-y: auto;
}

#convers-nouvelle-participants-conteneur .partie-participants .item-participant {
    /* padding: 0.15em 0.45em; */
    /* border-radius: 50px; */
    /* background-color: #f2f2f2; */
    /* border: 1px solid white; */
    /* margin: 0.15em; */
}

#conversation-participant-recherche-submit {
    height: 100%;
    width: 100%;
}

#conversation-participant-listecontacts {
    font-family: var(--ff-play);
    color: #555555;
}

#conversation-participant {
    border-left: 3px solid green;
}

#lien-conversation-ajout-participant {}

#conversation-nouvelle-participants-liste {}

#conversation-nouvelle-participants-liste .participants-item {
    padding: 0.25em;
}

#conversation-nouvelle-participants-liste .participants-item-contenu {
    background-color: #ededed;
    padding: 0.15em 0.25em;
    border-left: 2px solid gray;
}

#conversation-nouvelle-participants-liste .participants-item--avatar {}

#conversation-nouvelle-participants-liste .participants-item--avatar img {
    width: 25px;
    margin: 3px;
}

#conversation-nouvelle-participants-liste .participants-item--identite {}

#conversation-nouvelle-participants-liste .participants-item--options {
    padding-left: 4px;
}


#messagerie-contacts {}


#messagerie-contacts-liste {
    margin: auto;
}

#messagerie-contacts-liste.multicolumn {
    columns: 2;
}

.messagerie-contacts-item {
    padding: 0.25em;
}

.messagerie-contacts-item.deja-selectionne {
    opacity: 0.5;
    color: gray;
    text-decoration: line-through;
}

.messagerie-contacts-item-lien {
    padding: 0.15em;
}

.messagerie-contacts-item:not(.deja-selectionne) .messagerie-contacts-item-lien:hover {
    background-color: #f8f8f8;
}

.messagerie-contacts-item.deja-selectionne .messagerie-contacts-item-lien:hover {
    cursor: not-allowed;
}

.messagerie-contacts-item-avatar {}

.messagerie-contacts-item-avatar img {
    width: 20px;
    margin: 4px;
}

#conversation-message-textarea-conteneur {}

#conversation-message-textarea {
    min-height: 10em;
}


/****** BBCODE *******/

.bbcode-groupe-conteneur {
    position: relative;
}

.bbcode-groupe-gp {
    position: absolute;
    top: 101%;
    left: 2px;
    min-width: 250px;
    max-width: 300px;
    z-index: var(--zi-lvl-4);
    padding: 0.25em;
    background: white;
    box-shadow: 0 0 5px gray;
    display: none;
    border-radius: 3px;
}


.bbcode-html-title {
    font-family: var(--ff-graphie);
    font-weight: bold;
    color: var(--c-bluedark);
    font-size: x-large;
    text-transform: uppercase;
    background-color: var(--c-beige);
    border-radius: 10px;
    padding: 2px 5px;
}

.bbcode-html-subtitle {
    font-family: var(--ff-graphie);
    font-weight: bold;
    color: var(--c-redpale);
    font-size: x-large;
    text-transform: uppercase;
    padding-left: 6px;
}

.bbcode-html-calendridel {
    font-family: var(--ff-play);
    font-weight: bold;
    color: #ab3b3d;
}

.bbcode-html-bold {
    font-weight: bold;
}

.bbcode-html-italic {
    font-style: italic;
}

.bbcode-html-underline {
    text-decoration: underline
}

.bbcode-html-size-large {
    font-size: large;
}

.bbcode-html-size-medium {
    font-size: medium;
}

.bbcode-html-size-small {
    font-size: small;
}

.bbcode-html-color-red {
    color: red;
}

.bbcode-html-color-blue {
    color: blue;
}

.bbcode-html-color-orange {
    color: #e99708;
}

.bbcode-html-color-green {
    color: green;
}

.bbcode-html-color-pink {
    color: #c708e9;
}

.bbcode-html-color-black {
    color: black;
}

.bbcode-html-align-left {
    display: block;
    text-align: left;
}

.bbcode-html-align-right {
    display: block;
    text-align: right;
}

.bbcode-html-align-center {
    display: block;
    text-align: center;
}

.bbcode-html-align-justify {
    display: block;
    text-align: justify;
}

.bbcode-infos {
    font-size: small;
    color: var(--c-redpale);
}

.citation {
    margin: 0.25em 0.5em 1em 0.5em;
    padding: 0.5em;
    border: 1px solid var(--c-redclaire);
    border-radius: 20px;
    background-color: var(--c-beigeclaire);
    font-size: 0.96em;
    opacity: 0.8;
}

.citation:hover {
    opacity: 0.9;
}

.citation .citation {
    margin-left: 0.5em;
    margin-top: 0.75em;
    opacity: 1;
}

.citation .citation-individu {}

.citation .citation-individu .citation-individu-identite {
    font-weight: bold;
}

.citation .citation-individu .citation-individu-identite-avatar {
    width: 30px;
}

.citation .citation-texte-conteneur {
    min-height: 45px;
}

.citation .citation-texte-conteneur .citation-texte-icone {
    text-align: center;
}

@media (max-width: 768px) {
    .citation .citation-texte-conteneur .citation-texte-icone {
        text-align: left;
    }
}

.citation .citation-texte-conteneur .citation-texte {}

.citation .citation-texte-conteneur .citation-texte-contenu {
    width: 100%;
    padding: 0.25em 0;
}


/********* Elements chargés *****/
.affichage-element-traite {}

.affichage-element-traite-cotation {
    font-family: var(--ff-play);
    background-color: #f3f3f3;
    background-color: rgba(170, 60, 60, 0.1);
    padding: 1px 3px;
    border-radius: 10px;
}

.affichage-element-traite.lien-interne {
    background-color: #f4f4f4;
    /* padding: 0.5px; */
    padding: 0.5px 2px;
    font-family: var(--ff-play);
    border-radius: 5px;
}

.affichage-element-traite .lien-interne-label {
    font-family: var(--ff-play);
    font-size: 10px;
    color: gray;
}

.affichage-element-traite.individu-identite-presentation {
    background-color: var(--c-beigeclaire);
    display: inline-block;
    border-radius: 5px;
    padding-right: 0.15em;
}

.affichage-element-traite .individu-identite-presentation-avatar {
    width: 20px;
    vertical-align: text-bottom;
}

.affichage-element-traite .individu-identite-presentation-pseudonyme {
    padding: 0 2px;
}

.affichage-element-traite.annonce-presentation-succinte {
    margin: 1em;
    padding: 1em;
    background-color: var(--c-jaune);
    border: 1px solid var(--c-beige);
    border-radius: 10px;
}

.affichage-element-traite.lien-interne-special {
	display: inline-block;
    background-color: #f4f4f4;
    /* padding: 0.5px; */
    padding: 0 2px;
    font-family: var(--ff-play);
    border-radius: 5px;
}


.image-parsee-div {
    text-align: center;
    padding: 0.5em;
}


.image-parsee-div .image-parsee-lien {
    display: inline-block;
}

.image-parsee-div .image-parsee-img {
    max-width: 95%;
}

.image-parsee-div.size-small .image-parsee-img {
    max-width: 150px;
    max-height: 150px;
}

.image-parsee-div .image-parsee-legende {
    font-style: italic;
    font-size: 0.95em;
    padding: 0.25em 0.5em;
}


.file-parse-div {
    text-align: center;
    padding: 0.5em;
}


.file-parse-div .file-parse-lien {
    display: inline-block;
    width: 45px;
    min-width: 45px;
    max-width: 45px;
}

@media (min-width: 768px) {
    .file-parse-div .file-parse-lien {
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }
}

.file-parse-div .file-parse-img {
    max-width: 95%;
}

.file-parse-div.size-small .file-parse-img {
    max-width: 150px;
    max-height: 150px;
}

.file-parse-div .file-parse-legende {
    font-style: italic;
    font-size: 0.95em;
    padding: 0.25em 0.5em;
    color: gray;
}


.lien-head-menu {
    font-size: 1.1em;
    padding: 0.25em 10px;
    margin: 0 0.25em;
    border-top: 5px solid lightgray;
    border-bottom: 5px solid transparent;
    position: relative;
}

.lien-head-menu .icone {
    margin: 2px;
}

.lien-head-menu:hover {
    border-top-color: gray;
    background-color: rgba(150, 150, 150, 0.1);
}

.lien-head-menu.lien-head-menu-calendriers.active,
.lien-head-menu.lien-head-menu-calendriers:hover {
    border-top-color: #99090c;
    border-top-color: rgba(150, 10, 12, 0.8);
}

.lien-head-menu.lien-head-menu-profil.active,
.lien-head-menu.lien-head-menu-profil:hover {
    border-top-color: #4f63ab;
    border-top-color: rgba(35, 60, 150, 0.8);
}

.lien-head-menu.lien-head-menu-inscription.active,
.lien-head-menu.lien-head-menu-inscription:hover {
    border-top-color: #4f63ab;
    border-top-color: rgba(35, 60, 150, 0.8);
}

.lien-head-menu.lien-head-menu-communaute.active,
.lien-head-menu.lien-head-menu-communaute:hover {
    border-top-color: #a96b00;
    border-top-color: rgba(165, 105, 5, 0.8);
}

.lien-head-menu-profil-avatar {
    width: 30px;
    margin: 2px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.lien-head-menu:hover .lien-head-menu-profil-avatar,
.lien-head-menu.active .lien-head-menu-profil-avatar {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
}


.lien-head-menu-general {
    width: 7px;
    background-color: lightgray;
}

.lien-head-menu-general.active,
.lien-head-menu-general:hover {
    background-color: gray;
}


#overlay-infosbulle {
    text-align: justify;
    width: 95%;
    margin: auto;
}

#infosbulle-titre {
    font-weight: bold;
    font-size: 1.2em;
    color: gray;
}


.form-div-msg-resultat {
    display: none;
    padding: 6px;
    text-align: left;
}


#premium-infos-utilisateur {
    background-color: #e5edff;
    background-color: rgba(0, 80, 255, 0.1);
}

#premium-infos-utilisateur-titre {
    font-size: 1.1em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid lightgray;
}

.premium-utilisateur-identite {
    font-weight: bold;
}

.premium-utilisateur-identite-avatar {
    width: 30px;
    margin: 2px;
}


#premium-infos-utilisateur-infos {}

#premium-infos-etat {
    margin: 1em 0.5em;
}


#premium-commande-conteneur {
    margin: 0.25em;
    padding: 0.5em;
    border: 1px solid lightgray;
}

.item-overlay #premium-commande-conteneur {
    background-color: #e5edff;
    background-color: rgba(0, 80, 255, 0.1);
}

#premium-commande-conteneur h4 {
    margin: 0;
    margin-bottom: 0.75em;
    color: gray;
    padding: 0;
}

#premium-commande-legende {}

#premium-commande {}

#formulaire-premium-commande {
    margin-bottom: 1.5em;
}

#premium-prix-liste {}

.premium-prix-item {
    border: 2px solid white;
    border-right-width: 1px;
    text-align: center;
    min-height: 130px;
    opacity: 0.7;
}

.premium-prix-item:last-child {
    border-right-width: 2px;
}

.premium-prix-item.selected {
    opacity: 0.9;
}

.premium-prix-item:hover {
    opacity: 1;
}


.premium-prix-item-contenu {
    height: 100%;
    padding: 0.15em;
    border: 1px solid transparent;
}

.premium-prix-item.selected .premium-prix-item-contenu {
    border: 1px solid lightgray;
    background-color: rgba(250, 250, 250, 0.3);
}

.premium-prix-item:hover .premium-prix-item-contenu {
    border: 1px solid lightgray;
    background-color: rgba(250, 250, 250, 0.4);
}

.premium-prix-item-nbrjours {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.premium-prix-item-prix-barres,
.premium-prix-item-nbrjours-barres {
    text-decoration: line-through;
    font-size: small;
    color: gray;
}

.premium-prix-item-prix-soldes,
.premium-prix-item-nbrjours-soldes {
    color: red;
}

.premium-prix-item-prix {
    font-weight: bold;
    color: blue;
}

.premium-prix-item-economies {
    color: gray;
}

.premium-prix-item-economies-label {
    font-size: x-small;
    margin: 2px;
}

.premium-prix-item-economies-soldes .premium-prix-item-economies-label {
    color: red;
}

.premium-prix-item-economies-valeur {
    font-size: small;
    font-weight: bold;
    margin: 2px;
}

#premium-commande-jereconnais {
    font-size: 0.9em;
    margin-top: 0.5em;
}

#premium-commande-validation {
    margin-top: 1em;
    margin-left: 1em;
}

.forum-item-titresoustitre {}

.forum-item-titre {
    font-weight: bold;
    font-size: 1.2em;
}

.forum-item-soustitre {
    padding-left: 1em;
    opacity: 0.9;
    font-size: 0.9em;
    font-weight: normal;
}

.forum-item-audienceparticipation {
    width: 25px;
    opacity: 0.8;
}

.forum-item-infosaudience,
.forum-item-infosparticipation {
    width: 100%;
    text-align: center;
}


#topic-options {}

.bouton-topic-options {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #ab5b5d;
    box-shadow: 0 0 2px #d43f3a;
    margin: 2px 2px;
}

.bouton-topic-options:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
    padding-right: 8.5px;
    color: #fff;
    background-color: #ab3b3d;
}

.bouton-topic-options:hover {
    color: #fff;
    background-color: #ab3b3d;
    box-shadow: 0 0 3px #ab3b3d;
}

.bouton-topic-options.bouton-white {
    background: white;
    color: #ab3b3d;
}

.bouton-topic-options.bouton-white:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
    padding-right: 8.5px;
    color: #fff;
    background-color: #ab3b3d;
}

.bouton-topic-options.bouton-white:hover {
    color: #fff;
    background-color: #ab3b3d;
    box-shadow: 0 0 3px #ab3b3d;
}

.topic-post-nouveau {
    font-family: var(--ff-play);
    font-size: 0.75em;
    font-weight: bold;
    color: #ab3b3d;
    padding: 0 0.25em;
}

#forums-listes {
    padding: 0.25em;
}

.forums-groupe-liste {
    border-width: 3px !important;
}

.topics-item-icone,
.forums-item-icone {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

@media (max-width: 991px) {

    .topics-item-icone,
    .forums-item-icone {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
    }

    .forums-item-icone>span {
        font-size: 32px !important;
    }

    .forums-item-enfants-liste .forums-item-contenu .forums-item-icone {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
    }
}

.forums-item-infos {}

.forums-item-infosforum {
    color: white !important;
}

.forums-item-titre {}


.forums-item {
    border-bottom: 2px solid var(--c-bluedark);
}

.forums-item:last-child {
    border-bottom: 0;
}

.forums-item-contenu {
    height: 100%;
}

.forums-item-icone {}

.forums-item-icone>span {
    display: none;
    font-size: 40px;
    color: var(--c-gray);
}

.forums-item-infosforum {
    padding: 1em 2px;
}

.forums-item-titre {
    font-size: 1.05em;
    font-weight: bold;
    padding: 2px;
    color: var(--c-bluedark);
}

.forums-groupe-titre .forums-item-titre {
    color: var(--c-white);
}

.forums-item-soustitre {
    font-weight: normal;
    padding: 2px;
    padding-left: 0.5em;
    font-size: 0.95em;
    opacity: 0.9;
}

.forums-item-enfants-liste {
    margin: 1em;
}

.forums-item-enfants-liste .forums-item {
    border: 0;
    font-size: 0.9em;
    padding: 0.20em;
    font-weight: normal;
}

.forums-item-infosposts {}

.forums-item-infosposts-dernierpost {
    padding: 0.25em;
    font-size: 0.95em;
    border-left: 1px solid var(--c-bluedark);
}


.forums-item-infosposts-dernierpost-titre {
    font-size: 0.75em;
    font-weight: bold;
    padding: 0.15em;
    color: var(--c-redpale);
}

.forums-item-infosposts-dernierpost-titre .dernierpost-infos-new {
    font-size: x-small;
    color: red;
}

.item-lu .forums-item-infosposts-dernierpost-titre .dernierpost-infos-new {
    display: none;
}


.forums-item-infosposts-dernierpost-contenu {
    padding: 0.25em;
    text-align: left;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-date {
    padding: 2px;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-date a {
    color: #2e2e2e;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-utilisateur {
    padding: 2px;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-utilisateur-avatar {
    width: 20px;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-utilisateur-pseudonyme {
    width: 20px;
    color: #751012;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-topic {
    padding: 2px;
}

.forums-item-infosposts-dernierpost-contenu .dernierpost-topic-titre {}


@media (max-width: 767px) {
    .forums-item-infosposts {}

    .forums-item-infosposts .forums-item-infosposts-dernierpost {
        display: none;
    }

    .forums-item-infosposts .forums-item-infosposts-statistiques {
        /* display: block; */
        text-align: center;
        padding-bottom: 0.25em;
    }
}



.forums-item-infosposts-statistiques {
    font-size: small;
    opacity: 0.8;
}

.forums-item-infosposts-statistiques:hover {
    opacity: 1;
}

.forums-item-infosposts-statistiques-item {
    padding: 3px;
    color: var(--c-red);
}

.forums-item-infosposts-statistiques-item-valeur {
    padding: 1px;
    font-weight: bold;
}


.forums-item-infosposts-statistiques-item-label {
    padding: 1px;
}

.forums-groupe-titre.forums-item .forums-item-infosposts-statistiques-item-valeur {
    color: white;
}

.forums-groupe-titre.forums-item .forums-item-infosposts-statistiques-item-label {
    color: #f6f5f5;
}

.forums-groupe-enfants-liste {}

.forums-groupe-enfants-liste .forums-item {}

.forums-item-enfants-liste {}


.forums-groupe-titre {}


.forums-groupe-titre .forums-item-infosposts-statistiques-item-valeur,
.forums-groupe-titre .forums-item-infosposts-statistiques-item-label {
    color: white;
}

.forums-groupe-titre .forums-item-infosforum {
    padding: 0.5em 1em;
}

.forums-groupe-titre .forums-item-titre {
    font-size: 1.2em;
}

.forums-groupe-titre .forums-item-infosposts-dernierpost-titre {
    color: #e0e0e0;
}

.forums-groupe-titre .forums-item-infosposts-dernierpost-contenu .dernierpost-date a {
    color: #e9e9e9;
    color: white;
}

.forums-groupe-titre .forums-item-infosposts-dernierpost-contenu {
    color: #e9e9e9;
}

.forums-item-enfants-liste .forums-item-icone {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}


#topic-contenu,
#topic-repondre {
    margin: 1em;
}

@media (max-width: 767px) {

    #topic-contenu,
    #topic-repondre {
        margin: 0.25em;
    }
}

.forum-contenu-partie-titre {
    font-weight: bold;
    color: white;
}

.v4-liste .forum-contenu-partie-titre.v4-liste-soustitre>div {
    font-size: 1em;
}


.topics-item {}



.topics-item-contenu {
    height: 100%;
}

.topics-item-icone {
    padding: 2px;
}

.topics-item-infostopic {
    padding: 0.5em 2px;
}

.topics-item-titre {
    font-size: 1.05em;
    font-weight: bold;
    padding: 2px;
}

.topics-item-infos {
    padding-left: 1em;
    font-size: 0.9em;
    color: var(--c-redpale);
}


.topics-item-infos .infosedition-utilisateur,
.topics-item-infos .infosedition-topic,
.topics-item-infos .infosedition-date {
    display: inline;
}

.topics-item-infos .infosedition-date {
    padding: 2px;
}

.topics-item-infos .infosedition-utilisateur {
    padding: 1px;
}

.topics-item-infos .infosedition-utilisateur-avatar {
    width: 20px;
}

.topics-item-infos .infosedition-utilisateur-pseudonyme {
    width: 20px;
}


.topics-item-infos .infosedition-forum {
    font-family: var(--ff-graphie);
    font-variant: small-caps;
    color: var(--c-red);
}


.topics-item-apercu-posts {
    padding-left: 1em;
    font-size: 0.9em;
    opacity: 0.6;
}

.topics-item-apercu-posts .topics-item-apercu-posts-item {
    margin-top: 1em;
}

.topics-item-apercu-posts .topics-item-apercu-posts-item-postid {
    font-weight: bold;
}

.topics-item-apercu-posts .topics-item-apercu-posts-item-date {}

.topics-item-apercu-posts .topics-item-apercu-posts-item-utilisateur {
    padding: 1px;
}

.topics-item-apercu-posts .infosedition-utilisateur-avatar {
    width: 20px;
}


.topics-item-apercu-posts .topics-item-apercu-posts-item-mot {
    padding-left: 1em;
    margin-bottom: 0.5em;
}

.topics-item-apercu-posts .topics-item-apercu-posts-item-extrait {
    font-style: italic;
}

.topics-item-apercu-posts .topics-item-apercu-posts-item-keyword {
    background-color: #fae7bf;
    padding: 1px;
}



.topics-item-infosposts {}



.topics-item-infosposts-dernierpost-contenu {
    padding: 0.25em;
    text-align: left;
}

.topics-item-infosposts-dernierpost-contenu .dernierpost-date {
    padding: 2px;
    color: #2e2e2e;
}

.topics-item-infosposts-dernierpost-contenu .dernierpost-utilisateur {
    padding: 2px;
}

.topics-item-infosposts-dernierpost-contenu .dernierpost-utilisateur-avatar {
    width: 20px;
}

.topics-item-infosposts-dernierpost-contenu .dernierpost-utilisateur-pseudonyme {
    width: 20px;
    color: #2e2e2e;
}

.topics-item-infosposts-dernierpost-contenu .dernierpost-topic {
    padding: 2px;
}

.topics-item-infosposts-dernierpost-contenu .dernierpost-topic-titre {}


@media (max-width: 767px) {
    .topics-item-infosposts-dernierpost>div {
        width: 100%;
    }

    .topics-item-infosposts-dernierpost .topics-item-infosposts-dernierpost-titre,
    .topics-item-infosposts-dernierpost .topics-item-infosposts-dernierpost-contenu,
    .topics-item-infosposts-dernierpost-contenu .dernierpost-date {
        display: inline;
    }
}



.topics-item-infosposts-statistiques {
    text-align: right;
    font-family: var(--ff-play);
    font-size: small;
    opacity: 0.8;
}

.topics-item-infosposts-statistiques:hover {
    opacity: 1;
}

.topics-item-infosposts-statistiques-item {
    padding: 3px 5px;
}


.topics-groupe-titre.topics-item .topics-item-infosposts-statistiques-item-label {
    color: white;
}

.topics-groupe-enfants-liste {}

.topics-groupe-enfants-liste .topics-item {}

.topics-item-enfants-liste {}

.posts-liste,
.topics-liste {}

#posts-liste-contenu,
#topics-liste-contenu {
    position: relative;
    min-height: 50px;
}

#posts-liste-contenu .posts-liste-erreur,
#topics-liste-contenu .topics-liste-erreur {}


#topics-options {}

#posts-liste-contenu-liste {}

#posts-liste-contenu-liste.post-modification-en-cours .post:not(.post-modification-en-cours) {
    opacity: 0.5;
}

.posts-liste-depage {}


.post {}

.post.post-recherche {}

.post.post-modification-en-cours {
    border: 2px dotted var(--c-red);
}

.post.post-modification-en-cours .bouton-post-modifier {
    display: none;
}


.post.post-de-vous {
    color: gray;
    margin-left: 1em;
}

.post.post-de-autre {
    margin-right: 1em;
}

.post.post-statut-0 {
    margin: 1.25em;
    opacity: 0.2;
    font-size: small;
}

.post.post-statut-0:hover {
    opacity: 0.8;
}

.post.message-recherche {
    border: 3px solid var(--c-red);
}


.post-contenu {}

.post-infos {}

.post-infos-individu {}


.post-infos-individu .infos-individu-avataridentite {}

.post-infos-individu .infos-individu-identite {}

.post-infos-individu .infos-individu-identite .iii-pseudonyme {}

.post-infos-individu .infos-individu-avatar {}

.post-infos-individu .infos-individu-avatar>span {}

.post-infos-individu .infos-individu-avatar img {}


.post-infos-individu .infos-individu-infosforum {}

.post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info {
    text-align: center;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-enligne {
    margin-top: 0.2em;
    text-align: center;
    color: #005b13;
    font-size: 0.8em;
    font-weight: bold;
}

.post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-label {
    font-size: 0.85em;
}

.post-infos-individu .infos-individu-infosforum .infos-individu-infosforum-info-valeur {
    /* color: #323232; */
}

.post-infos-date {
    padding: 0.15em 0.25em;
    text-align: left;
    font-size: 0.9em;
}

.post-texteoptions {}

.post-options {
    padding: 0.25em;
    text-align: right;
    border-bottom: 1px solid lightgray;
    opacity: 0.5;
}

.post:hover .post-options {
    opacity: 1;
}

.post .post-options .btn-info,
.post .post-options .btn-warning,
.post .post-options .btn-danger {
    padding: 6px;
}

.post-bbcodes {
    padding: 0.25em;
}

.post-texte {}

.post-texte a {}

.post-texte a:hover {}

.post-texte-non-interprete {
    visibility: hidden;
    display: none;
}


#topic-repondre-div {}

#topic-repondre-div #topic-reponse-formulaire-titre {}

#topic-repondre-div #topic-reponse-lien-annuler-modif {}

#topic-repondre-div .post-options {
    border: 0;
}

#post-texte-reponse textarea {
    min-height: 10em;
}

#post-reponse-message {
    max-width: 100%;
    min-width: 100%;
    background-color: white;
}

#post-reponse-message:focus,
#post-reponse-message:hover {
    box-shadow: 0 0 0 0;
}

#topic-repondre-connectezvous {
    margin: 0.5em;
}

#forums-infos,
#topics-infos {
    font-variant: small-caps;
    font-size: 0.95em;
    padding-right: 0.25em;
}

#topic-infos-type,
#topic-infos-statut {
    padding: 0.10em;
}


#topic-infos-edition {
    border: 1px solid lightgray;
    border-top: 0;
    padding: 0.15em;
    background-color: #f4f4f4;
}

#topic-infos-edition-datas {
    text-align: center;
    color: gray;
    font-size: small;
    font-weight: bold;
    padding: 0.15em;
}

#topic-infos-edition-uavatar {
    width: 20px;
}

#topic-infos-edition-options {
    text-align: right;
    padding: 0.15em;
}

#topic_message {
    height: 10em;
    min-width: 100%;
    max-width: 100%;
}


.forums-erreur {
    margin: 1em 0.5em;
    padding: 1em;
    text-align: center;
    border: 1px solid lightgray;
}

.forums-erreur-retour {
    margin-top: 1em;
}

.forums-erreur-retour a {
    font-style: italic;
}

.affichage-hashtag {
    background: #f3f3f3;
    font-family: play;
    font-size: 0.9em;
    padding: 2px;
}


#forum-affichage-notifications-conteneur {
    padding: 5px;
    position: relative;
    overflow: hidden;
}

#forum-affichage-notifications {
    border: 1px solid lightgray;
    overflow: hidden;
}

#forum-affichage-notifications-titre {
    background-color: #a96b00;
    background-color: rgba(165, 105, 5, 0.8);
    font-weight: bold;
    font-variant: small-caps;
    color: white;
    text-align: center;
    font-size: small;
}

#forum-affichage-notifications-contenu {}


.forum-notifications-dernieresnouvelles-item {
    display: block;
    padding: 0.5em 0.15em;
    border-bottom: 1px solid lightgray;
}

.forum-notifications-dernieresnouvelles-item.old {
    opacity: 0.5;
}

.forum-notifications-dernieresnouvelles-item:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.forum-notifications-dernieresnouvelles-item:hover {
    background-color: #eeeded;
}

.forum-notifications-avatar {
    width: 22px;
}

.forum-notifications-dernieresnouvelles-item-date {
    font-family: var(--ff-play);
    font-size: small;
    text-align: right;
    color: gray;
    opacity: 0.8;
}

.forum-notifications-dernieresnouvelles-tooltips {
    display: none;
}

.forum-notifications-dernieresnouvelles-item-nouveautopic {
    font-size: 0.9em;
}

.forum-notifications-dernieresnouvelles-item-suivitopic {
    font-size: 0.9em;
}

.forum-notifications-dernieresnouvelles-tooltips-titre {
    font-variant: small-caps;
    font-size: small;
    font-weight: bold;
    color: gray;
    margin-bottom: 0.5em;
}

.forum-notifications-dernieresnouvelles-tooltips-contenu {
    padding-left: 0.5em;
    margin-bottom: 1em;
    min-width: 200px;
}

.forum-notifications-dernieresnouvelles-tooltips-date {
    font-family: var(--ff-play);
    text-align: right;
    font-size: small;
}


.posts-alert {
    display: none;
    text-align: center;
    margin-bottom: 0 !important;
}

.posts-alert-link {
    display: block;
    text-align: center;
}



.menu-typecontenu {
    font-size: 0.9em;
    margin: 0.5em 0;
}

.menu-typecontenu-conteneur {
    padding: 0.5em;
    opacity: 0.8;
}

.menu-typecontenu-contenu {
    border-radius: 5px;
    box-shadow: 0 0 3px lightgray;
    background-color: #fbfbfb;
    cursor: pointer;
    height: 100%;
    padding: 0.5em;
}

.menu-typecontenu-contenu.active {
    box-shadow: 0 0 5px #ab3b3d;
    background-color: #eaeaea;
    opacity: 0.9;
    font-weight: bold;
}

.menu-typecontenu-contenu:hover {
    box-shadow: 0 0 3px gray;
    background-color: #ab3b3d;
    color: white;
    opacity: 1;
}


.forum-menu {
    font-size: 0.9em;
    margin: 0.5em 0;
}

.forum-typecontenu-conteneur {
    padding: 0.5em;
    opacity: 0.8;
}

.forum-typecontenu-contenu {
    border-radius: 5px;
    box-shadow: 0 0 3px lightgray;
    background-color: #fbfbfb;
    cursor: pointer;
    height: 100%;
    padding: 0.5em;
}

.forum-typecontenu-contenu.active {
    box-shadow: 0 0 5px #ab3b3d;
    background-color: #eaeaea;
    opacity: 0.9;
    font-weight: bold;
}

.forum-typecontenu-contenu:hover {
    box-shadow: 0 0 3px gray;
    background-color: #ab3b3d;
    color: white;
    opacity: 1;
}



.icone-forum-item-premium,
.icone-forum-item-annonce,
.icone-forum-item-annonce-nouveau,
.icone-forum-item-postit,
.icone-forum-item-postit-nouveau,
.icone-forum-item-nouveau-locked,
.icone-forum-item-locked,
.icone-forum-item-nouveau,
.icone-forum-item {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-image: url('./images/site/sprite_forumv35.png');
    background-repeat: no-repeat;
}


/* Lexique :
		- public type-1
		- prive type-0

		* unlocked statut-2
		* locked statut-1
		* invisible statut-0

		. annonce attribut-2
		. post-it attribut-1
	*/
/* Non lu */
.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3,
.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 span {
    color: var(--c-red);
}

.show-icn-classic .fic-classic,
.show-icn-locked .fic-locked,
.show-icn-annonce .fic-annonce,
.show-icn-postit .fic-postit,
.show-icn-private .fic-private,
.show-icn-invisible .fic-invisible,
.show-icn-certified .fic-certified,
.topic-attribut-2>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-annonce,
/* Annonce unlocked visible */
.topic-attribut-1>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-postit,
/* Post-it unlocked visible */
.topic-statut-1:not(.topic-attribut-1):not(.topic-attribut-2)>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-locked,
.forum-statut-1>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-locked,
/* Element locked */
.topic-statut-0:not(.topic-attribut-1):not(.topic-attribut-2)>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-locked,
.forum-statut-0>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-invisible,
/* Element invisible */
.topic-type-0.topic-statut-2:not(.topic-isblogstyle):not(.topic-attribut-1):not(.topic-attribut-2)>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-private,
.forum-type-0.forum-statut-2>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-private,
/* Element privé */
.topic-type-0.topic-statut-2.topic-isblogstyle>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-certified,
.forum-type-0.forum-statut-2.forum-isblogstyle>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-certified,
/* Element certifié */
.topic-type-1.topic-statut-2.topic-isblogstyle>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-certified,
.forum-type-1.forum-statut-2.forum-isblogstyle>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-classic,
/* Element certifié */
.topic-type-1.topic-statut-2:not(.topic-isblogstyle):not(.topic-attribut-1):not(.topic-attribut-2)>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-classic,
.forum-type-1.forum-statut-2>.follow-icn-1>.follow-icn-2>.follow-icn-3 .fic-classic {
    /* Element classic */
    display: block;
}

/* Public (type-1) */
/* Standard */
/* Lu */

/* Non lu*/
.icone-forum-item-nouveau,
.topic-type-1.topic-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-1.forum-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -30px;
}

/* Verrouillé (statut-1) */
.icone-forum-item-locked,
.topic-type-1.topic-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-1.forum-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -60px;
}

/* Verrouillé non lu (statut-1) */
.icone-forum-item-nouveau-locked,
.topic-type-1.topic-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-1.forum-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -90px;
}

/* Invisible (statut-0)  */
.topic-type-1.topic-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-1.forum-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -120px;
}

/* Invisible non lu (statut-0) */
.topic-type-1.topic-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-1.forum-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -150px;
}


/* Annonce (attribut-2) */
/* Lue */
.icone-forum-item-annonce,
.topic-type-1.topic-statut-2.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px 0px;
}

/* Non lue */
.icone-forum-item-annonce-nouveau,
.topic-type-1.topic-statut-2.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -30px;
}

/* Verrouillée lue (statut-1) */
.topic-type-1.topic-statut-1.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -60px;
}

/* Verrouillée non lue (statut-1) */
.topic-type-1.topic-statut-1.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -90px;
}

/* Invisible lue (statut-0) */
.topic-type-1.topic-statut-0.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -120px;
}

/* Invisible non lue */
.topic-type-1.topic-statut-0.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -150px;
}


/* Post-it (attribut-1) */
/* Lu */
.icone-forum-item-postit,
.topic-type-1.topic-statut-2.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px 0px;
}

/* Non lu */
.icone-forum-item-postit-nouveau,
.topic-type-1.topic-statut-2.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -30px;
}

/* Verrouillé lu  (statut-1)*/
.topic-type-1.topic-statut-1.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -60px;
}

/* Verrouillé non lu (statut-1) */
.topic-type-1.topic-statut-1.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -90px;
}

/* Invisible lu (statut-0) */
.topic-type-1.topic-statut-0.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -120px;
}

/* Invisible non lu (statut-0) */
.topic-type-1.topic-statut-0.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -150px;
}



/* Privé (type-0) */
/* Standard */
/* Lu */
.icone-forum-item-premium,
.topic-type-0.topic-statut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-0.forum-statut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -180px;
}

/* Non lu */
.topic-type-0.topic-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-0.forum-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -210px;
}

/* Verrouillé lu (statut-1) */
.topic-type-0.topic-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-0.forum-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -240px;
}

/* Verrouillé non lu (statut-1) */
.topic-type-0.topic-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-0.forum-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -270px;
}

/* Invisible lu (statut-0) */
.topic-type-0.topic-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-0.forum-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -300px;
}

/* Invisible non lu (statut-0) */
.topic-type-0.topic-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item,
.forum-type-0.forum-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: 0px -330px;
}


/* Annonces (attribut-2) */
/* Lue */
.topic-type-0.topic-statut-2.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -180px;
}

/* Non lue */
.topic-type-0.topic-statut-2.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -210px;
}

/* Verrouillée lue (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -240px;
}

/* Verrouille non lue (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -270px;
}

/* Invisible lue (statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -300px;
}

/* Invisible non lue (statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -60px -330px;
}


/* Post-it (attribut-1) */
/* Lu */
.topic-type-0.topic-statut-2.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -180px;
}

/* Non lu */
.topic-type-0.topic-statut-2.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -210px;
}

/* Verrouillé lu (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -240px;
}

/* Verrouillé non lu (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -270px;
}

/* Invisible lu (statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -300px;
}

/* Invisible non lu(statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item {
    background-position: -30px -330px;
}




.icone-forum-item-20px {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

/* Public (type-1) */
/* Standard */
/* Lu */
.topic-type-1.topic-statut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-1.forum-statut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px 0px;
}

/* Non lu*/
.icone-forum-item-20px-nouveau,
.topic-type-1.topic-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-1.forum-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -20px;
}

/* Verrouillé (statut-1) */
.icone-forum-item-20px-locked,
.topic-type-1.topic-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-1.forum-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -40px;
}

/* Verrouillé non lu (statut-1) */
.icone-forum-item-20px-nouveau-locked,
.topic-type-1.topic-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-1.forum-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -60px;
}

/* Invisible (statut-0)  */
.topic-type-1.topic-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-1.forum-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -80px;
}

/* Invisible non lu (statut-0) */
.topic-type-1.topic-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-1.forum-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -100px;
}


/* Annonce (attribut-2) */
/* Lue */
.icone-forum-item-20px-annonce,
.topic-type-1.topic-statut-2.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px 0px;
}

/* Non lue */
.icone-forum-item-20px-annonce-nouveau,
.topic-type-1.topic-statut-2.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -20px;
}

/* Verrouillée lue (statut-1) */
.topic-type-1.topic-statut-1.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -40px;
}

/* Verrouillée non lue (statut-1) */
.topic-type-1.topic-statut-1.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -60px;
}

/* Invisible lue (statut-0) */
.topic-type-1.topic-statut-0.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -80px;
}

/* Invisible non lue */
.topic-type-1.topic-statut-0.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -100px;
}


/* Post-it (attribut-1) */
/* Lu */
.icone-forum-item-20px-postit,
.topic-type-1.topic-statut-2.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px 0px;
}

/* Non lu */
.icone-forum-item-20px-postit-nouveau,
.topic-type-1.topic-statut-2.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -20px;
}

/* Verrouillé lu  (statut-1)*/
.topic-type-1.topic-statut-1.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -40px;
}

/* Verrouillé non lu (statut-1) */
.topic-type-1.topic-statut-1.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -60px;
}

/* Invisible lu (statut-0) */
.topic-type-1.topic-statut-0.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -80px;
}

/* Invisible non lu (statut-0) */
.topic-type-1.topic-statut-0.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -100px;
}



/* Privé (type-0) */
/* Standard */
/* Lu */
.icone-forum-item-20px-premium,
.topic-type-0.topic-statut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-0.forum-statut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -120px;
}

/* Non lu */
.topic-type-0.topic-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-0.forum-statut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -140px;
}

/* Verrouillé lu (statut-1) */
.topic-type-0.topic-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-0.forum-statut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -160px;
}

/* Verrouillé non lu (statut-1) */
.topic-type-0.topic-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-0.forum-statut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -180px;
}

/* Invisible lu (statut-0) */
.topic-type-0.topic-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-0.forum-statut-0.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -200px;
}

/* Invisible non lu (statut-0) */
.topic-type-0.topic-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px,
.forum-type-0.forum-statut-0.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: 0px -220px;
}


/* Annonces (attribut-2) */
/* Lue */
.topic-type-0.topic-statut-2.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -120px;
}

/* Non lue */
.topic-type-0.topic-statut-2.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -140px;
}

/* Verrouillée lue (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -160px;
}

/* Verrouille non lue (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -180px;
}

/* Invisible lue (statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-2.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -200px;
}

/* Invisible non lue (statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-2.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -40px -220px;
}


/* Post-it (attribut-1) */
/* Lu */
.topic-type-0.topic-statut-2.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -120px;
}

/* Non lu */
.topic-type-0.topic-statut-2.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -140px;
}

/* Verrouillé lu (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -160px;
}

/* Verrouillé non lu (statut-1) */
.topic-type-0.topic-statut-1.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -180px;
}

/* Invisible lu (statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-1.item-lu>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -200px;
}

/* Invisible non lu(statut-0) */
.topic-type-0.topic-statut-0.topic-attribut-1.item-a-lire>.follow-icn-1>.follow-icn-2>.follow-icn-3 .icone-forum-item-20px {
    background-position: -20px -220px;
}





#forum-breadcrumb {
    font-family: var(--ff-play);
    font-size: 0.9em;
    margin: 0.5em;
    margin-bottom: 1em;
    padding: 0.25em;
    background-color: var(--c-beige-02);
    border-radius: 10px;
    box-shadow: 0px 5px 10px #00000029;
}

.lien-forum-breadcrumb {
    vertical-align: middle;
}

#forum-breadcrumb:hover .lien-forum-breadcrumb:not(:hover) {
    color: var(--c-bluedark);
}

.lien-forum-breadcrumb:not(:hover) {
    color: var(--c-blueclaire);
}

#forum-legende {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#forum-legende .forum-legende-item {
    padding: 0.25em;
}

#forum-legende .forum-legende-item-ecrit {
    font-size: 0.8em;
}



.factures-liste {}

.facture-item {
    padding: 0.35em 0.1em;
}

.facture-item-contenu {
    background: white;
    box-shadow: 4px 4px 0 0 lightgray;
    padding: 0.5em;
}

.facture-item:hover .facture-item-contenu {
    box-shadow: 4px 4px 0 0 gray;
}


#formulaire-annonce-nouvelle {}

#formulaire-annonce-nouvelle .formv3-partie {
    margin-bottom: 2em;
}

#annonce-nouvelle-villes-conteneur {}

#annonce-nouvelle-villes-conteneur .partie-villes {
    border: 2px solid var(--c-red);
    border-radius: 10px;
}

#annonce-nouvelle-villes-conteneur .partie-villes-selection {
    padding: 0.15em;
}


#lieu-ville-resultatsformap .resultat-ville-criteresinsuffisants,
#lieu-ville-resultats .resultat-ville-criteresinsuffisants {
    color: #bb0808;
}

#lieu-ville-resultatsformap .ville-recherche-resultats,
#lieu-ville-resultats .ville-recherche-resultats {
    padding: 0.15em;
    max-height: 100px;
    overflow-y: auto;
}

#lieu-ville-resultats .ville-recherche-resultats-item {}

#lieu-ville-resultatsformap .ville-recherche-resultats-item-contenu,
#lieu-ville-resultats .ville-recherche-resultats-item-contenu {
    padding: 0.3em;
    margin: 0.20em;
    background-color: #f8f8f8;
}

#lieu-ville-resultatsformap .ville-recherche-resultats-item-contenu-codepostal,
#lieu-ville-resultats .ville-recherche-resultats-item-contenu-codepostal {
    font-size: small;
    font-weight: bold;
    color: #464646;
}

#lieu-ville-resultatsformap .ville-recherche-resultats-item-contenu-nom,
#lieu-ville-resultats .ville-recherche-resultats-item-contenu-nom {
    font-family: var(--ff-play);
    font-size: small;
}

#lieu-ville-resultatsformap .ville-recherche-resultats-item.selected,
#lieu-ville-resultats .ville-recherche-resultats-item.selected {
    opacity: 0.4;
    cursor: not-allowed;
}

#lieu-ville-resultatsformap .ville-recherche-resultats-item.selected .ville-recherche-resultats-item-contenu,
#lieu-ville-resultats .ville-recherche-resultats-item.selected .ville-recherche-resultats-item-contenu {
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#lieu-ville-resultatsformap .ville-recherche-resultats-item.selected .ville-recherche-resultats-item-contenu-codepostal,
#lieu-ville-resultats .ville-recherche-resultats-item.selected .ville-recherche-resultats-item-contenu-codepostal {
    font-weight: normal;
}

.partie-villes-selection .ville-selectionnee-item {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.partie-villes-selection .ville-selectionnee-item-contenu {
    padding: 0.15em;
    margin: 0.15em;
    background-color: #f8f8f8;
}

.partie-villes-selection .ville-selectionnee-item-codepostal {
    font-size: small;
    font-weight: bold;
    color: #464646;
}

.partie-villes-selection .ville-selectionnee-item-nom {
    padding: 0.15em;
}

#formulaire-annonce-nouvelle .infos-type-openclose {
    display: none;
}

#formulaire-annonce-nouvelle.type-opened-1 .infos-type-openclose.infos-type-1,
#formulaire-annonce-nouvelle.type-opened-2 .infos-type-openclose.infos-type-2,
#formulaire-annonce-nouvelle.type-opened-3 .infos-type-openclose.infos-type-3,
#formulaire-annonce-nouvelle.type-opened-4 .infos-type-openclose.infos-type-4,
#formulaire-annonce-nouvelle.type-opened-5 .infos-type-openclose.infos-type-5,
#formulaire-annonce-nouvelle.type-opened-6 .infos-type-openclose.infos-type-6,
#formulaire-annonce-nouvelle.type-opened-7 .infos-type-openclose.infos-type-7,
#formulaire-annonce-nouvelle.type-opened-8 .infos-type-openclose.infos-type-8,
#formulaire-annonce-nouvelle.type-opened-9 .infos-type-openclose.infos-type-9 {
    display: block !important;
}


.annonce-nouvelle-type-legende {
    text-align: center;
    font-size: 0.85em;
    font-style: italic;
    color: gray;
}

#annonces-msg-calendriers {
    max-width: 800px;
    margin: auto;
}

#annonces-msg-calendriers-contenu {
    margin: 0.75em;
    border: 2px solid #ab3b3d;
    background-repeat: no-repeat;
    background-position: bottom right;
    box-shadow: 0 0 3px gray;
    text-align: center;
}

#annonces-msg-calendriers-contenu p {
    margin: 0.65em;
}

#annonces-msg-calendriers-fermer {
    text-align: right;
    font-size: small;
}

#annonces-msg-calendriers-fermer a.btn-danger {
    font-size: small;
    opacity: 0.6;
}

#annonces-msg-calendriers-fermer a.btn-danger:hover {
    opacity: 1;
}


.annonces-boutons-liens {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}

.annonces-boutons-liens a.fs-large {
    font-size: large;
}

.calendriers-explications-lien,
.annonces-explications-lien {
    margin: 3px 5px;
}

.calendriers-explications-img,
.annonces-explications-img {
    background: white;
    box-shadow: 0 0 7px black;
    width: 250px;
}



.annonce-item-fichiers-liste {
    height: 150px;
    margin-bottom: 0.5em;
}

.annonce-item-fichiers-liste-small {
    height: 75px;
    margin-bottom: 0.25em;
}

.annonce-item-fichier-conteneur {
    padding: 5px;
    max-height: 100%;
}

.annonce-item-fichier-conteneur .annonce-item-fichier-contenu {
    box-shadow: 0 0 3px lightgray;
    padding: 5px;
    height: 100%;
}

.annonce-item-fichier-conteneur .annonce-item-fichier-contenu:hover {
    background-color: #ededed;
}

.annonce-item-fichier-conteneur .annonce-item-fichier-contenu img {
    max-height: 100%;
}



.annonces-listes-personnelles .annonces-item {}

.annonces-listes-personnelles .annonces-item.white {
    background-color: white;
}

.annonces-listes-personnelles .annonces-item:hover {
    background-color: #e3e3e3;
    background-color: rgba(200, 200, 200, 0.5);
}

.annonces-listes-personnelles .annonces-item-contenu {}

.annonces-listes-personnelles .annonces-item--contenu-label {
    font-size: 0.8em;
    color: gray;
    opacity: 0.9;
    padding: 1px;
}

.annonces-listes-personnelles .annonces-item--id {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: small;
    color: gray;
    padding: 0.5em 0.1em;
}

.annonces-listes-personnelles .annonces-item--timestamp {
    padding: 0.25em;
    font-size: small;
}

.annonces-listes-personnelles .annonces-item--typerecherche {
    padding: 0.25em;
    font-size: 0.9em;
}

.annonces-listes-personnelles .annonces-item--detailsextrait {
    padding: 0.25em;
    font-style: italic;
    font-size: 0.95em;
}

.annonces-listes-personnelles .annonces-item--utilisateur {
    padding: 0.25em;
}

.annonces-listes-personnelles .annonces-item--nbrreponses {
    padding: 0.25em;
}

.annonces-listes-personnelles .annonces-item--infosreponse {
    padding: 0.25em;
}

.annonces-listes-personnelles .annonces-item--etat {
    padding: 0.25em;
    font-size: 0.95em;
}

.annonces-listes-personnelles .annonces-item-etat-0 .annonces-item--etat-1,
.annonces-listes-personnelles .annonces-item-etat-1 .annonces-item--etat-0 {
    display: none;
}

.annonces-listes-personnelles .annonces-item--resultat {
    padding: 0.25em;
}

.annonces-listes-personnelles .annonces-item-reponse-resultat-0 .annonces-item--resultat-2,
.annonces-listes-personnelles .annonces-item-reponse-resultat-0 .annonces-item--resultat-1,
.annonces-listes-personnelles .annonces-item-reponse-resultat-1 .annonces-item--resultat-2,
.annonces-listes-personnelles .annonces-item-reponse-resultat-1 .annonces-item--resultat-0,
.annonces-listes-personnelles .annonces-item-reponse-resultat-2 .annonces-item--resultat-1,
.annonces-listes-personnelles .annonces-item-reponse-resultat-2 .annonces-item--resultat-0 {
    display: none;
}

.annonces-item-alertes .annonces-item--type,
.annonces-item-alertes .annonces-item--lieux,
.annonces-item-alertes .annonces-item--dates {
    font-size: 0.9em;
}



#annonces-liste-cartepage-conteneur {
    padding: 0.5em;
    min-height: 300px;
}

#annonces-liste-cartepage-contenu {
    box-shadow: 0px 5px 10px #00000029;
    border: 4px solid var(--c-red);
    background: var(--c-red);
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
}

#annonces-liste-cartepage-conteneur #annonces-liste-cartepage-titre {
    background-color: var(--c-red);
    color: var(--c-white);
    padding: 0.25em;
    font-size: 0.9em;
    font-weight: bold;
}

#annonces-liste-cartepage-conteneur #annonces-liste-cartepage-titre:hover {
    background-color: lightgray;
    color: #ab3b3d;
}

#annonces-liste-cartepage-conteneur #map {}

.map-annonces-conteneur #map .leaflet-popup.leaflet-zoom-animated .leaflet-popup-content,
#annonces-liste-cartepage-conteneur #map .leaflet-popup.leaflet-zoom-animated .leaflet-popup-content {
    min-width: 105px !important;
    margin: 6px 0px;
    margin-top: 16px;
}

.map-annonces-conteneur #map .leaflet-popup.leaflet-zoom-animated .leaflet-popup-content a,
#annonces-liste-cartepage-conteneur #map .leaflet-popup.leaflet-zoom-animated .leaflet-popup-content a {
    color: #ab3b3d;
}

.map-annonces-conteneur {}

.map-annonces-conteneur #map {
    height: 600px;
}

@media (max-height: 600px) {
    .map-annonces-conteneur #map {
        height: 450px;
    }
}

@media (max-height: 450px) {
    .map-annonces-conteneur #map {
        height: 300px;
    }
}

.annonce-apc-conteneur {
    margin-bottom: 0.25em;
}

.annonce-apc-contenu {
    min-width: 200px;
    border: 1px solid lightgray;
    border-left: 0;
    border-right: 0;
}

.annonce-apc-contenu:hover {
    background-color: rgba(200, 200, 200, 0.5);
    border-color: #ab3b3d;
}

.annonce-apc-avatar-conteneur {
    padding: 2px;
}

.annonce-apc-avatar {}

.annonce-apc-infos {
    padding: 0.35em 0.15em;
    text-shadow: 0 0 4px white;
}

.annonce-apc-infos-label {
    background-color: rgba(250, 250, 250, 0.4);
    padding: 0.5em;
}

.annonce-apc-infos-dates {
    font-family: 'Play';
    text-align: right;
    color: black;
    padding: 0.25em;
}

.annonce-apc-labelville {
    padding: 0.5em;
    padding-top: 0;
}

.annonce-lien-autremode {
    font-family: var(--ff-play);
    font-size: small;
    margin-left: 1em;
    opacity: 0.7;
}

.annonce-lien-autremode:hover {
    opacity: 0.9;
}

#annonces-liste-listeitself {
	max-width: 100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.annonces-item--details1 {
	word-break: break-word;
}

@media (max-width: 768px) {
    #annonces-liste-listeitself {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    #annonces-liste-listeitself {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

#annonces-item-specifique-conteneur {
    text-align: center;
}

.annonces-item-specifique-titre {}

.annonces-item-specifique-forsearch {
    font-size: xx-small;
    font-style: italic;
    color: var(--c-beige);
}

.annonces-item-inliste,
.annonces-item-specifique {
    max-width: 800px;
    padding: 0.5em;
    column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
}

#annonces-item-specifique-conteneur .annonces-item-specifique {
    margin: auto;
}

.annonces-item-inliste.annonces-item-repondu-repondu {
    opacity: 0.6;
}

.annonces-item-inliste.annonces-item-repondu-repondu:hover {
    opacity: 0.8;
}

.annonces-item-inliste .annonces-item-contenu,
.annonces-item-specifique .annonces-item-contenu {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border: 4px solid var(--c-red);
    border-radius: 15px;
    overflow: hidden;
    text-align: left;
}

.annonces-item-specifique .annonces-item-contenu:hover,
.annonces-item-inliste .annonces-item-contenu:hover {
    box-shadow: 0px 5px 10px #00000029, 0 0 3px #b3b3b3;
}

.annonces-item-contenu--infos1,
.annonces-item--details1,
.annonces-item--details1 > div,
.annonces-item-contenu--contenu,
.annonces-item-contenu--contenu > a {
	max-width: 100%;
}

.annonces-item-specifique .annonces-item-contenu--infos1,
.annonces-item-inliste .annonces-item-contenu--infos1 {}


.annonces-item-specifique .annonces-item-contenu--infos1,
.annonces-item-inliste .annonces-item-contenu--infos1 {
    display: block;
    padding: 0em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: var(--c-red);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.annonces-item-specifique .annonces-item-contenu--infos1-auteurcherche,
.annonces-item-inliste .annonces-item-contenu--infos1-auteurcherche {
    background-color: var(--c-red);
    padding: 0.5em;
    color: var(--c-white);
}

.annonces-item-specifique .annonces-item-contenu--infos1-auteurcherche .affichage-u-avatarpseudonyme .pseudonyme-conteneur,
.annonces-item-inliste .annonces-item-contenu--infos1-auteurcherche .affichage-u-avatarpseudonyme .pseudonyme-conteneur {
    color: var(--c-white);
}

.annonces-item-specifique .annonces-item-contenu--infos1-departements,
.annonces-item-inliste .annonces-item-contenu--infos1-departements {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    padding: 2.5em 0.25em;
    padding-left: 0;
    min-height: 75px;
}

.annonces-item-specifique .annonces-item-contenu--infos1-departements .depts-label,
.annonces-item-inliste .annonces-item-contenu--infos1-departements .depts-label {
    background-color: var(--c-red);
    padding: 0.5em;
    padding-right: 1em;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    color: var(--c-white);
}

.annonces-item-specifique .annonces-item-contenu--contenu-candidature,
.annonces-item-inliste .annonces-item-contenu--contenu-candidature {
    padding: 0.25em;
    text-align: right;
}

.annonces-item-specifique .annonces-item-contenu--infos1-nbrreponses,
.annonces-item-inliste .annonces-item-contenu--infos1-nbrreponses {
    font-size: 0.9em;
    font-style: italic;
    opacity: 0.8;
}

.annonces-item-specifique.annonces-item-reponses-0 .annonces-item-contenu--infos1-nbrreponses,
.annonces-item-inliste.annonces-item-reponses-0 .annonces-item-contenu--infos1-nbrreponses {
    visibility: hidden;
}

.annonces-item-specifique .annonces-item--statutrepondre,
.annonces-item-inliste .annonces-item--statutrepondre {
    opacity: 0.9;
}

@media (min-width: 768px) {
    .annonces-item-inliste .annonces-item--statutrepondre {
        opacity: 0.6;
    }

    .annonces-item-inliste:active .annonces-item--statutrepondre,
    .annonces-item-inliste:focus .annonces-item--statutrepondre,
    .annonces-item-inliste:hover .annonces-item--statutrepondre {
        opacity: 1;
    }
}

.annonces-item-specifique .annonces-item-contenu--infos2,
.annonces-item-inliste .annonces-item-contenu--infos2 {
    padding: 0.1em;
    background-color: var(--c-beige);
}

.annonces-item-specifique .annonces-item-contenu--infos2-timestamp,
.annonces-item-inliste .annonces-item-contenu--infos2-timestamp {
    font-size: 0.8em;
}

.annonces-item-specifique .annonces-item-contenu--infos2-urgence,
.annonces-item-inliste .annonces-item-contenu--infos2-infossup {
    font-family: var(--ff-play);
    font-size: 0.9em;
}


.annonces-item-inliste .annonces-item-contenu--titre,
.annonces-item-specifique .annonces-item-contenu--titre {
    border-bottom: 1px solid lightgray;
    background-color: #fbfbfb;
}

.annonces-item-inliste .annonces-item-contenu--titre-recherche,
.annonces-item-specifique .annonces-item-contenu--titre-recherche {
    font-weight: bold;
}

.annonces-item-inliste .annonces-item-contenu--titre-urgence,
.annonces-item-specifique .annonces-item-contenu--titre-urgence {
    font-family: var(--ff-play);
    font-weight: bold;
    color: red;
}



.annonces-item-specifique .annonces-item-contenu--contenu {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.annonces-item-specifique .annonces-item--infossup {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.annonces-item-inliste .annonces-item--infossup .annonces-item--infossup-titre,
.annonces-item-specifique .annonces-item--infossup .annonces-item--infossup-titre {
    background: var(--c-redpale);
    border-radius: 20px;
    text-align: center;
    color: white;
    font-family: var(--c-graphie);
    font-size: 0.8em;
}

.annonces-item-inliste.already-seen:not(:hover) .annonces-item-contenu {
    border-color: var(--c-redpale);
}

.annonces-item-inliste.already-seen:not(:hover) .annonces-item-contenu--infos1-departements .depts-label,
.annonces-item-inliste.already-seen:not(:hover) .annonces-item-contenu--infos1-auteurcherche {
    background-color: var(--c-redpale);
}

.annonce-apc-conteneur {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.annonces-item-inliste.annonces-item-dpt-01 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-01 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-01 {
    background-image: url('../mediatheque/dpts/800_400_01.jpg');
}

.annonces-item-inliste.annonces-item-dpt-02 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-02 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-02 {
    background-image: url('../mediatheque/dpts/800_400_02.jpg');
}

.annonces-item-inliste.annonces-item-dpt-2A .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-2A .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-2A {
    background-image: url('../mediatheque/dpts/800_400_2A.jpg');
}

.annonces-item-inliste.annonces-item-dpt-2B .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-2B .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-2B {
    background-image: url('../mediatheque/dpts/800_400_2B.jpg');
}

.annonces-item-inliste.annonces-item-dpt-03 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-03 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-03 {
    background-image: url('../mediatheque/dpts/800_400_03.jpg');
}

.annonces-item-inliste.annonces-item-dpt-04 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-04 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-04 {
    background-image: url('../mediatheque/dpts/800_400_04.jpg');
}

.annonces-item-inliste.annonces-item-dpt-05 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-05 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-05 {
    background-image: url('../mediatheque/dpts/800_400_05.jpg');
}

.annonces-item-inliste.annonces-item-dpt-06 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-06 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-06 {
    background-image: url('../mediatheque/dpts/800_400_06.jpg');
}

.annonces-item-inliste.annonces-item-dpt-07 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-07 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-07 {
    background-image: url('../mediatheque/dpts/800_400_07.jpg');
}

.annonces-item-inliste.annonces-item-dpt-08 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-08 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-08 {
    background-image: url('../mediatheque/dpts/800_400_08.jpg');
}

.annonces-item-inliste.annonces-item-dpt-09 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-09 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-09 {
    background-image: url('../mediatheque/dpts/800_400_09.jpg');
}

.annonces-item-inliste.annonces-item-dpt-10 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-10 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-10 {
    background-image: url('../mediatheque/dpts/800_400_10.jpg');
}

.annonces-item-inliste.annonces-item-dpt-11 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-11 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-11 {
    background-image: url('../mediatheque/dpts/800_400_11.jpg');
}

.annonces-item-inliste.annonces-item-dpt-12 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-12 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-12 {
    background-image: url('../mediatheque/dpts/800_400_12.jpg');
}

.annonces-item-inliste.annonces-item-dpt-13 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-13 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-13 {
    background-image: url('../mediatheque/dpts/800_400_13.jpg');
}

.annonces-item-inliste.annonces-item-dpt-14 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-14 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-14 {
    background-image: url('../mediatheque/dpts/800_400_14.jpg');
}

.annonces-item-inliste.annonces-item-dpt-15 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-15 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-15 {
    background-image: url('../mediatheque/dpts/800_400_15.jpg');
}

.annonces-item-inliste.annonces-item-dpt-16 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-16 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-16 {
    background-image: url('../mediatheque/dpts/800_400_16.jpg');
}

.annonces-item-inliste.annonces-item-dpt-17 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-17 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-17 {
    background-image: url('../mediatheque/dpts/800_400_17.jpg');
}

.annonces-item-inliste.annonces-item-dpt-18 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-18 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-18 {
    background-image: url('../mediatheque/dpts/800_400_18.jpg');
}

.annonces-item-inliste.annonces-item-dpt-19 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-19 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-19 {
    background-image: url('../mediatheque/dpts/800_400_19.jpg');
}

.annonces-item-inliste.annonces-item-dpt-20 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-20 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-20 {
    background-image: url('../mediatheque/dpts/800_400_20.jpg');
}

.annonces-item-inliste.annonces-item-dpt-21 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-21 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-21 {
    background-image: url('../mediatheque/dpts/800_400_21.jpg');
}

.annonces-item-inliste.annonces-item-dpt-22 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-22 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-22 {
    background-image: url('../mediatheque/dpts/800_400_22.jpg');
}

.annonces-item-inliste.annonces-item-dpt-23 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-23 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-23 {
    background-image: url('../mediatheque/dpts/800_400_23.jpg');
}

.annonces-item-inliste.annonces-item-dpt-24 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-24 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-24 {
    background-image: url('../mediatheque/dpts/800_400_24.jpg');
}

.annonces-item-inliste.annonces-item-dpt-25 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-25 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-25 {
    background-image: url('../mediatheque/dpts/800_400_25.jpg');
}

.annonces-item-inliste.annonces-item-dpt-26 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-26 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-26 {
    background-image: url('../mediatheque/dpts/800_400_26.jpg');
}

.annonces-item-inliste.annonces-item-dpt-27 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-27 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-27 {
    background-image: url('../mediatheque/dpts/800_400_27.jpg');
}

.annonces-item-inliste.annonces-item-dpt-28 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-28 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-28 {
    background-image: url('../mediatheque/dpts/800_400_28.jpg');
}

.annonces-item-inliste.annonces-item-dpt-29 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-29 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-29 {
    background-image: url('../mediatheque/dpts/800_400_29.jpg');
}

.annonces-item-inliste.annonces-item-dpt-30 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-30 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-30 {
    background-image: url('../mediatheque/dpts/800_400_30.jpg');
}

.annonces-item-inliste.annonces-item-dpt-31 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-31 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-31 {
    background-image: url('../mediatheque/dpts/800_400_31.jpg');
}

.annonces-item-inliste.annonces-item-dpt-32 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-32 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-32 {
    background-image: url('../mediatheque/dpts/800_400_32.jpg');
}

.annonces-item-inliste.annonces-item-dpt-33 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-33 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-33 {
    background-image: url('../mediatheque/dpts/800_400_33.jpg');
}

.annonces-item-inliste.annonces-item-dpt-34 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-34 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-34 {
    background-image: url('../mediatheque/dpts/800_400_34.jpg');
}

.annonces-item-inliste.annonces-item-dpt-35 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-35 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-35 {
    background-image: url('../mediatheque/dpts/800_400_35.jpg');
}

.annonces-item-inliste.annonces-item-dpt-36 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-36 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-36 {
    background-image: url('../mediatheque/dpts/800_400_36.jpg');
}

.annonces-item-inliste.annonces-item-dpt-37 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-37 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-37 {
    background-image: url('../mediatheque/dpts/800_400_37.jpg');
}

.annonces-item-inliste.annonces-item-dpt-38 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-38 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-38 {
    background-image: url('../mediatheque/dpts/800_400_38.jpg');
}

.annonces-item-inliste.annonces-item-dpt-39 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-39 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-39 {
    background-image: url('../mediatheque/dpts/800_400_39.jpg');
}

.annonces-item-inliste.annonces-item-dpt-40 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-40 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-40 {
    background-image: url('../mediatheque/dpts/800_400_40.jpg');
}

.annonces-item-inliste.annonces-item-dpt-41 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-41 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-41 {
    background-image: url('../mediatheque/dpts/800_400_41.jpg');
}

.annonces-item-inliste.annonces-item-dpt-42 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-42 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-42 {
    background-image: url('../mediatheque/dpts/800_400_42.jpg');
}

.annonces-item-inliste.annonces-item-dpt-43 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-43 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-43 {
    background-image: url('../mediatheque/dpts/800_400_43.jpg');
}

.annonces-item-inliste.annonces-item-dpt-44 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-44 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-44 {
    background-image: url('../mediatheque/dpts/800_400_44.jpg');
}

.annonces-item-inliste.annonces-item-dpt-45 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-45 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-45 {
    background-image: url('../mediatheque/dpts/800_400_45.jpg');
}

.annonces-item-inliste.annonces-item-dpt-46 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-46 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-46 {
    background-image: url('../mediatheque/dpts/800_400_46.jpg');
}

.annonces-item-inliste.annonces-item-dpt-47 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-47 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-47 {
    background-image: url('../mediatheque/dpts/800_400_47.jpg');
}

.annonces-item-inliste.annonces-item-dpt-48 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-48 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-48 {
    background-image: url('../mediatheque/dpts/800_400_48.jpg');
}

.annonces-item-inliste.annonces-item-dpt-49 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-49 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-49 {
    background-image: url('../mediatheque/dpts/800_400_49.jpg');
}

.annonces-item-inliste.annonces-item-dpt-50 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-50 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-50 {
    background-image: url('../mediatheque/dpts/800_400_50.jpg');
}

.annonces-item-inliste.annonces-item-dpt-51 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-51 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-51 {
    background-image: url('../mediatheque/dpts/800_400_51.jpg');
}

.annonces-item-inliste.annonces-item-dpt-52 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-52 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-52 {
    background-image: url('../mediatheque/dpts/800_400_52.jpg');
}

.annonces-item-inliste.annonces-item-dpt-53 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-53 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-53 {
    background-image: url('../mediatheque/dpts/800_400_53.jpg');
}

.annonces-item-inliste.annonces-item-dpt-54 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-54 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-54 {
    background-image: url('../mediatheque/dpts/800_400_54.jpg');
}

.annonces-item-inliste.annonces-item-dpt-55 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-55 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-55 {
    background-image: url('../mediatheque/dpts/800_400_55.jpg');
}

.annonces-item-inliste.annonces-item-dpt-56 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-56 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-56 {
    background-image: url('../mediatheque/dpts/800_400_56.jpg');
}

.annonces-item-inliste.annonces-item-dpt-57 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-57 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-57 {
    background-image: url('../mediatheque/dpts/800_400_57.jpg');
}

.annonces-item-inliste.annonces-item-dpt-58 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-58 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-58 {
    background-image: url('../mediatheque/dpts/800_400_58.jpg');
}

.annonces-item-inliste.annonces-item-dpt-59 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-59 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-59 {
    background-image: url('../mediatheque/dpts/800_400_59.jpg');
}

.annonces-item-inliste.annonces-item-dpt-60 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-60 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-60 {
    background-image: url('../mediatheque/dpts/800_400_60.jpg');
}

.annonces-item-inliste.annonces-item-dpt-61 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-61 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-61 {
    background-image: url('../mediatheque/dpts/800_400_61.jpg');
}

.annonces-item-inliste.annonces-item-dpt-62 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-62 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-62 {
    background-image: url('../mediatheque/dpts/800_400_62.jpg');
}

.annonces-item-inliste.annonces-item-dpt-63 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-63 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-63 {
    background-image: url('../mediatheque/dpts/800_400_63.jpg');
}

.annonces-item-inliste.annonces-item-dpt-64 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-64 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-64 {
    background-image: url('../mediatheque/dpts/800_400_64.jpg');
}

.annonces-item-inliste.annonces-item-dpt-65 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-65 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-65 {
    background-image: url('../mediatheque/dpts/800_400_65.jpg');
}

.annonces-item-inliste.annonces-item-dpt-66 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-66 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-66 {
    background-image: url('../mediatheque/dpts/800_400_66.jpg');
}

.annonces-item-inliste.annonces-item-dpt-67 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-67 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-67 {
    background-image: url('../mediatheque/dpts/800_400_67.jpg');
}

.annonces-item-inliste.annonces-item-dpt-68 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-68 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-68 {
    background-image: url('../mediatheque/dpts/800_400_68.jpg');
}

.annonces-item-inliste.annonces-item-dpt-69 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-69 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-69 {
    background-image: url('../mediatheque/dpts/800_400_69.jpg');
}

.annonces-item-inliste.annonces-item-dpt-70 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-70 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-70 {
    background-image: url('../mediatheque/dpts/800_400_70.jpg');
}

.annonces-item-inliste.annonces-item-dpt-71 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-71 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-71 {
    background-image: url('../mediatheque/dpts/800_400_71.jpg');
}

.annonces-item-inliste.annonces-item-dpt-72 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-72 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-72 {
    background-image: url('../mediatheque/dpts/800_400_72.jpg');
}

.annonces-item-inliste.annonces-item-dpt-73 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-73 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-73 {
    background-image: url('../mediatheque/dpts/800_400_73.jpg');
}

.annonces-item-inliste.annonces-item-dpt-74 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-74 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-74 {
    background-image: url('../mediatheque/dpts/800_400_74.jpg');
}

.annonces-item-inliste.annonces-item-dpt-75 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-75 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-75 {
    background-image: url('../mediatheque/dpts/800_400_75.jpg');
}

.annonces-item-inliste.annonces-item-dpt-76 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-76 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-76 {
    background-image: url('../mediatheque/dpts/800_400_76.jpg');
}

.annonces-item-inliste.annonces-item-dpt-77 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-77 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-77 {
    background-image: url('../mediatheque/dpts/800_400_77.jpg');
}

.annonces-item-inliste.annonces-item-dpt-78 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-78 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-78 {
    background-image: url('../mediatheque/dpts/800_400_78.jpg');
}

.annonces-item-inliste.annonces-item-dpt-79 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-79 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-79 {
    background-image: url('../mediatheque/dpts/800_400_79.jpg');
}

.annonces-item-inliste.annonces-item-dpt-80 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-80 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-80 {
    background-image: url('../mediatheque/dpts/800_400_80.jpg');
}

.annonces-item-inliste.annonces-item-dpt-81 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-81 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-81 {
    background-image: url('../mediatheque/dpts/800_400_81.jpg');
}

.annonces-item-inliste.annonces-item-dpt-82 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-82 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-82 {
    background-image: url('../mediatheque/dpts/800_400_82.jpg');
}

.annonces-item-inliste.annonces-item-dpt-83 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-83 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-83 {
    background-image: url('../mediatheque/dpts/800_400_83.jpg');
}

.annonces-item-inliste.annonces-item-dpt-84 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-84 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-84 {
    background-image: url('../mediatheque/dpts/800_400_84.jpg');
}

.annonces-item-inliste.annonces-item-dpt-85 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-85 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-85 {
    background-image: url('../mediatheque/dpts/800_400_85.jpg');
}

.annonces-item-inliste.annonces-item-dpt-86 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-86 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-86 {
    background-image: url('../mediatheque/dpts/800_400_86.jpg');
}

.annonces-item-inliste.annonces-item-dpt-87 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-87 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-87 {
    background-image: url('../mediatheque/dpts/800_400_87.jpg');
}

.annonces-item-inliste.annonces-item-dpt-88 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-88 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-88 {
    background-image: url('../mediatheque/dpts/800_400_88.jpg');
}

.annonces-item-inliste.annonces-item-dpt-89 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-89 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-89 {
    background-image: url('../mediatheque/dpts/800_400_89.jpg');
}

.annonces-item-inliste.annonces-item-dpt-90 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-90 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-90 {
    background-image: url('../mediatheque/dpts/800_400_90.jpg');
}

.annonces-item-inliste.annonces-item-dpt-91 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-91 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-91 {
    background-image: url('../mediatheque/dpts/800_400_91.jpg');
}

.annonces-item-inliste.annonces-item-dpt-92 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-92 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-92 {
    background-image: url('../mediatheque/dpts/800_400_92.jpg');
}

.annonces-item-inliste.annonces-item-dpt-93 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-93 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-93 {
    background-image: url('../mediatheque/dpts/800_400_93.jpg');
}

.annonces-item-inliste.annonces-item-dpt-94 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-94 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-94 {
    background-image: url('../mediatheque/dpts/800_400_94.jpg');
}

.annonces-item-inliste.annonces-item-dpt-95 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-95 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-95 {
    background-image: url('../mediatheque/dpts/800_400_95.jpg');
}

.annonces-item-inliste.annonces-item-dpt-96 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-96 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-96 {
    background-image: url('../mediatheque/dpts/800_400_96.jpg');
}

.annonces-item-inliste.annonces-item-dpt-97 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-97 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-97 {
    background-image: url('../mediatheque/dpts/800_400_97.jpg');
}

.annonces-item-inliste.annonces-item-dpt-971 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-971 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-971 {
    background-image: url('../mediatheque/dpts/800_400_971.jpg');
}

.annonces-item-inliste.annonces-item-dpt-972 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-972 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-972 {
    background-image: url('../mediatheque/dpts/800_400_972.jpg');
}

.annonces-item-inliste.annonces-item-dpt-973 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-973 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-973 {
    background-image: url('../mediatheque/dpts/800_400_973.jpg');
}

.annonces-item-inliste.annonces-item-dpt-974 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-974 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-974 {
    background-image: url('../mediatheque/dpts/800_400_974.jpg');
}

.annonces-item-inliste.annonces-item-dpt-975 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-975 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-975 {
    background-image: url('../mediatheque/dpts/800_400_975.jpg');
}

.annonces-item-inliste.annonces-item-dpt-976 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-976 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-976 {
    background-image: url('../mediatheque/dpts/800_400_976.jpg');
}

.annonces-item-inliste.annonces-item-dpt-977 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-977 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-977 {
    background-image: url('../mediatheque/dpts/800_400_977.jpg');
}

.annonces-item-inliste.annonces-item-dpt-978 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-978 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-978 {
    background-image: url('../mediatheque/dpts/800_400_978.jpg');
}

.annonces-item-inliste.annonces-item-dpt-986 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-986 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-986 {
    background-image: url('../mediatheque/dpts/800_400_986.jpg');
}

.annonces-item-inliste.annonces-item-dpt-988 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-988 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-988 {
    background-image: url('../mediatheque/dpts/800_400_988.jpg');
}

.annonces-item-inliste.annonces-item-dpt-989 .annonces-item-contenu--infos1,
.annonces-item-specifique.annonces-item-dpt-989 .annonces-item-contenu--infos1,
.annonce-apc-conteneur-dpt-989 {
    background-image: url('../mediatheque/dpts/800_400_989.jpg');
}

.annonces-item-inliste .annonces-item--iduserstatut,
.annonces-item-specifique .annonces-item--iduserstatut {
    padding: 0.5em;
}

.annonces-item-inliste .annonces-item--iduser,
.annonces-item-specifique .annonces-item--iduser {}

.annonces-item-inliste .annonces-item--id,
.annonces-item-specifique .annonces-item--id {
    font-weight: bold;
    color: gray;
}

.annonces-item-inliste .annonces-item--user,
.annonces-item-specifique .annonces-item--user {
    font-weight: bold;

}

.annonces-item-inliste .annonces-item--user-avatar,
.annonces-item-specifique .annonces-item--user-avatar {
    width: 20px;
}

.annonces-item-inliste .annonces-item--statutrepondre,
.annonces-item-specifique .annonces-item--statutrepondre {}

.annonces-item-inliste .annonces-item--statutrepondre-repondu .btn-danger,
.annonces-item-specifique .annonces-item--statutrepondre-repondu .btn-danger {
    opacity: 0.7;

}

.annonces-item-inliste .annonces-item--statutrepondre-nonrepondu .btn-danger,
.annonces-item-specifique .annonces-item--statutrepondre-nonrepondu .btn-danger {}

.annonces-item-inliste.annonces-item-repondu-nonrepondu .annonces-item--statutrepondre-repondu,
.annonces-item-inliste.annonces-item-repondu-repondu .annonces-item--statutrepondre-nonrepondu,
.annonces-item-specifique.annonces-item-repondu-nonrepondu .annonces-item--statutrepondre-repondu,
.annonces-item-specifique.annonces-item-repondu-repondu .annonces-item--statutrepondre-nonrepondu {
    display: none;
}

.annonces-item-inliste .annonces-item--details,
.annonces-item-specifique .annonces-item--details {
    margin: 0.5em;
    margin-bottom: 1em;
    padding: 0.5em;
    border-left: 1px solid lightgray;
    background-color: #fffaf1;
    background-color: rgba(255, 250, 240, 0.7);
}

.annonces-item-specifique .annonces-item--details1 {
    padding: 0.85em;
    font-size: 1.1em;
	text-align: justify;
}

.annonces-item-inliste .annonces-item--details1 {
    margin: 0.5em;
    padding: 0.5em;
    /* color: var(--c-classic); */
    color: var(--c-bluedark);
	text-align: justify;
}

.annonces-item-specifique .annonces-item--details {
    font-size: 1.1em;
}

.annonces-item-inliste .annonces-item--details {
    display: block;
}


.annonces-item .annonces-item--iconelabel {
    padding: 2px;
    opacity: 0.7;
    min-width: 27px;
    text-align: center;
}

.annonces-item-inliste .annonces-item--infossup,
.annonces-item-specifique .annonces-item--infossup {
    opacity: 0.9;
    background-color: white;
}

.annonces-item-inliste .annonces-item--infossup {
    border-top: 0px;
    font-size: 0.95em;
}

.annonces-item-inliste .annonces-item--infossup-label,
.annonces-item-specifique .annonces-item--infossup-label {
    font-size: 0.9em;
    color: gray;
}

.annonces-item-inliste .annonces-item--departement,
.annonces-item-specifique .annonces-item--departement {
    padding: 0.25em;
}

.annonces-item-inliste .annonces-item--villes,
.annonces-item-specifique .annonces-item--villes {
    padding: 0.25em;
}

.annonces-item-inliste .annonces-item--prix,
.annonces-item-specifique .annonces-item--prix {
    padding: 0.25em;
}

.annonces-item-inliste .annonces-item--prix-montant,
.annonces-item-specifique .annonces-item--prix-montant {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.annonces-item-inliste .annonces-item--coord,
.annonces-item-specifique .annonces-item--coord {
    padding: 0.15em;
}

.annonces-item-inliste .annonces-item--coord-infos-type,
.annonces-item-specifique .annonces-item--coord-infos-type {
    font-size: 0.85em;
    padding-right: 3px;
}

.annonces-item-inliste .annonces-item--coord-infos-valeur,
.annonces-item-specifique .annonces-item--coord-infos-valeur {
    font-size: 0.95em;
    color: var(--c-red);
}

.annonces-item-inliste .annonces-item--dates,
.annonces-item-specifique .annonces-item--dates {
    padding: 0.25em;
}

.annonces-item-specifique .annonces-item--departement,
.annonces-item-specifique .annonces-item--calendrier,
.annonces-item-specifique .annonces-item--villes,
.annonces-item-specifique .annonces-item--dates {
    background-color: rgba(255, 255, 255, 0.4);
    font-size: 0.9em;
}

.annonces-item-inliste .annonces-item--calendrier,
.annonces-item-specifique .annonces-item--calendrier {
    padding: 0.5em;
}

.annonces-item-inliste .annonces-item--dates {
    font-size: 0.9em;
}

.annonces-item-inliste .annonces-item--infossup-departement,
.annonces-item-inliste .annonces-item--infossup-ville,
.annonces-item-specifique .annonces-item--infossup-departement,
.annonces-item-specifique .annonces-item--infossup-ville {
    display: inline-block;
    background-color: #f8f8f8;
    background-color: rgba(248, 248, 248, 0.3);
    padding: 3px;
    margin: 1px;
}

.annonces-item-inliste .annonces-item--villedpt_nom,
.annonces-item-inliste .annonces-item--villedpt_codepostal,
.annonces-item-specifique .annonces-item--villedpt_nom,
.annonces-item-specifique .annonces-item--villedpt_codepostal {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.annonces-item-inliste .annonces-item--villedpt_codepostal,
.annonces-item-specifique .annonces-item--villedpt_codepostal {
    color: #393938;
    font-size: 0.85em;
}


.annonces-item-inliste .annonces-item--departement.hidden,
.annonces-item-inliste .annonces-item--dates.hidden,
.annonces-item-inliste .annonces-item--villes.hidden,
.annonces-item-inliste .annonces-item--calendrier.hidden {
    display: none;
}

.annonces-item-inliste .annonces-item--timestamp,
.annonces-item-specifique .annonces-item--timestamp {
    text-align: right;
    padding: 0.25em;
    font-size: 0.9em;
    background-color: #fbfbfb;
}

.annonces-item-inliste .annonces-item--nbrreponses,
.annonces-item-specifique .annonces-item--nbrreponses {
    color: gray;
}

.annonces-item-inliste.annonces-item-reponses-0 .annonces-item--nbrreponses,
.annonces-item-specifique.annonces-item-reponses-0 .annonces-item--nbrreponses {
    opacity: 0;
}


.annonces-item-inliste.annonces-item-typeaffichage-utilisateur .annonces-item-contenu--infos1-auteurcherche-auteur,
.annonces-item-inliste.annonces-item-typeaffichage-utilisateur .annonces-item-contenu--infos2-timestamp-publiee {
    display: none;
}

.annonces-item-voirtoutes,
.annonces-item-lienpublication {
    padding: 1em;
}

.annonces-item-voirtoutes .annonces-item-contenu,
.annonces-item-lienpublication .annonces-item-contenu {
    background-color: #fffaf1;
    padding: 0.25em;
    opacity: 0.8;
}

.annonces-item-voirtoutes .annonces-item-contenu:hover,
.annonces-item-lienpublication .annonces-item-contenu:hover {
    opacity: 1;
}

.annonces-affichage-numeros {
    padding: 5px 8px;
    margin: 2px;
    font-weight: normal;
}

.annonce-info-montree {
    border-bottom: 1px dotted #bf8218;
}

.lien-connexion-postuler {
    opacity: 0.5;
    font-size: 0.8em;
}

.lien-connexion-postuler:hover {
    opacity: 0.95;
}

.annonces-item--coordonnees-conteneur {
	margin-top: 10px;
	margin-bottom: 10px;
}

	.annonces-item--coordonnees-conteneur .bton {
		margin-left: 3px;
		margin-right: 3px;
	}




.recherche-image-conteneur,
.generique-image-conteneur,
.annonce-publication-image-conteneur {
    width: 155px;
    height: 155px;
    max-width: 50%;
    padding: 5px;
}

.generique-image-conteneur {
	min-width: 155px;
}


.recherche-image-conteneur .recherche-image-contenu,
.generique-image-conteneur .generique-image-contenu,
.annonce-publication-image-conteneur .annonce-publication-image-contenu {
    width: 100%;
    height: 100%;
    background: lightgray;
}

.generique-image-conteneur .generique-image-contenu {
	background: var(--c-beige);
	border-radius: 5px;
}

.recherche-image-conteneur .recherche-image-cadreimg,
.generique-image-conteneur .generique-image-cadreimg,
.annonce-publication-image-conteneur .annonce-publication-image-cadreimg {
    width: 120px;
    height: 120px;
}

.recherche-image-conteneur .recherche-image-img,
.generique-image-conteneur .generique-image-img,
.annonce-publication-image-conteneur .annonce-publication-image-img {
    max-width: 100%;
    max-height: 100%;
}

.generique-image-erase {
	position: absolute;
	right: 1px;
	top: 1px;
}
.generique-image-conteneur:not([data-withimg="1"]) .generique-image-erase {
	display: none;
}


.recherche-image-conteneur.big {
    width: 190px;
    height: 190px;
}

.recherche-image-conteneur.big .recherche-image-cadreimg {
    width: 155px;
    height: 155px;
}


.annonces-item.annonces-item-pub {
    height: 275px;
    max-height: auto;
}

.annonces-item.annonces-item-pub .annonces-item-contenu {
    background-repeat: no-repeat;
    background-size: cover;
}

.annonces-item.annonces-item-pub .annonces-item-contenu a {
    background-color: lightgray;
    background-color: rgba(200, 200, 200, 0.6);
    padding: 0.25em;
    text-shadow: 0 0 3px black;
    color: white;
}


.annonces-item.annonces-item-pub-calendriers .annonces-item-contenu {
    background-image: url('./images/index/index_background1_xs.jpg');
}

.annonces-item.annonces-item-pub-dossiers .annonces-item-contenu {
    background-image: url('./images/index/index_background8_xs.jpg');
}

.annonces-item.annonces-item-pub-cotations .annonces-item-contenu {
    background-image: url('./images/index/index_background4_xs.jpg');
}

.annonces-item.annonces-item-pub-fiches .annonces-item-contenu {
    background-image: url('./images/index/index_background5_xs.jpg');
}

.annonces-item.annonces-item-pub-forum .annonces-item-contenu {
    background-image: url('./images/index/index_background3_xs.jpg');
}

.annonces-titre-recherches-dpts,
.annonces-liste-dpts-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 3em;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 10px;
}

.annonces-titre-recherches-dpts {
    padding: 2em 1em;
}

.annonces-titre-recherches-dpts>span {
    display: inline-block;
}

.annonces-titre-recherches-dpts>span,
.annonces-liste-dpts-item a {
    height: 100%;
    padding: 0.75em;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
}

.annonces-liste-dpts-item a:hover {
    background-color: rgba(255, 255, 255, 0.9);
}


#annonce-liste-reponses,
#annonce-liste-statistiques {
	width: 100%;
	min-width: 100%;
	border-collapse: collapse;
}

.annonce-reponses-item {}

	.annonce-reponses-l-item {
		
	}
	
		.arli-date {
			padding: 3px;
			font-family: var(--ff-play);
			text-align: center;
			font-size: 0.9em;
			width: 70px;
		}
		
		.arli-who {
			padding: 3px;
			font-family: var(--ff-graphie);
			font-weight: bold;
		}
		
		.arli-type {
			padding: 3px;
			font-size: 0.9em;
			color: var(--c-blueclaire);
			font-family: var(--ff-play);
		}
		
		.arli-result {
			padding: 3px;
			font-size: 0.95em;
		}
		
		.arli-opts {
			width: 39px;
			min-width: 39px;
			max-width: 39px;
			text-align: right;
		}
		
		.annonce-reponses-l-item--rslt-0 .arli-opts {
			width: 78px;
			min-width: 78px;
			max-width: 78px;
		}
		
	.annonce-statistiques-l-item {
		
	}
	
		.asli-icn {
			text-align: center;
			width: 30px;
			max-width: 30px;
			min-width: 30px;
		}
		
		.asli-type {
			padding: 3px;
			font-family: var(--ff-graphie);
			font-weight: bold;
		}
		
		.asli-nbr {
			padding: 3px;
			font-family: var(--ff-play);
			text-align: center;
			font-weight: bold;
			
		}
		
		.asli-nbr > div { min-height: 40px; }
		
		.asli-last {
			padding: 3px;
			font-family: var(--ff-play);
			font-size: 0.9em;
			text-align: center;
		}

.annonce-reponses-item-contenu {
    display: block;
    background: white;
    margin: 0.5em;
    border: 1px solid lightgray;
    box-shadow: 4px 4px 0 0 lightgray;
}

.annonce-reponses-item-contenu:hover {
    box-shadow: 4px 4px 0 0 gray;
}

.annonce-reponses-item--timestamp {
    padding: 0.25em;
    text-align: center;
}

.annonce-reponses-item--user {
    padding: 0.25em;
    text-align: center;
}

.annonce-reponses-item--user-avatar {
    width: 20px;
}

.annonce-reponses-item--conversation {
    padding: 0.25em;
    text-align: center;
}

.annonce-reponses-item--resultat {
    padding: 0.25em;
    text-align: center;
}

.aig-conteneur {
    background-color: var(--c-beigeclaire);
    border-radius: 20px;
    overflow: hidden;
}

.aig-icn {
    background-color: var(--c-redpale);
    color: white;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 5px 5px;
}

.aig-contenu {
    padding: 4px 6px;
    padding-right: 10px;
}

a.aig-conteneur:hover,
.aig-conteneur.click-ajax:hover {
    background-color: var(--c-beige);
}

a.aig-conteneur:hover .aig-icn,
.aig-conteneur.click-ajax:hover .aig-icn {
    background-color: var(--c-red);
}

#annonces-item-specifique-repondre-conteneur {
    display: none;
}

#formulaire-annonce-repondre {
    width: 800px;
    max-width: 100%;
    margin: auto;
}

#formulaire-annonce-repondre #message {
    min-width: 100%;
    max-width: 100%;
    min-height: 10em;
}


.annonces-listes-globales,
#annonces-generales-liste,
#annonces-remplacants-liste,
#annonces-remplacements-liste,
#annonces-lieux-liste,
#annonces-presentations-remplacants-liste,
#annonces-presentations-remplacements-liste {
    min-height: 100px;
    position: relative;
}

.annonces-listes-personnelles {
    position: relative;
}

#annonce-villes-liste {
    min-height: 35px;
}

.annonces-villes-recherches {
    position: relative;
}

.annonces-villes-recherches .annonces-villes-recherches-resultats {
    display: none;
    position: absolute;
    width: 98%;
    top: 100%;
    left: 1%;
    max-height: 220px;
    background: var(--c-beige);
    border: 2px solid var(--c-redpale);
    border-radius: 10px;
    overflow: auto;
    z-index: 100;
}

.annonces-villes-recherches.recherches-en-cours .annonces-villes-recherches-resultats {
    display: block;
}

.annonces-villes-recherches .annonces-villes-recherches-resultats-liste {
    padding: 2px;
}

.map-annonces-conteneur .annonces-villes-recherches-resultats {
    z-index: 1001;
}



@media (max-width: 768px) {
    body>.item-overlay {
        position: fixed;
    }
}




.astuce-conteneur {
    margin: 1em;
    background: #f2f2f2;
    border: 2px solid #448e30;
}

.astuce-titre {
    text-align: left;
    padding: 0.15em;
    font-weight: bold;
    font-size: small;
    color: #448e30;
    font-style: italic;
}

.astuce-contenu {
    padding: 0.5em;
}






.index-topic-item-conteneur {
    padding: 0.3em;
}

.index-topic-item-conteneur-voirplus {
    padding: 0.6em;
}

.index-topic-item {
    background: white no-repeat left bottom;
    box-shadow: 4px 4px 0 0 lightgray;
    min-height: 180px;
}

.index-topic-item-conteneur-voirplus .index-topic-item {
    color: gray;
}

.index-topic-item:hover {
    box-shadow: 4px 4px 0 0 gray;
}

.index-topic-titre {
    font-style: italic;
    font-weight: bold;
    font-size: large;
    text-align: left;
}

.index-topic-item-conteneur-voirplus .index-topic-titre {
    font-weight: normal;
}

.index-topic-infos {
    text-align: center;
}

.index-topic-infos-date {
    font-style: italic;
}

.index-topic-infos-utilisateur {
    font-weight: bold;
}

.index-topic-infos-utilisateur-avatar {
    width: 20px;
}





.formulaire-stepbystep {
    border: 1px solid lightgray;
    margin-bottom: 2em;
}

.formulaire-stepbystep:last-child {
    margin-bottom: 0;
}

.stepbystep-titre-general {
    font-weight: bold;
    font-variant: small-caps;
    padding: 0.75em;
    background-color: #828282;
    color: white;
    text-align: left;
}

.stepbystep-partie {
    border-left: 6px solid #828282;
}

.stepbystep-partie-titre-fait,
.stepbystep-partie-titre-encours {
    font-weight: bold;
    font-variant: small-caps;
    padding: 0.5em 0.5em 0.5em 1em;
    background-color: #ababab;
    color: white;
    text-align: left;
}


.stepbystep-partie-contenu-fait {
    background-color: #d6d6d6;
    font-style: italic;
    padding: 0.5em;
}

.stepbystep-partie-fait {
    opacity: 0.7;
    border-bottom: 1px solid white;
}

.stepbystep-partie-contenu-encours {}

.stepbystep-legende-generale,
.stepbystep-partie-contenu-legende {
    padding: 0.5em;
    background-color: #f4f4f4;
    color: gray;
    font-size: 0.9em;
}

.stepbystep-legende-generale p,
.stepbystep-partie-contenu-legende p {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.stepbystep-legende-generale p:first-child,
.stepbystep-partie-contenu-legende p:first-child {
    margin-top: 0;
}

.stepbystep-legende-generale p:last-child,
.stepbystep-partie-contenu-legende p:last-child {
    margin-bottom: 0;
}


.stepbystep-partie-contenu-donnees-conteneur {
    padding: 1em;
}

.stepbystep-donnees-titremini {
    font-size: 0.7em;
    color: gray;
}

.stepbystep-donnees-input-conteneur {}

.stepbystep-donnees-infos_validation {
    display: none;
    font-size: 0.9em;
    padding-left: 0.5em;
}

.stepbystep-partie-nextstep-conteneur {
    padding: 0.25em;
    text-align: right;
    border-top: 1px solid lightgray;
}

.stepbystep-partie-nextstep-conteneur input[type="submit"] {
    font-size: 12px;
}

.stepbystep-form-submit.inactive input[type="submit"],
.stepbystep-partie-nextstep-conteneur input[type="submit"].inactive {
    opacity: 0.2;
    background-color: gray;
    box-shadow: 0 0 3px gray;
    cursor: not-allowed;
}

.stepbystep-form-submit:not(.inactive) input[type="submit"] {
    font-size: large;
}

.stepbystep-form-submit .msg-inactive,
.stepbystep-form-submit .msg-active {
    display: none;
}

.stepbystep-form-submit:not(.inactive) .msg-active,
.stepbystep-form-submit.inactive .msg-inactive {
    display: block;
}

.stepbystep-label-checkbox-label,
.stepbystep-label-checkbox-input,
.stepbystep-label-radio {
    padding: 0.5em;
    text-align: center;
    border: 1px solid lightgray;
    opacity: 0.75;
}

.stepbystep-label-checkbox-input.checked,
.stepbystep-label-radio.checked {
    background-color: #f4f4f4;
    background-color: rgba(200, 200, 200, 0.2);
    opacity: 1;
}

.stepbystep-label-checkbox:hover .stepbystep-label-checkbox-input,
.stepbystep-label-radio:hover {
    background-color: #e3e3e3;
    background-color: rgba(200, 200, 200, 0.5);
    opacity: 0.9;
}


.formulaire-stepbystep.not-displayed,
.formulaire-stepbystep .not-displayed {
    display: none;
}


.formulaire-stepbystep-typecalendrier {}

.formulaire-stepbystep-typecalendrier .stepbystep-titre-general {
    background-color: #7b2e2e;
}

.formulaire-stepbystep-typecalendrier .stepbystep-partie {
    border-left: 6px solid #7b2e2e;
}

.formulaire-stepbystep-typecalendrier .stepbystep-partie-titre-fait,
.formulaire-stepbystep-typecalendrier .stepbystep-partie-titre-encours {
    background-color: #aa2b2b;
}


.formulaire-stepbystep-typecalendrier .stepbystep-partie-contenu-fait {
    background-color: #d6d6d6;
}

.formulaire-stepbystep-typecalendrier .stepbystep-partie-fait {
    border-bottom: 1px solid white;
}

.formulaire-stepbystep-typecalendrier .stepbystep-legende-generale,
.formulaire-stepbystep-typecalendrier .stepbystep-partie-contenu-legende {
    background-color: #f4f4f4;
}


.formulaire-stepbystep-typecalendrier .stepbystep-donnees-titremini {
    color: gray;
}

.formulaire-stepbystep-typecalendrier .stepbystep-partie-nextstep-conteneur {
    border-top: 1px solid lightgray;
}


.formulaire-stepbystep-typecalendrier .stepbystep-label-checkbox-label,
.formulaire-stepbystep-typecalendrier .stepbystep-label-checkbox-input,
.formulaire-stepbystep-typecalendrier .stepbystep-label-radio {
    border: 1px solid lightgray;
}

.formulaire-stepbystep-typecalendrier .stepbystep-label-checkbox-input.checked,
.formulaire-stepbystep-typecalendrier .stepbystep-label-radio.checked {
    background-color: #f4f4f4;
    background-color: rgba(200, 200, 200, 0.2);
}

.formulaire-stepbystep-typecalendrier .stepbystep-label-checkbox:hover .stepbystep-label-checkbox-input,
.formulaire-stepbystep-typecalendrier .stepbystep-label-radio:hover {
    background-color: #e3e3e3;
    background-color: rgba(200, 200, 200, 0.5);
}




.couleur-apercu {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 20px;
    background-color: white;
    border: 1px solid white;
    max-width: 98%;
    max-height: 98%;
}

@media (max-width: 992px) {
    .stepbystep-partie .stepbystep-partie-contenu-donnees-conteneur {
        padding: 0.75em;
    }
}

@media (max-width: 768px) {
    .stepbystep-partie .stepbystep-partie-contenu-donnees-conteneur {
        padding: 0.5em;
    }
}



.contrat-apercu-article-conteneur {
    margin-bottom: 0.85em;
}

.contrat-apercu-article-titre {
    background-color: #F4F4F4;
    font-variant: small-caps;
    padding: 0.5em;
}

.contrat-apercu-article-contenu {}

.contrat-apercu-article-contenu-texte {
    padding: 0.25em;
    line-height: 2;
    font-size: 0.95em;
}

.contrat-apercu-article-contenu-options {
    text-align: right;
    font-size: 0.8em;
    padding-right: 0.15em;
    font-weight: bold;
}

.contrat-edit-article-textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}


.contrat-legende-provenance-infos-conteneur {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0.25em;
    border: 1px solid #aec6e8;
    opacity: 0.6;
}

.contrat-legende-provenance-infos-conteneur:hover {
    opacity: 1;
}

.contrat-legende-provenance-infos-contenu {
    padding: 0.25em;
}

.contrat-generation-apercu-donnees {
    text-align: left;
    font-size: 0.7em;
    color: #777777;
    width: 100%;
    font-style: italic;
}

.contrat-generation-apercu-donnees-donnee {
    font-weight: bold;
}

.form-generation-contrat-type-1 .contrat-type-2,
.form-generation-contrat-type-2 .contrat-type-1 {
    display: none;
}

.contrat-generation-etape-precedente {
    font-size: small;
    color: gray;
    margin-bottom: 1em;
}

.contrat-generation-etape-finale {
    font-size: small;
    text-align: right;
    font-style: italic;
    color: gray;
}

.formulaire-contrat-edition-article {
    margin-bottom: 0 !important;
}


/* Emails */
#email-affichage-versionweb a {
    text-decoration: underline;
    color: #661010 !important;
}

#email-affichage-versionweb img {
    max-width: 100%;
    vertical-align: middle;
}

#email-affichage-versionweb #table-conteneur {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #F9F9FA;
    font-size: 15px;
}

#email-affichage-versionweb #td-conteneur {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: Helvetica, Arial, sans-serif;
}

#email-affichage-versionweb #table-contenu {
    width: 600px;
    margin: auto;
    border-spacing: 0px;
    border-collapse: collapse;
}

#email-affichage-versionweb #table-contenu td {
    padding: 0px;
}


#email-affichage-versionweb #div-copie-web {
    display: none;
    visibility: hidden;
}


#email-affichage-versionweb #div-contenu-general {
    background-color: #FFFFFF;
    background-color: white;
    border: 1px solid #D7D7DA;
    border-color: lightgray;
    -moz-box-shadow: 0 0 5px 0 gray;
    -webkit-box-shadow: 0 0 5px 0 gray;
    box-shadow: 0 0 5px 0 gray;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#email-affichage-versionweb #div-banniere {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    padding-right: 3px;
}


#email-affichage-versionweb #contenu {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #D7D7DA;
    border-bottom: 1px solid #D7D7DA;
    border-color: lightgray;
}

#email-affichage-versionweb #div-signature {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    padding-right: 3px;
}

#email-affichage-versionweb #div-reseaux {
    font-size: 10px;
    text-align: right;
    color: #a8a8a8;
    margin-top: 5px;
}

#email-affichage-versionweb #div-reseaux a {
    color: #a8a8a8 !important;
    text-decoration: none;
}

#email-affichage-versionweb #div-noreply {
    margin-top: 15px;
    border: 1px solid lightgray;
    padding: 3px;
    font-size: 12px;
    font-style: italic;
    text-align: center;
    color: #838383;
}

#email-affichage-versionweb .noreply-adresse {
    font-style: normal;
}

#email-affichage-versionweb #div-unsubscribe {
    margin-top: 15px;
    font-size: 10px;
    text-align: center;
}

#email-affichage-versionweb #div-unsubscribe a {
    color: gray !important;
}

#email-affichage-versionweb table td p {
    line-height: 150% !important;
    margin-bottom: 18px !important;
}


#email-affichage-versionweb .partie {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#email-affichage-versionweb .partie-titre {
    font-size: 17px;
    font-weight: bold;
    color: gray;
    margin-bottom: 20px;
    font-variant: small-caps;
}

#email-affichage-versionweb .code-div-conteneur {
    text-align: center;
    padding: 8px;
    margin: 15px;
}

#email-affichage-versionweb .code {
    display: inline-block;
    padding: 0.75em;
    font-size: large;
    font-weight: bold;
    background-color: #002869;
    color: white;
    border-radius: 5px;
}

#email-affichage-versionweb .liste-topics,
#email-affichage-versionweb .liste-conversations,
#email-affichage-versionweb .liste-calendriers {
    margin: 15px;
    background-color: #f4f4f4;
    background-color: rgba(244, 244, 244, 0.9);
    padding-bottom: 2px;
    opacity: 0.8;
}

#email-affichage-versionweb .liste-calendriers-titre {
    padding: 5px;
    font-size: 10px;
    font-weight: bold;
    color: #585858;
}

#email-affichage-versionweb .liste-topics-item,
#email-affichage-versionweb .liste-conversations-item,
#email-affichage-versionweb .liste-calendrier-item {
    display: block;
    border-left: 4px solid rgb(150, 150, 150);
    margin: 5px;
    padding: 5px;
    background-color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

#email-affichage-versionweb .liste-conversations-item {
    border-left: 2px solid rgb(150, 150, 150);
}

#email-affichage-versionweb .topics-titre,
#email-affichage-versionweb .conversation-sujet,
#email-affichage-versionweb .calendrier-titre {
    display: block;
    font-weight: bold;
    padding: 5px;
}

#email-affichage-versionweb .topics-infossup,
#email-affichage-versionweb .conversation-infossup,
#email-affichage-versionweb .calendrier-infossup {
    display: block;
    padding: 3px;
    font-size: 12px;
    color: #242424 !important;
}

#email-affichage-versionweb .topics-infossup-label,
#email-affichage-versionweb .conversation-infossup-label,
#email-affichage-versionweb .calendrier-infossup-label {
    color: gray;
    font-size: 11px;
}

#email-affichage-versionweb .utilisateur-identite {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}

#email-affichage-versionweb .utilisateur-avatar {
    display: inline-block;
    vertical-align: middle;
    padding: 1px;
}

#email-affichage-versionweb .utilisateur-avatar-img {
    width: 27px;
}

#email-affichage-versionweb .utilisateur-pseudonyme {
    font-weight: bold;
    padding: 1px;
}



.fb-logger-to-show {
    font-size: small;
    color: gray;
}

.fb-connexion {
    display: inline-block;
    background-color: #4267b2;
    padding: 0.5em;
    cursor: pointer;
    color: white;
}

.small>.fb-connexion {
    padding: 0.3em;
    font-size: 0.9em;
}

.fb-connexion-contenu {}

.fb-connexion-logo {}

.fb-connexion-label {
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: .25px;
    text-align: center;
    padding: 0 0.5em;
    hyphens: none;
}

.social-sharing {
    min-width: 170px;
}

.fb-share {
    display: inline-block;
    vertical-align: middle;
    background-color: #4267b2;
    font-size: 0.8em;
    cursor: pointer;
    color: white;
    border-radius: 20px;
}

.fb-share-contenu {}

.fb-share-logo {
    padding: 0.2em 0.4em;
}

.fb-share-label {
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 0.2em;
    padding-right: 0.5em;
    hyphens: none;
}

.fb-share-number {
    background: white;
    border: 1px solid #4267b2;
    border-left: 0px;
    padding: 0.2em;
    text-align: center;
    font-family: 'Play', Helvetica, Arial, sans-serif;
    font-size: 0.91em;
    color: #4267b2;
}

.fb-share.partages-0 .fb-share-number {
    display: none;
}

.social-sharing.btn .fb-share {
    padding: 5px 5px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 0 2px #3a57d4;
    margin: 2px 2px;
}

.social-sharing.btn .fb-share:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
    padding-right: 3.5px;
    background-color: #345db2;
}

.social-sharing.btn .fb-share:hover {
    background-color: #345db2;
    box-shadow: 0 0 3px #345db2;
}



@media all and (-ms-high-contrast:none) {
    #structure-page {
        display: block;
    }

    /* IE10 */
    *::-ms-backdrop,
    #structure-page {
        display: block;
    }

    /* IE11 */
}

html[xmlns*=""] body:last-child #structure-page,
html[xmlns*=""]:root #structure-page,
*|html[xmlns*=""] #structure-page {
    display: block;
}

_::-webkit-full-page-media,
_:future,
:root #structure-page {
    display: block;
}


@media not all and (min-resolution:.001dpcm) {
    #structure-page {
        display: block;
    }

    select,
    input[type="submit"],
    input[type="button"] {
        -webkit-appearance: none;
    }

    input[type="time"] {
        -webkit-appearance: textfield;
        width: 100% !important;
    }
}


/* Design V3.3 */
#body {
    overflow: auto !important;
}

#conteneur-general {
    background: var(--c-white);
    max-width: 100%;
    /* overflow: hidden; */
    overflow: clip;
}

html.modeVitrine #conteneur-general {
    background: transparent;
}

html.modeVitrine {
    background-color: white;
    background-image: linear-gradient(to bottom, var(--c-redclaire-05), var(--c-white) 15%, var(--c-white) 88%, var(--c-redclaire-05) 98%);
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

html.hasChat #conteneur-general {
    max-width: calc(100% - var(--chat-colonne));
}

#logo-calendridel,
#logo-calendridel-tronque {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--zi-lvl-3b);
}

.banniere-tronquee #logo-calendridel {
    display: none;
}

body:not(.banniere-tronquee) #logo-calendridel-tronque {
    display: none;
}

#left-center-pannels-grille {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    flex-wrap: nowrap;
}

html.onApp #left-center-pannels-grille {
    padding-bottom: 55px;
}

#left-pannel {
    width: 225px;
    min-width: 225px;
}

#left-pannel-contenu {
    height: 100%;
    padding-top: 93px;
    overflow: hidden;
    position: relative;
}


#center-pannel {
    flex: 1;
    max-width: 100%;
}

html.onApp #center-pannel {
    padding-bottom: 50px;
}

#center-pannel-contenu {
    height: 100%;
    padding-top: 45px;
}

html.modeVitrine:not([data-uconnecte="1"]) #center-pannel-contenu {
    padding-top: 70px;
}

.page-titre {
    display: none !important;
    font-variant: small-caps;
    padding: 0.75em;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: x-large;
    background-color: #ab3b3d;
    background-image: url('./images/site/partie_titre_bg1.png');
    background-repeat: no-repeat;
    background-position: right top;
}

.page-titre#page-titre-annonces {
    background-image: url('./images/site/partie_titre_bg2.png');
}

.page-titre#page-titre-forum {
    background-image: url('./images/site/partie_titre_bg3.png');
}

#page-contenu {}

#top-pan {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 45px;
    z-index: var(--zi-lvl-3);
    background: var(--c-white);
}

html:not(.modeVitrine) #top-pan {
    background: var(--c-red);
    box-shadow: 0 0 5px black;
}

html.modeVitrine #top-pan {
    background: rgba(250, 250, 250, 0.2);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

html.modeVitrine:not([data-uconnecte="1"]) #top-pan {
    height: 70px;
}

html.modeVitrine #top-pan>div {
    background-color: transparent;
}

body.no-toppan #top-pan {
    display: none;
}

#conteneur-chat-colonne-contenu {
    padding-top: 45px;
}

html.transmitprocessing #conteneur-chat-colonne-contenu {
    padding-top: 110px;
}

html.modeVitrine:not([data-uconnecte="1"]) #conteneur-chat-colonne-contenu {
    padding-top: 70px;
}

html.onApp #conteneur-chat-colonne-contenu,
body.no-toppan #conteneur-chat-colonne-contenu {
    padding-top: 0;
}

html.transmitprocessing body.no-toppan #conteneur-chat-colonne-contenu {
    padding-top: 65px;
}


html.onApp #top-pan {
    position: absolute;
}

.top-pan-liens {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.05em;
    position: relative;
    color: var(--c-blueclaire);
    overflow: hidden;
}

.top-pan-liens span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-pan-liens:hover {
    background-color: var(--c-redclaire);
    color: var(--c-white);
}

.top-pan-liens span img {
    max-height: 30px;
}

.top-pan-liens a {
    color: white;
}

.top-pan-liens-secondaires {}

.top-pan-liens .material-icons,
.top-pan-liens .material-icons-round,
.top-pan-liens .material-icons-outlined {
    text-shadow: 1px 1px 0 white;
}

.top-pan-liens:hover .material-icons,
.top-pan-liens:hover .material-icons-round,
.top-pan-liens:hover .material-icons-outlined {
    text-shadow: 1px 1px 0 gray;
}


html.modeVitrine .top-pan-liens-secondaires {
    width: 65px;
}

@media (max-width: 460px) {
    html.modeVitrine #top-pan-liens-profil {
        display: none;
    }
}

@media (max-width: 230px) {
    html.modeVitrine #top-pan-liens-messagerie {
        display: none;
    }
}

@media (max-width: 600px) {
    html.modeVitrine .top-pan-liens-secondaires {
        width: 50px;
    }
}

html.modeVitrine #top-pan-logo .banniere-full {}

html.modeVitrine #top-pan-logo .banniere-logo {
    display: none;
}

@media (max-width: 385px) {
    html.modeVitrine #top-pan-logo .banniere-full {
        display: none;
    }

    html.modeVitrine #top-pan-logo .banniere-logo {
        display: inline;
    }
}

.top-pan-liens-ouverturemenu {
    background-color: var(--c-white);
    color: var(--c-red);
    font-weight: bold;
    font-size: 28px;
    padding: 3px;
    border-radius: 100%;
}

html.modeVitrine .top-pan-liens-ouverturemenu {
    background-color: transparent;
    color: var(--c-bluedark);
    font-weight: normal;
    font-size: 40px;
}

#menu-fermer-lien .top-pan-liens-ouverturemenu {
    background-color: var(--c-red);
    color: var(--c-white);
}

html:not(.modeVitrine) .lien-to-home,
html:not(.modeVitrine) .lien-to-home img {
    height: 45px;
}

html.modeVitrine .lien-to-home {
    max-height: 100%;
    padding: 0 5px;
}

html.modeVitrine .lien-to-home img {
    max-height: 45px;
}

html.modeVitrine:not([data-uconnecte="1"]) .lien-to-home {
    padding: 0 10px;
}

#menu-notif-generale {
    display: none;
    position: absolute;
    top: 1px;
    left: 45px;
    color: var(--c-red);
    background: var(--c-white);
    border-radius: 100%;
    padding: 4px;
    font-size: 17px;
    animation-duration: 3s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
    border: 1px solid var(--c-red);
}

#menu-notif-global {
    display: none;
    position: absolute;
    top: 2px;
    right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: red;
    border: 1px solid white;
    pointer-events: none;
    animation-duration: 3s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
}

@keyframes clignoter {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

.top-pan-liens.porteur-tout.porteur-tout-show #menu-notif-generale {
    display: block;
}

.top-pan-liens.porteur-tout.porteur-tout-show #menu-notif-global {
    display: block;
}

.top-pannel-liens {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0 2em;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.05em;
    position: relative;
}

.top-pannel-liens:last-child {
    font-size: 1.1em;
}

.top-pannel-liens:hover {
    border-top-color: #ab3b3d;
    color: #ab3b3d;
    background-color: rgba(255, 255, 255, 0.2);
}

.top-pannel-liens span img {
    max-height: 30px;
}

.index-bande {
    min-height: 350px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: local;
    border-bottom: 3px solid white;
}


.index-bande-contenu {
    width: 100%;
    background-color: rgba(200, 200, 200, 0.6);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.index-bande#index-bande-3 .index-bande-contenu {
    background-color: rgba(200, 200, 200, 0.8);
}

.ibc-titre {}

.ibc-titre a {
    font-size: 3em;
    font-variant: small-caps;
    color: #ab3b3d;
    font-weight: bold;
    text-shadow: 2px 2px black;
    padding: 0 3px;
}

.ibc-titre a:hover {
    color: black;
    text-shadow: 2px 2px #ab3b3d;
}

.ibc-txtbtn {}

.ibc-texte {
    margin: 1em;
    padding: 0.5em;
    max-width: 400px;
    background-color: lightgray;
    background-color: rgba(250, 250, 250, 0.6);
}

.ibc-btn-conteneur {
    margin: 0 1em;
}

.index-blog {
    padding: 1em;
}

.index-blog-titre {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    border: 1px solid white;
}

.index-blog-titre>span {
    background-color: rgba(250, 250, 250, 0.7);
    padding: 2em 0.5em;
    font-weight: bold;
    text-shadow: 2px 2px white;
    font-size: 1.5em;
    font-variant: small-caps;
}


.index-blog-titre:hover>span,
.index-blog-titre:active>span,
.index-blog-titre:focus>span {
    background-color: rgba(250, 250, 250, 0.5);
}



@media (min-width: 0px) and (max-width: 767px) {
    .ibc-titre a {
        font-size: 2em;
    }

    .index-bande#index-bande-1 {
        background-image: url('./images/index/index_background9_xs.jpg');
    }

    .index-bande#index-bande-2 {
        background-image: url('./images/index/index_background2_xs.jpg');
    }

    .index-bande#index-bande-3 {
        background-image: url('./images/index/index_background3_xs.jpg');
    }

    .index-bande#index-bande-4 {
        background-image: url('./images/index/index_background4_xs.jpg');
    }

    .index-bande#index-bande-5 {
        background-image: url('./images/index/index_background5_xs.jpg');
    }

    .index-bande#index-bande-6 {
        background-image: url('./images/index/index_background6_xs.jpg');
    }

    .index-bande#index-bande-7 {
        background-image: url('./images/index/index_background7_xs.jpg');
    }

    .index-bande#index-bande-8 {
        background-image: url('./images/index/index_background8_xs.jpg');
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .index-bande#index-bande-1 {
        background-image: url('./images/index/index_background9_sm.jpg');
    }

    .index-bande#index-bande-2 {
        background-image: url('./images/index/index_background2_sm.jpg');
    }

    .index-bande#index-bande-3 {
        background-image: url('./images/index/index_background3_sm.jpg');
    }

    .index-bande#index-bande-4 {
        background-image: url('./images/index/index_background4_sm.jpg');
    }

    .index-bande#index-bande-5 {
        background-image: url('./images/index/index_background5_sm.jpg');
    }

    .index-bande#index-bande-6 {
        background-image: url('./images/index/index_background6_sm.jpg');
    }

    .index-bande#index-bande-7 {
        background-image: url('./images/index/index_background7_sm.jpg');
    }

    .index-bande#index-bande-8 {
        background-image: url('./images/index/index_background8_sm.jpg');
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .index-bande#index-bande-1 {
        background-image: url('./images/index/index_background9_md.jpg');
    }

    .index-bande#index-bande-2 {
        background-image: url('./images/index/index_background2_md.jpg');
    }

    .index-bande#index-bande-3 {
        background-image: url('./images/index/index_background3_md.jpg');
    }

    .index-bande#index-bande-4 {
        background-image: url('./images/index/index_background4_md.jpg');
    }

    .index-bande#index-bande-5 {
        background-image: url('./images/index/index_background5_md.jpg');
    }

    .index-bande#index-bande-6 {
        background-image: url('./images/index/index_background6_md.jpg');
    }

    .index-bande#index-bande-7 {
        background-image: url('./images/index/index_background7_md.jpg');
    }

    .index-bande#index-bande-8 {
        background-image: url('./images/index/index_background8_md.jpg');
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .index-bande#index-bande-1 {
        background-image: url('./images/index/index_background9_lg.jpg');
    }

    .index-bande#index-bande-2 {
        background-image: url('./images/index/index_background2_lg.jpg');
    }

    .index-bande#index-bande-3 {
        background-image: url('./images/index/index_background3_lg.jpg');
    }

    .index-bande#index-bande-4 {
        background-image: url('./images/index/index_background4_lg.jpg');
    }

    .index-bande#index-bande-5 {
        background-image: url('./images/index/index_background5_lg.jpg');
    }

    .index-bande#index-bande-6 {
        background-image: url('./images/index/index_background6_lg.jpg');
    }

    .index-bande#index-bande-7 {
        background-image: url('./images/index/index_background7_lg.jpg');
    }

    .index-bande#index-bande-8 {
        background-image: url('./images/index/index_background8_lg.jpg');
    }
}

@media (min-width: 1600px) {
    .index-bande#index-bande-1 {
        background-image: url('./images/index/index_background9_xl.jpg');
    }

    .index-bande#index-bande-2 {
        background-image: url('./images/index/index_background2_xl.jpg');
    }

    .index-bande#index-bande-3 {
        background-image: url('./images/index/index_background3_xl.jpg');
    }

    .index-bande#index-bande-4 {
        background-image: url('./images/index/index_background4_xl.jpg');
    }

    .index-bande#index-bande-5 {
        background-image: url('./images/index/index_background5_xl.jpg');
    }

    .index-bande#index-bande-6 {
        background-image: url('./images/index/index_background6_xl.jpg');
    }

    .index-bande#index-bande-7 {
        background-image: url('./images/index/index_background7_xl.jpg');
    }

    .index-bande#index-bande-8 {
        background-image: url('./images/index/index_background8_xl.jpg');
    }
}


@media (max-width: 992px) {

    html:not(.modeVitrine) #top-pan,
    html:not(.modeVitrine) .lien-to-home,
    html:not(.modeVitrine) .lien-to-home img {
        height: 35px;
    }


    #logo-calendridel {}

    html:not(.modeVitrine) #center-pannel-contenu {
        padding-top: 35px;
    }

    .page-titre {
        padding: 0.5em;
    }

    .partie-aeree .partie-contenu {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .formv3.formv3-light .formv3-partie {
        padding-left: 0.1em;
    }
}




.formv3 {
    /* border: 1px solid lightgray; */
    /* margin-bottom: 2em; */
}

.formv3-general-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
    padding: 0.75em;
    padding-left: 0.1em;
    color: var(--c-titre);
    text-align: left;
    font-size: 1.2em;
}

.formv3-general-legende {
    padding: 0.5em;
    padding-left: 0.2em;
    font-size: 0.9em;
    text-align: justify;
	margin-bottom: 1em;
}

.formv3-partie {}

.formv3-partie-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
    padding: 0.5em 0.5em 0.5em 1em;
    padding-left: 0.1em;
    padding-right: 0.1em;
    background-color: transparent;
    color: var(--c-redpale);
    text-align: left;
    font-size: 1.1em;
}

.formv3-partie-contenu {
    text-align: left;
}

.formv3-partie-legende {
    padding: 0.5em;
    font-size: 0.85em;
    text-align: left;
    color: var(--c-redpale);
}

.formv3-donnees-conteneur {
    padding: 0.5em 0.25em;
}

.formv3-donnees-titre {
    font-weight: bold;
    /* color: var(--c-classic); */
    color: var(--c-redpale);
    text-shadow: 0px 24px 26px #00000029;
    text-transform: uppercase;
    font-size: 0.8em;
}

.formv3-donnees-titre label {}

.formv3-donnees-titre label:not(.noarrowbefore)::before {
    content: '\2193\a0';
    color: var(--c-bluedark);
    font-weight: normal;
}

.required .formv3-donnees-titre label::after,
.required.formv3-donnees-titre label::after {
    box-sizing: content-box;
    content: ' *';
    color: red;
    font-weight: bold;
}



.formv3-donnees-input-conteneur {
    position: relative;
}


.formv3-donnees-controle {
    font-family: var(--ff-poppins);
    font-size: 0.8em;
    padding: 0 0.75em;
}

.formv3-donnees-controle:empty {
    padding: 0;
}

.formv3-submit {
    padding: 0.5em;
    text-align: center;
}



.formv3-general-legende p,
.formv3-partie-legende p {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.formv3-general-legende p:first-child,
.formv3-partie-legende p:first-child {
    margin-top: 0;
}

.formv3-general-legende p:last-child,
.formv3-partie-legende p:last-child {
    margin-bottom: 0;
}

.formv3-donnees-input-statut {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 18px;
    background: url('./images/site/sprite_fields.png') no-repeat 0 0;
}

.sans-donnees-statut .formv3-donnees-input-statut {
    display: none !important;
}

.formv3-donnees-input-statut.donnees-select {
    right: 1em;
}

.formv3-donnees-input-statut.positif {
    background-position: 0 -14px;
}

.formv3-donnees-input-statut.negatif {
    background-position: 0 -28px;
}

.formv3-donnees-input-statut.loading {
    background-position: 0 -42px;
}

textarea {
    min-width: 100%;
    max-width: 100% !important;
    resize: vertical;
}

.selectv3,
.textareav3,
.inputv3 {
    height: 100%;
    width: 100%;
    padding: 13px 16px;
    margin: 0;
    background-color: #fafafa;
    outline: none;
    outline-style: none;
    box-shadow: 0px 5px 10px #00000029;
    border: 2px solid var(--c-red);
    border-radius: 25px;
    /* color: var(--c-classic); */
    color: var(--c-bluedark);
    font-weight: bold;
	min-height: 37px;
}

.inputv3.border-redpale {
    border-color: var(--c-redpale);
}

.inputv3.border-redclaire {
    border-color: var(--c-redclaire);
}

input[type="range"] {
    max-width: 100%;
}

.inputv3[type="range"],
.inputv3[type="range"]:hover,
.inputv3[type="range"]:focus {
    box-shadow: none;

}

.inputv3.padsmall {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.inputv3.inputlocked {
    background-image: url('./images/site/cadenas.png');
    background-repeat: no-repeat;
    background-position: 99% center;
}


.selectv3 {
    padding: 12px 6px;
    box-shadow: 0px 5px 10px #00000029;
    border: 2px solid var(--c-red);
}

.selectv3 optgroup[label] {
    background-color: var(--c-beige);
    font-style: normal;
}

.inputv3.noborders,
.selectv3.noborders {
    border: 0px solid transparent;
    border-radius: 0;
}


.selectv3:valid,
.selectv3:invalid,
.textareav3:valid,
.textareav3:invalid,
.inputv3:valid,
.inputv3:invalid {
    /* box-shadow: 0 0 0 transparent; */
    /* border: 1px solid lightgray; */
}

.inputv3::placeholder {
    color: var(--c-redpale);
    text-transform: uppercase;
}

.textareav3::placeholder {
    color: var(--c-redpale);
}

.partie-gray .inputv3,
.partie-gray .selectv3,
.partie-gray .textareav3 {
    background-color: white;
}

.partie-white .inputv3,
.partie-white .selectv3,
.partie-white .textareav3 {
    background-color: #fafafa;
}


.inputv3.small {
    padding: 9px;
    font-size: 0.9em;
}

.selectv3.big,
.inputv3.big {
    padding: 14px 7px;
    font-size: 1.3em;
}

.label.small {
    font-size: 0.85em;
    padding: 6px 3px;
}


.selectv3:invalid .selectv3.has-error,
.selectv3.has-error,
.textareav3:invalid .textareav3.has-error,
.textareav3.has-error,
.inputv3:invalid .inputv3.has-error,
.inputv3.has-error {
    border-color: #fbb3b3;
    box-shadow: 0 0 0;
}

.selectv3:active,
.selectv3.active,
.selectv3:hover,
.textareav3:active,
.textareav3.active,
.textareav3:hover,
.inputv3:active,
.inputv3.active,
.inputv3:hover {
    box-shadow: 0 0 3px lightgray inset;
}

.selectv3:focus,
.textareav3:focus,
.inputv3:focus {
    box-shadow: 0 0 3px gray inset;
}


.selectv3.is-valid,
.textareav3.is-valid,
.inputv3.is-valid {}

.selectv3.small {
    padding: 8px 4px;
}

.label-cadre {
    border: 1px solid var(--c-redclaire);
    border-radius: 10px;
    padding: 9px 5px;
}

.label-checkbox.checked,
.label-radio.checked {
    background-color: #f4f4f4;
    background-color: rgba(200, 200, 200, 0.2);
    opacity: 1;
}

.label-checkbox,
.label-radio {
    font-size: 0.9em;
}

.label-checkbox:hover,
.label-radio:hover {
    background-color: #e3e3e3;
    background-color: rgba(200, 200, 200, 0.5);
    opacity: 0.9;
}


.formv3-light .formv3-partie {
    border: 0px solid transparent;
    padding-left: 0.5em;
}



.cal-config-indiv-noacces {
    opacity: 0.8;
}

.cal-config-indiv-noacces:hover {
    opacity: 1;
}

.cal-config-indiv-noacces .affichage-u-avatarpseudonyme .pseudonyme-conteneur {
    color: var(--c-redpale);
}


.cal-config-indiv-acces-item {
    margin: 0.25em;
    padding: 0.25em 0.75em;
    background: var(--c-beige);
    border-radius: 20px;
    text-align: center;
    font-size: 0.9em;
}

.cal-config-indiv-acces-item.click-ajax:hover {
    background: var(--c-redclaire);
}

.cal-config-indiv-acces-item-nouveau {
    background: var(--c-redclaire);
    font-size: 0.85em;
}

.cal-config-indiv-acces-item-nouveau.click-ajax:hover {
    background: var(--c-red);
    color: white;
}

.cal-config-indiv-acces-item-actual {
    background: var(--c-redclaire);
    font-size: 0.95em;
}

.cal-config-indiv .formv3-partie-contenu {
    margin-bottom: 1em;
}

.cal-config-requetes {}

.cal-config-requetes-item {
    padding: 0.35em 0.1em;
}

.cal-config-requetes-item-contenu {
    background: white;
    box-shadow: 4px 4px 0 0 lightgray;
    padding: 0.5em;
}

.cal-config-requetes-item:hover .cal-config-requetes-item-contenu {
    box-shadow: 4px 4px 0 0 gray;
}

.cal-config-requetes-item-contenu .cal-config-requetes-item-individu {
    font-weight: bold;
}

.cal-config-requetes-item-contenu .cal-config-requetes-item-infos {}

.cal-config-requetes-item-contenu .cal-config-requetes-item-infos-similitudes,
.cal-config-requetes-item-contenu .cal-config-requetes-item-infos-timestamp {
    margin-left: 1em;
    padding: 0.25em 0;
    font-size: 0.87em;
    color: gray;
}


#form-utilisateur-avatar-div {
    text-align: center;
    border: 1px solid lightgray;
    padding: 1px;
}


#profil-lien-vers-factures {
    margin: 0.25em;
    padding: 0.25em;
    box-shadow: 0 0 3px lightgray;
    background-color: #fbfbfb;
    cursor: pointer;
    height: 100%;
    font-size: 0.8em;
    color: gray;
    opacity: 0.8;
}

#profil-lien-vers-factures:hover {
    color: white;
    box-shadow: 0 0 3px gray;
    background-color: #ab3b3d;
}

#profil-lien-vers-factures.active {
    color: black;
    box-shadow: 0 0 3px #ab3b3d;
    background-color: #eaeaea;
}


.menu2-typecontenu-conteneur,
.fichiers-typecontenu-conteneur,
.profil-typecontenu-conteneur {
    padding: 0.5em;
}

.menu2-typecontenu-contenu,
.fichiers-typecontenu-contenu,
.profil-typecontenu-contenu {
    border-radius: 5px;
    box-shadow: 0 0 3px lightgray;
    background-color: #fbfbfb;
    cursor: pointer;
    height: 100%;
}

.partie-gray .menu2-typecontenu-contenu,
.partie-gray .fichiers-typecontenu-contenu,
.partie-gray .profil-typecontenu-contenu {
    background-color: white;
}

.typecontenu-titre {
    font-weight: bold;
    padding: 0.15em;
    hyphens: none;
    text-align: center;
}

.typecontenu-logo {
    padding: 0.5em;
    opacity: 0.8;
    text-align: center;
}

.typecontenu-logo img {
    width: 50px;
    height: 50px;
}

.typecontenu-legende {
    font-size: 0.9em;
    color: gray;
    padding: 0.15em;
    text-align: center;
}

@media (max-width: 768px) {
    .typecontenu-logo img {
        width: 30px;
        height: 30px;
    }

    .typecontenu-legende {
        font-size: 0.8em;
    }
}

.menu2-typecontenu-contenu.active,
.fichiers-typecontenu-contenu.active,
.profil-typecontenu-contenu.active {
    box-shadow: 0 0 3px #ab3b3d;
    background-color: #eaeaea;
}

.profil-typecontenu-contenu.active .typecontenu-titre {}

.profil-typecontenu-contenu.active .typecontenu-legende {}

.menu2-typecontenu-conteneur .menu2-typecontenu-contenu:hover,
.fichiers-typecontenu-conteneur .fichiers-typecontenu-contenu:hover,
.profil-typecontenu-conteneur .profil-typecontenu-contenu:hover {
    box-shadow: 0 0 3px gray;
    background-color: #ab3b3d;
}

.menu2-typecontenu-contenu:hover .typecontenu-titre,
.fichiers-typecontenu-contenu:hover .typecontenu-titre,
.profil-typecontenu-contenu:hover .typecontenu-titre {
    color: white;
}

.menu2-typecontenu-contenu:hover .typecontenu-legende,
.fichiers-typecontenu-contenu:hover .typecontenu-legende,
.profil-typecontenu-contenu:hover .typecontenu-legende {
    color: lightgray;
}


.pointer {
    cursor: pointer;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.6;
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.6;
}

:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0.6;
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.6;
}

::placeholder {
    opacity: 0.6;
}


.element-maxsized,
.text-maxsized p,
.text-maxsized li,
.text-maxsized form,
.text-maxsized hr,
.text-maxsized .text-inherit {
    max-width: 820px;
}

.element-margined,
.text-margined p,
.text-margined li,
.text-margined form,
.text-margined hr,
.text-margined .text-inherit {
    margin-left: auto;
    margin-right: auto;
}

.text-nosized {
    max-width: auto;
}

.text-no-margined {
    margin: auto;
}

.navigation-retour {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 0.5em;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}



#contrat-fenetre {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: var(--zi-lvl-5);
    top: 0;
    left: 0;
}

#cf0 {
    background: white;
    box-shadow: 0 0 15px lightgray;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    width: 100%;
    height: 100%;
}

#cf1 {
    text-align: right;
    font-size: small;
    cursor: pointer;
    padding: 2px;
    width: 100%;
}

#cf2 {
    padding: 1em;
    overflow: auto;
    width: 100%;
}


#sm00 {
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: var(--zi-lvl-85);
    top: 0;
    left: 0;
}

#sm0 {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #f9f9f9;
    background-color: rgba(250, 250, 250, 0.9);
    width: 100%;
    height: 100%;
    max-height: 100%;
}

#sm1 {
    max-height: 99%;
    max-width: 99%;
    max-width: 800px;
}

#sm2 {
    text-align: right;
    font-size: small;
    cursor: pointer;
    padding: 1px;
}

#sm00.unclosable #sm2 {
    visibility: hidden;
}

#sm3 {
    padding: 1em;
    background: white;
    box-shadow: 0 0 15px lightgray;
    border-radius: 10px;
    overflow: auto;
    text-align: center;
    margin-bottom: 14px;
    border: 1px solid var(--c-red);
}

@media (max-width: 768px) {
    #sm3 {
        padding: 0.5em;
    }
}

#sm3 p {
    margin: 0.25em 0;
}

#sm3 p:first-child {
    margin-top: 0;
}

#sm3 p:last-child {
    margin-bottom: 0;
}

#sm0.undisplayed {
    display: none;
}


html.noscroll,
html.noscrolloverlay,
html.noscrollfullsize,
html.noscrollcontrat,
html.noscrollmenu,
html.noscrolltlistepatients,
html.noscrolltbanque,
html.noscrolltmap,
html.noscrolldropdownmenu,
html.noscroll body,
html.noscrolloverlay body,
html.noscrollfullsize body,
html.noscrollcontrat body,
html.noscrollmenu body,
html.noscrolltlistepatients body,
html.noscrolltbanque body,
html.noscrolltmap body,
html.noscrolldropdownmenu body {
    /* overflow: hidden !important; */
    height: 100% !important;
    height: 100dvh !important;
}

html.overlayscrollblocked,
html.overlayscrollblocked body {
	overflow: hidden !important;
}

html.noscroll,
html.noscrolloverlay,
html.noscrollcontrat,
html.noscrollmenu,
html.noscrolltlistepatients,
html.noscrolltbanque,
html.noscrolltmap,
html.noscrolldropdownmenu {
    /* overflow-y: scroll !important; */
}

html.overlayscrollblocked.noscroll,
html.overlayscrollblocked.noscrolloverlay,
html.overlayscrollblocked.noscrollcontrat,
html.overlayscrollblocked.noscrollmenu,
html.overlayscrollblocked.noscrolltlistepatients,
html.overlayscrollblocked.noscrolltbanque,
html.overlayscrollblocked.noscrolltmap,
html.overlayscrollblocked.noscrolldropdownmenu {
    overflow-y: scroll !important;
}


.io0 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: var(--zi-lvl-5);
    top: 0;
    left: 0;
}

.io0.full {
    position: fixed;
    z-index: var(--zi-lvl-83);
}

.io0.unclosable .io3 {
    visibility: hidden;
}

.io1 {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: rgba(250, 250, 250, 0.7);
    width: 100%;
    height: 100%;
    max-height: 100%;
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .io1 {
        background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    #calendrier-div-conteneur .shadow-interactions {
        background-color: rgba(240, 240, 240, 0.6);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        opacity: 1;
    }
}

.io3 {
    text-align: right;
    font-size: small;
    cursor: pointer;
    padding: 2px;
    padding-right: 6px;
    width: 100%;
    min-height: 35px;
	background-color: var(--c-beige-02);
}

.io2 {
    background: white;
    box-shadow: 0 0 15px lightgray;
    border: 2px solid var(--c-redpale);
    border-radius: 5px;
    max-height: 99%;
    max-width: 99%;
    overflow: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    min-width: 430px;
}

@media (max-width: 429px) {
    .io2 {
        min-width: 380px;
    }
}

@media (max-width: 379px) {
    .io2 {
        min-width: auto;
    }
}

.io4 {
    padding: 0.5em;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .io4 {
        padding: 0.1em;
    }
}

.io0.undisplayed {
    display: none;
}

.form-overlay {
    min-width: 280px;
}


#overlay-t-banque-fichiers {
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: var(--zi-lvl-84);
    top: 0;
    left: 0;
}

#otbf1 {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #f9f9f9;
    background-color: rgba(250, 250, 250, 0.9);
    width: 100%;
    height: 100%;
    max-height: 100%;
}

#otbf3 {
    text-align: right;
    font-size: small;
    cursor: pointer;
    padding: 2px;
    width: 100%;
    min-height: 35px;
	background-color: var(--c-beige-02);
}

#otbf2 {
    background: white;
    box-shadow: 0 0 15px lightgray;
    border-radius: 3px;
    max-height: 99%;
    max-width: 99%;
    overflow: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    border: 2px solid var(--c-red);
}

#otbf4 {
    padding: 0.2em;
    overflow: auto;
    width: 100%;
}

#overlay-t-banque-fichiers.undisplayed {
    display: none;
}


#contenu-page-centre.page-cestquoicesite {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.page-titre#page-titre-cestquoicesite {}

#contenu-page-centre.page-connexion {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.page-titre#page-titre-connexion {}

#contenu-page-centre.page-profil-suppression {
    background-repeat: no-repeat;
    background-position: bottom right;

}


.affichage-u-avatarpseudonyme {
    display: inline-flex;
    align-items: stretch;
    align-content: stretch;
    vertical-align: bottom;
}

.affichage-u-avatarpseudonyme-tooltip-flex {
    display: flex;
    align-items: stretch;
    align-content: stretch;
}

.affichage-u-avatarpseudonyme-tooltip .avatar-conteneur,
.affichage-u-avatarpseudonyme .avatar-conteneur,
.affichage-u-avatarpseudonyme .pseudonyme-conteneur,
.affichage-u-avatarpseudonyme-tooltip .pseudonyme-conteneur,
.affichage-u-avatarpseudonyme .special-conteneur,
.affichage-u-avatarpseudonyme-tooltip .special-conteneur {
    display: flex;
    align-items: center;
    align-content: center;
}

.affichage-u-avatarpseudonyme .avatar-conteneur {
    padding: 1px;
}

.affichage-u-avatarpseudonyme .pseudonyme-conteneur {
    color: #720305;
    /* font-variant: small-caps; */
	font-family: var(--ff-graphie);
    font-size: 0.95em;
}

.legendeg .affichage-u-avatarpseudonyme .pseudonyme-conteneur {
    font-size: 1.05em;
}

.affichage-u-avatarpseudonyme .special-conteneur {
    font-size: small;
    opacity: 0.7;
}

.affichage-u-avatarpseudonyme .special-conteneur:hover {
    opacity: 1;
}


.affichage-u-avatarpseudonyme.img-rond .avatar-conteneur img {
    border-radius: 100px;
}

.affichage-u-avatarpseudonyme.img-15px .avatar-conteneur img {
    width: 15px;
	min-width: 15px;
    height: 15px;
}

.affichage-u-avatarpseudonyme.img-20px .avatar-conteneur img {
    width: 20px;
	min-width: 20px;
    height: 20px;
}

.affichage-u-avatarpseudonyme.img-30px .avatar-conteneur img {
    width: 30px;
	min-width: 30px;
    height: 30px;
}

.affichage-u-avatarpseudonyme.img-15px.img-rond .avatar-conteneur img,
.affichage-u-avatarpseudonyme.img-20px.img-rond .avatar-conteneur img {
    border-radius: 10px;
}


.formv3 .selectv3 option.selected {
    font-style: italic;
}

.forum-recherche-label-sousforum {
    padding-left: 2em;
}


.notif-bulle {
    position: absolute;
    top: 2px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    animation-duration: 3s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
}

.notif-bulle.right {
    right: 3px;
}

.notif-bulle.notif-bulle-dot {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: red;
    border: 1px solid white;
    pointer-events: none;
}

.mvc-shortcuts-shortcut .notif-bulle-dot {
    top: 0 !important;
    right: 0 !important;
}

.porteur-tout-hidden .notif-bulle-tout,
.porteur-topics-hidden .notif-bulle-topics,
.porteur-contrats-hidden .notif-bulle-contrats,
.porteur-mp-hidden .notif-bulle-mp,
.porteur-chat-hidden .notif-bulle-chat,
.porteur-requetes-hidden .notif-bulle-requetes,
.porteur-modif_periodes-hidden .notif-bulle-modif_periodes,
.porteur-modif_individus-hidden .notif-bulle-modif_individus {
    display: none;
}


#calendrier-body2 {
    max-width: 100%;
    overflow: auto;
}

.c2-body-contenu {
    max-width: 100%;
}

.c2-element {
    width: 32px;
    position: relative;
}

.c2-date,
.c2-jour {
    min-width: 32px;
    width: 32px;
    height: 40px;
    border-right: 1px dotted #f4f4f4;
    border-top: 1px solid lightgray;
}

.c2-jour:not(.grille):not(.gccc) {
    display: block;
}

.c2-jour.calendrier-jour {
    border-left: 0px;
}


.c2-semaine {
    width: 30px;
    height: 40px;
    font-size: 0.8em;
    color: gray;
    text-align: center;
    overflow: hidden;
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

.c2-semaine:last-child,
.c2-date:last-child,
.c2-jour:last-child {
    border-bottom: 1px solid lightgray;
}

.c2-semaine.c2-semaine-nbrjrs-7 {
    height: 280px;
}

.c2-semaine.c2-semaine-nbrjrs-6 {
    height: 240px;
}

.c2-semaine.c2-semaine-nbrjrs-5 {
    height: 200px;
}

.c2-semaine.c2-semaine-nbrjrs-4 {
    height: 160px;
}

.c2-semaine.c2-semaine-nbrjrs-3 {
    height: 120px;
}

.c2-semaine.c2-semaine-nbrjrs-2 {
    height: 80px;
}

.c2-semaine.c2-semaine-nbrjrs-1 {
    height: 40px;
}


.c2-dates.c2-dates-right .c2-date {
    border-left: 0px;
    border-right: 1px solid lightgray;
}

.c2-semaines.c2-semaines-right .c2-semaine {
    border-left: 0px;
    border-right: 1px solid lightgray;
}

.c2-semaine.c2-semaine-nbrjrs-2 .c2-semaine-letter,
.c2-semaine.c2-semaine-nbrjrs-1 .c2-semaine-letter {
    display: none;
}

.c2-element.calendrier-ligne-infos-utilisateur-actuel {
    height: 100%;
}

.c2-jour.c2-jour-element-identite {
    text-align: center;
    padding: 2px;
}

.c2-element .periode {
    width: 100%;
    left: 0;
    height: auto;
}

.c2-element .periode.nbrjr-decalage-0 {
    top: 40px;
}

.c2-element .periode.nbrjr-decalage-1 {
    top: 80px;
}

.c2-element .periode.nbrjr-decalage-2 {
    top: 120px;
}

.c2-element .periode.nbrjr-decalage-3 {
    top: 160px;
}

.c2-element .periode.nbrjr-decalage-4 {
    top: 200px;
}

.c2-element .periode.nbrjr-decalage-5 {
    top: 240px;
}

.c2-element .periode.nbrjr-decalage-6 {
    top: 280px;
}

.c2-element .periode.nbrjr-decalage-7 {
    top: 320px;
}

.c2-element .periode.nbrjr-decalage-8 {
    top: 360px;
}

.c2-element .periode.nbrjr-decalage-9 {
    top: 400px;
}

.c2-element .periode.nbrjr-decalage-10 {
    top: 440px;
}

.c2-element .periode.nbrjr-decalage-11 {
    top: 480px;
}

.c2-element .periode.nbrjr-decalage-12 {
    top: 520px;
}

.c2-element .periode.nbrjr-decalage-13 {
    top: 560px;
}

.c2-element .periode.nbrjr-decalage-14 {
    top: 600px;
}

.c2-element .periode.nbrjr-decalage-15 {
    top: 640px;
}

.c2-element .periode.nbrjr-decalage-16 {
    top: 680px;
}

.c2-element .periode.nbrjr-decalage-17 {
    top: 720px;
}

.c2-element .periode.nbrjr-decalage-18 {
    top: 760px;
}

.c2-element .periode.nbrjr-decalage-19 {
    top: 800px;
}

.c2-element .periode.nbrjr-decalage-20 {
    top: 840px;
}

.c2-element .periode.nbrjr-decalage-21 {
    top: 880px;
}

.c2-element .periode.nbrjr-decalage-22 {
    top: 920px;
}

.c2-element .periode.nbrjr-decalage-23 {
    top: 960px;
}

.c2-element .periode.nbrjr-decalage-24 {
    top: 1000px;
}

.c2-element .periode.nbrjr-decalage-25 {
    top: 1040px;
}

.c2-element .periode.nbrjr-decalage-26 {
    top: 1080px;
}

.c2-element .periode.nbrjr-decalage-27 {
    top: 1120px;
}

.c2-element .periode.nbrjr-decalage-28 {
    top: 1160px;
}

.c2-element .periode.nbrjr-decalage-29 {
    top: 1200px;
}

.c2-element .periode.nbrjr-decalage-30 {
    top: 1240px;
}

.c2-element .periode.nbrjr-decalage-31 {
    top: 1280px;
}

.c2-element .periode.nbrjr-1 {
    height: 40px;
}

.c2-element .periode.nbrjr-2 {
    height: 80px;
}

.c2-element .periode.nbrjr-3 {
    height: 120px;
}

.c2-element .periode.nbrjr-4 {
    height: 160px;
}

.c2-element .periode.nbrjr-5 {
    height: 200px;
}

.c2-element .periode.nbrjr-6 {
    height: 240px;
}

.c2-element .periode.nbrjr-7 {
    height: 280px;
}

.c2-element .periode.nbrjr-8 {
    height: 320px;
}

.c2-element .periode.nbrjr-9 {
    height: 360px;
}

.c2-element .periode.nbrjr-10 {
    height: 400px;
}

.c2-element .periode.nbrjr-11 {
    height: 440px;
}

.c2-element .periode.nbrjr-12 {
    height: 480px;
}

.c2-element .periode.nbrjr-13 {
    height: 520px;
}

.c2-element .periode.nbrjr-14 {
    height: 560px;
}

.c2-element .periode.nbrjr-15 {
    height: 600px;
}

.c2-element .periode.nbrjr-16 {
    height: 640px;
}

.c2-element .periode.nbrjr-17 {
    height: 680px;
}

.c2-element .periode.nbrjr-18 {
    height: 720px;
}

.c2-element .periode.nbrjr-19 {
    height: 760px;
}

.c2-element .periode.nbrjr-20 {
    height: 800px;
}

.c2-element .periode.nbrjr-21 {
    height: 840px;
}

.c2-element .periode.nbrjr-22 {
    height: 880px;
}

.c2-element .periode.nbrjr-23 {
    height: 920px;
}

.c2-element .periode.nbrjr-24 {
    height: 960px;
}

.c2-element .periode.nbrjr-25 {
    height: 1000px;
}

.c2-element .periode.nbrjr-26 {
    height: 1040px;
}

.c2-element .periode.nbrjr-27 {
    height: 1080px;
}

.c2-element .periode.nbrjr-28 {
    height: 1120px;
}

.c2-element .periode.nbrjr-29 {
    height: 1160px;
}

.c2-element .periode.nbrjr-30 {
    height: 1200px;
}

.c2-element .periode.nbrjr-31 {
    height: 1240px;
}

.c2-element .periode.periode-finie-ailleurs {
    padding-right: 0.2em;
    padding-bottom: 0px;
}

.c2-element .periode.periode-commencee-ailleurs {
    padding-left: 0.2em;
    padding-top: 0px;
}


.dates-par-ligne-conteneur {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#calendrier-div-conteneur.selectiondateliveencours .dates-par-ligne-conteneur {
    display: block;
}

.c2-date-par-ligne-blanc {
    height: 40px;
    width: 100%;
}

.c2-date-par-ligne {
    width: 100%;
    height: 40px;
    background-color: transparent;
}

.c2-date-par-ligne.date-selected {
    background-color: var(--c-redclaire-05);
}


.dates-par-case-conteneur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#calendrier-div-conteneur:not(.selectiondateliveencours) .dates-par-case-conteneur {
    display: none;
}

.date-par-case-blanc {}

.date-par-case {
    width: 14.28571428571429%;
    margin-top: 20px;
}

.date-par-case.date-selected {
    background-color: var(--c-redclaire-05);
}


#notifications-center {
    overflow: hidden;
    position: absolute;
}

#notifications-center .notification {
    width: 200px;
    padding: 5px;
}


#notifications-center .notification.notification-type2 {
    margin-left: 25px;
    font-style: italic;
}


#notifications-center .notification.notification-type3 {
    margin-left: 25px;
}


#notifications-center .notification.notification-type4 {
    width: 100%;
    margin: 0;
}


#notifications-center .notification-contenu {
    background-color: white;
    background-color: rgba(250, 250, 250, 0.7);
    border: 1px solid lightgray;
}

#notifications-center .notification-contenu:not(.grille) {
    display: block;
}

#notifications-center .notification-contenu-texte {
    font-family: var(--ff-play);
    font-size: 0.8em;
    width: 150px;
    padding: 2px;
}

#notifications-center .notification.notification-type4 .notification-contenu-texte {
    width: 100%;
}

#notifications-center .notification-contenu-avatar img {
    height: 30px;
    width: 30px;
}

#notifications-center .notification-contenu-avatar {
    margin-top: 2px;
    width: 40px;
    min-width: 40px;
}

#notifications-center .notification-contenu-avatar .notification-contenu-avatar-multiples {
    padding: 1px;
}

#notifications-center .notification-contenu-avatar .notification-contenu-avatar-multiples img {
    width: 17px;
    height: 17px;
    margin: 1px;
}

#notifications-center .notification-contenu-avatar .notification-contenu-avatar-multiples .notif-avatars-dots {
    padding: 1px;
    color: gray;
    font-size: 0.9em;
}

#notifications-center .notification-contenu-infos {
    font-family: var(--ff-play);
    font-size: 0.7em;
    color: gray;
    padding: 2px;
    text-align: right;
    font-style: normal;
}

#notifications-center .notification-contenu-infos-emoji {
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
}

#notifications-center .notification-contenu:hover {
    background-color: white;
}


#admin-emails-liste {}

.admin-email {
    padding: 0.15em;
}

.admin-email-contenu {
    border: 1px solid lightgray;
}

.admin-email-identite {
    font-size: 0.9em;
    padding: 2px;
}

.admin-email-identite-inconnu {
    font-size: 0.8em;
    color: gray;
    font-style: italic;
    opacity: 0.6;
}

.admin-email-type {
    font-size: 0.8em;
    padding: 2px;
}

.admin-email-statut {
    padding: 2px;
}

.admin-email-statut-point {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: gray;
}

.admin-email-timestamp {
    padding: 2px;
    font-size: 0.8em;
}

.admin-email-lecture {
    padding: 2px;
    font-size: 0.9em;
    font-weight: bold;
}

.admin-email:nth-of-type(odd) .admin-email-contenu {
    background-color: #fafafa;
}

.admin-email.statut-1 .admin-email-statut-point {
    background-color: green;
}

.admin-email.statut-2 .admin-email-statut-point {
    background-color: orange;
}

.admin-email.statut-3 .admin-email-statut-point {
    background-color: red;
}

.admin-email.statut-1:not(.nbrlectures-0) .admin-email-statut-point {
    background-color: blue;
}


.admin-email.nbrlectures-0 .admin-email-identite,
.admin-email.nbrlectures-0 .admin-email-type,
.admin-email.nbrlectures-0 .admin-email-statut,
.admin-email.nbrlectures-0 .admin-email-timestamp,
.admin-email.nbrlectures-0 .admin-email-lecture {
    opacity: 0.6;
}

.admin-email.nbrlectures-0 .admin-email-lecture {
    color: gray;
    font-weight: normal;
}

.admin-email:hover .admin-email-identite,
.admin-email:hover .admin-email-type,
.admin-email:hover .admin-email-statut,
.admin-email:hover .admin-email-timestamp,
.admin-email:hover .admin-email-lecture {
    opacity: 1;
}



#u-conteneur {
	text-align: left;
}

#u-conteneur .u-titre {
    background-color: var(--c-redpale);
    border-radius: 40px;
    box-shadow: 0px 5px 10px #00000029;
    color: var(--c-white);
    padding: 0.5em 1em;
    font-weight: bold;
    margin-bottom: 1em;
}

#u-conteneur .u-identite-conteneur {
    /* background-color: var(--c-red); */
    /* color: var(--c-white); */
    /* border-radius: 74px; */
    /* box-shadow: 0px 5px 10px #00000029; */
	padding: 5px;
    margin-bottom: 0.75em;
    overflow: hidden;
}

#u-conteneur .u-i-avatar {
    /* padding: 1em; */
}

#u-conteneur .u-i-avatar img {
    max-height: 90px;
    max-width: 90px;
	border-color: transparent;
	background-color: transparent;
}

#u-conteneur .u-i-identite {
	max-width: calc(100% - 90px);
}

#u-conteneur .u-pseudonyme {
    font-family: var(--ff-graphie);
    font-size: xx-large;
    font-weight: 900;
    padding: 0.5em;
}

#u-conteneur .u-inscription {
    font-size: 0.9em;
    text-align: right;
    color: var(--c-redpale);
}

#u-conteneur .u-activites-conteneur {
    padding: 1em 0;
}

#u-conteneur .u-calendriers-conteneur {
    padding: 1em 0;
}

#u-conteneur .u-forum-conteneur {
    padding: 1em 0;
}

#u-conteneur .u-annonces-conteneur {
    padding: 1em 0;
}

#u-conteneur .u-mp-conteneur {
    padding: 1em 0;
}

.u-mp-conteneur .item-sujetcheckbox--checkboxlabel {
    display: none;
}

#u-conteneur .u-pseudo {
    font-variant: small-caps;
    font-size: 0.95em;
    font-weight: bold;
}

.u-derniersposts-item {
    font-size: 0.85em;
    padding: 0.5em;
}

.u-derniersposts-item-contenu {
    height: 100%;
    padding: 0.25em;
    background: var(--c-beige-05);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 20px;
}

.u-derniersposts-item-contenu:hover {
    background: var(--c-beigepale);
}

.u-post-post-infos {
    padding: 0.25em;
}

.u-post-post-infos .u-post-id {
    font-weight: bold;
}

.u-post-post-infos .u-post-date {
    color: gray;
}

.u-post-topic-infos {
    padding: 0.25em;
    margin-top: 0.25em;
}

.u-post-topic-infos .u-topic-label {
    color: gray;
    font-style: italic;
}


#page-partenaires {}

.partenaires-item {
    margin: 1em;
}

.partenaires-item-lien {
    display: block;
    position: relative;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.partenaires-item-img {
    text-align: center;
}

.partenaires-item-img img {
    max-height: 150px;
}

.partenaires-item-resume {
    margin: 1em;
}

.partenaire {}

.partenaire-banniere {
    text-align: center;
    margin-bottom: 1em;
}

.partenaire-banniere img {
    max-height: 150px;
}

.partenaire-titre {
    font-family: var(--ff-graphie);
    font-size: 1.3em;
    font-variant: small-caps;
    font-weight: bold;
    background: var(--c-red);
    border-radius: 50px;
    color: var(--c-white);
    padding: 0.5em 1em;
    box-shadow: 0px 5px 10px #00000029;
    margin-bottom: 2em;
}

.partenaire-titre>span {}

.partenaire-texte {
    text-indent: 0.25em;
}

.partenaire-lien {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: #ab3b3d;
    font-weight: bold;
}


.annonce-infos-msg {
    font-size: 0.95em;
}


.home-partie {
    padding: 0.5em;
}

.home-partie-contenu {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border: 2px solid var(--c-blueclaire);
    border-radius: 15px;
    height: 100%;
    overflow: hidden;
}

.home-partie-contenu-titre {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 2px solid var(--c-blueclaire);
    border-top: 0;
    margin-left: -4px;
    margin-right: -4px;
}

#home-partie-calendriers .home-partie-contenu-titre {
    background-image: url("./images/index/index_background1_xs.jpg");
}

#home-partie-cabinets .home-partie-contenu-titre {
    background-image: url("./images/index/index_background9_sm.jpg");
}

#home-partie-annonces .home-partie-contenu-titre {
    background-image: url("./images/index/index_background2_xs.jpg");
}

#home-partie-forum .home-partie-contenu-titre {
    background-image: url("./images/index/index_background3_xs.jpg");
}

#home-partie-cotations .home-partie-contenu-titre {
    background-image: url("./images/index/index_background4_xs.jpg");
}

#home-partie-fiches .home-partie-contenu-titre {
    background-image: url("./images/index/index_background5_xs.jpg");
}

#home-partie-blogs .home-partie-contenu-titre {
    background-image: url("./images/index/index_background6_xs.jpg");
}

#home-partie-contrats .home-partie-contenu-titre {
    background-image: url("./images/index/index_background7_xs.jpg");
}

#home-partie-solutions .home-partie-contenu-titre {
    background-image: url("./images/index/index_background8_sm.jpg");
}

#home-partie-dossiers .home-partie-contenu-titre {
    background-image: url("./images/index/index_background8_sm.jpg");
}

.home-partie-contenu-titre div {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0;
    background-color: var(--c-blueclaire);
    padding: 5px 10px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    color: var(--c-white);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.home-partie-contenu-contenu {
    padding: 1em 0;
}

.home-partie-contenu-contenu .home-lien:not(.gss0),
.home-autre .home-lien:not(.gss0) {
    display: block;
    padding: 0.25em;
    margin: 0.25em 0;
    color: var(--c-bluedark);
}

.home-partie-contenu-contenu .home-lien:hover,
.home-autre .home-lien:hover {
    color: var(--c-red);
}

.home-lien-mini {
    padding: 0.5em 1em;
    margin: 0.25em;
    border-radius: 40px;
    background-color: var(--c-redpale);
    text-transform: uppercase;
    color: var(--c-white);
    font-size: 0.85em;
    font-weight: bold;
}

.home-lien-mini:hover {
    background-color: var(--c-red);
    color: var(--c-white);
}

html.modeVitrine .home-lien {
    margin: 5px 0;
}

.home-lien-icn {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    padding: 5px;
}

.home-lien-label {
    max-width: calc(100% - 32px);
    padding: 5px;
    font-family: var(--ff-graphie);
}

.home-lien:not(:hover) .home-lien-label {
    color: var(--c-bluedark);
}

.home-lien-fiches {
    display: block;
    margin: 5px 10px;
    padding: 5px;
    font-size: 0.9em;
}

.home-blog {
    margin-bottom: 1em;
}

.home-blog:last-of-type {
    margin-bottom: 0;
}

.home-blog-titre {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-blog-titre>span {
    background-color: rgba(250, 250, 250, 0.7);
    padding: 0.75em 0.25em;
    font-weight: bold;
    text-shadow: 2px 2px white;
}

.home-blog-dernierarticle {}

.home-blog-dernierarticle-lien {
    display: block;
    padding: 0.25em;
    font-style: italic;
}

.home-blog-dernierarticle-label {
    font-size: 0.85em;
    color: gray;
    font-style: normal;
}

.home-partie-contenu-contenu .home-lien:hover,
.home-partie-contenu-contenu .home-blog-dernierarticle-lien:hover,
.home-partie-contenu-contenu .home-lien:active,
.home-partie-contenu-contenu .home-blog-dernierarticle-lien:active,
.home-partie-contenu-contenu .home-lien:focus,
.home-partie-contenu-contenu .home-blog-dernierarticle-lien:focus {
    background-color: var(--c-beige-03);
}


.home-partie-contenu-contenu .home-blog-titre:hover>span,
.home-partie-contenu-contenu .home-blog-titre:active>span,
.home-partie-contenu-contenu .home-blog-titre:focus>span {
    background-color: rgba(250, 250, 250, 0.5);
}

.home-autre {
    margin-top: 1em;
    font-size: 0.95em;
}


#contenupagecentre-adds {
    max-width: 750px;
    text-align: center;
    margin: auto;
    margin-top: 4em;
    margin-bottom: 0.5em;
    /* border: 1px solid var(--c-redclaire); */
    border: 1px solid var(--c-beige);
    border-radius: 20px;
    overflow: hidden;
}

.pub-trans {
    /* background-image: url('./images/index/index_background8_xs.jpg'); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-position: center center; */
	background-color: var(--c-beige-05);
	background-image: linear-gradient(to bottom right, var(--c-white) 5%, var(--c-beige) 100%);
}

.pub-trans a {
    /* background-color: rgba(250, 250, 250, 0.8); */
    padding: 0.5em;
    font-family: var(--ff-play);
    text-shadow: 0 0 3px white;
    /* -webkit-text-stroke: 0.5px var(--c-white); */
    color: var(--c-bluedark);
}


#form-annonces-recherches {}

#form-annonces-recherches--contenu {
    margin: 0.5em;
    border: 4px solid var(--c-red);
    border-radius: 30px;
    overflow: hidden;
}

#form-annonces-recherches--contenu-titre {
    color: var(--c-white);
    font-size: large;
    font-weight: bold;
    padding: 0.5em 1em;
    background: var(--c-red);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

#form-annonces-recherches--contenu #recherches-input-type,
#form-annonces-recherches--contenu #recherches-input-departement {
    font-size: 1.05em;
}

#form-annonces-recherches--contenu-plusoptions {
    padding: 0.25em;
    padding-left: 0.5em;
}

#form-annonces-recherches--contenu-submit {
    padding: 0.5em;
    padding-top: 0.25em;
}

.fancybox-overlay {
    z-index: var(--zi-lvl-9) !important;
}

.fancybox-opened {
    z-index: var(--zi-lvl-9a) !important;
}

.fancybox__container {
    z-index: var(--zi-lvl-9) !important;
}

.fancybox__slide.has-pdf {
    padding: 4px !important;
}

@media (min-width: 1024px) {
    .fancybox__slide.has-pdf {
        padding: 4px 10px !important;
    }
	
	.fancybox__slide.has-iframe {
		
	}
	
		.fancybox__slide.has-iframe .fancybox__content {
			padding-left: 10px !important;
			padding-right: 10px !important;
		}
}
	
@media (max-width: 1024px) {
	.fancybox__slide.has-iframe {
		
	}
	
		.fancybox__slide.has-iframe .fancybox__content {
			padding: 2px !important;
		}
}

.fancybox__slide.has-pdf .fancybox__content {
    height: calc(100% - 78px) !important;
}

.fancybox__slide:not(.has-pdf) .fancybox__content iframe {
	width: 100% !important;
	max-width: 1080px !important;
	aspect-ratio: 16/9;
	height: auto !important;
	border-radius: 12px;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	margin: auto;
	background-color: var(--c-beige-03);
}

body.compensate-for-scrollbar {
    padding-right: 0 !important;
}

.form-pourquoicesdonnees {
    font-size: 0.9em;
    margin: 0.5em;
    opacity: 0.8;
}

.form-pourquoicesdonnees:hover {
    opacity: 1;
}

.form-pourquoicesdonnees .pourquoicesdonnees-titre {
    font-variant: small-caps;
    margin-bottom: 0.5em;
}

.form-pourquoicesdonnees .pourquoicesdonnees-contenu {
    font-size: 0.9em;
    margin-left: 0.25em;
    padding-left: 0.25em;
    border-left: 1px solid lightgray;
}

.form-pourquoicesdonnees .pourquoicesdonnees-donnee {
    margin-left: 0.25em;
    margin-bottom: 0.25em;
}


.pagecommu-description {
    margin: 0.75em;
    padding: 0.5em;
    border: 1px solid lightgray;
    box-shadow: 1px 1px 3px gray;
    background: white;
}


#pagecommu-menu {
    padding: 0.25em;
}

.pagecommu-menu-item {
    padding: 0.25em;
}

.pagecommu-menu-item-lien {
    display: block;
    text-align: center;
    padding: 0.25em;
    font-weight: bold;
    font-variant: small-caps;
    border: 1px solid lightgray;
    box-shadow: 1px 1px 3px lightgray;
    color: gray;
    background-color: white;
}

.pagecommu-menu-item-lien.active {
    box-shadow: 1px 1px 3px black;
    color: black;
    background-color: rgba(250, 250, 250, 0.9);
}

.pagecommu-menu-item-lien:hover {
    box-shadow: 1px 1px 3px gray;
    color: black;
    background-color: rgba(250, 250, 250, 0.8);
}


.pagecommu-element-presentation {
    padding: 0.5em;
    min-height: 160px;
    overflow: hidden;
}

.pagecommu-element-presentation-contenu {
    border: 1px solid lightgray;
    box-shadow: 0 0 5px lightgray, 0 0 5px lightgray inset;
    height: 100%;
    background-color: white;
}

.pagecommu-element-presentation-contenu:hover {
    box-shadow: 0 0 5px gray, 0 0 5px lightgray inset;
}

.pagecommu-element-presentation-contenu-titre {
    min-height: 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.pagecommu-element-presentation-contenu-titre-texte {
    margin: 0.25em;
    margin-left: 0;
    background-color: rgba(200, 200, 200, 0.6);
    padding: 0.25em 0.5em;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
}

.pagecommu-element-presentation-contenu-contenu {
    padding: 0.5em;
}

.pagecommu-element-presentation-contenu-infos {
    padding: 0.25em 0.5em;
    font-size: 0.8em;
    color: gray;
    text-align: right;
}

.pagecommu-element-presentation-contenu-options {
    padding: 0.25em 0.5em;
    font-size: 0.8em;
    color: gray;
    text-align: right;
}

.pagecommu-element-presentation-voirtout {
    padding: 1em;
    background: white;
    box-shadow: 0 0 3px lightgray;
    font-style: italic;
}

.pagecommu-element-presentation-voirtout:hover {
    box-shadow: 0 0 5px gray, 0 0 5px lightgray inset;
}


.pagecommu-page-titre {
    font-size: 1.5em;
    font-weight: bold;
    font-variant: small-caps;
    color: #ab3b3d;
}

.pagecommu-article-titre {
    font-size: 1.9em;
    font-weight: bold;
    font-variant: small-caps;
    color: #ab3b3d;
    padding: 0.5em;
    margin: 0.5em;
    box-shadow: 0 0 4px gray;
}

.pagecommu-article-presentation-div {
    text-align: center;
}

.pagecommu-article-presentation-image {
    text-align: center;
    max-height: 400px;
}



.pagecommu-article-commentaires-titre {
    padding: 0.25em 0.5em;
    margin: 0.5em;
    box-shadow: 0 0 4px gray;
    color: #ab3b3d;
}

.pagecommu-article-commentaires-titre>h2 {
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    color: #ab3b3d;
}

#pagecommu-article-commentaires-contenu {
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 0.75em;
}

.pagecommu-commentaire {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.pagecommu-commentaire-contenu {
    border: 1px solid lightgray;
}

.pagecommu-commentaire-contenu:hover {
    box-shadow: 0 0 3px lightgray;
}

.pagecommu-commentaire-infos {
    border-bottom: 1px solid lightgray;
    background-color: #fbfbfb;
}

.pagecommu-commentaire-infos-auteur {
    padding: 0.25em;
}

#form-com-reponsea .auteur-commentaire-v .pseudonyme-conteneur,
.pagecommu-commentaire-infos-auteur .auteur-commentaire-v .pseudonyme-conteneur {
    color: gray;
}

.pagecommu-commentaire-infos-date {
    padding: 0.25em;
    font-size: 0.85em;
    color: #585858;
}

.pagecommu-commentaire-texte {
    padding: 0.35em;
}


.pagecommu-commentaire-infosbottom {}

.pagecommu-commentaire-editinfos {
    padding: 0.25em;
    font-size: 0.75em;
    font-family: var(--ff-play);
    color: gray;
}

.pagecommu-commentaire-options {
    padding: 0.25em;
    font-size: 0.8em;
    font-family: var(--ff-play);
    text-align: right;
}

.pagecommu-commentaire-options-lien {
    display: inline-block;
    vertical-align: center;
    margin: 0 0.15em;
    color: gray;
}

.pagecommu-commentaire-options-lien:hover {
    color: black;
}

.pagecommu-commentaires-enfants {
    margin-left: 0.5em;
    margin-bottom: 0.85em;
}

.pagecommu-commentaire-enfant {
    margin: 0.35em;
    margin-right: 0em;
}

#pagecommu-article-commentaires-reponse-conteneur {
    margin: 0.6em;
    padding: 0.5em;
    border: 1px solid lightgray;
    box-shadow: 0 0 3px lightgray;
}

#pagecommu-article-commentaires-reponse-conteneur form {
    margin-bottom: 0;
}

#form-com-reponsea {
    padding: 0.25em;
    font-size: 0.95em;
}

#form-com-reponsea .click-ajax.pointer {
    font-family: var(--ff-play);
}


#pagecommu-article-autresarticles {
    opacity: 0.8;
    padding: 1em;
}

#pagecommu-article-autresarticles:hover {
    opacity: 1;
}

#pagecommu-article-autresarticles .autresarticles-titre {
    color: #ab3b3d;
    font-family: 'Handlee';
    text-align: center;
    padding: 0.25em 0.5em;
    margin: 0.5em;
    box-shadow: 0 0 4px grey;
    font-variant: small-caps;
    font-weight: bold;
}

#pagecommu-article-autresarticles .pagecommu-element-presentation {
    min-height: 130px;
}

#pagecommu-article-autresarticles .pagecommu-element-presentation-contenu-titre {
    min-height: 50px;
}

#pagecommu-article-autresarticles .pagecommu-element-presentation-contenu-infos-comreac,
#pagecommu-article-autresarticles .pagecommu-element-presentation-contenu-infos-lire {
    display: none;
}


.pagecommu-reac-commenter {
    font-size: 0.9em;
    font-family: var(--ff-play);
    font-weight: bold;
}

.pagecommu-commentaire.commentaire-edition-en-cours {
    border: 1px solid gray;
}

.pagecommu-commentaire.commentaire-edition-en-cours .pagecommu-commentaire-texte {
    padding: 0;
}

.pagecommu-commentaire.commentaire-edition-en-cours .pagecommu-commentaire-infosbottom {
    visibility: hidden;
}

#formulaire-commentaire-modifier {
    margin: 0;
}

#formulaire-commentaire-modifier .formv3-donnees-conteneur {
    padding: 0;
}


.pagecommu-element-presentation-admin {
    margin-bottom: 0.5em;
}

.pagecommu-element-presentation-admin.pagecommu-element-visibilite-0 {
    opacity: 0.8;
}

.pagecommu-element-presentation-admin .pagecommu-element-presentation-contenu-titre {
    min-height: auto;
}


.pagecommu-element-presentation-admin .pagecommu-element-presentation-contenu-titre-texte {
    margin: 0;
    background-color: transparent;
    padding: 0.25em 0.5em;
    font-family: 'Lora';
    font-weight: bold;
    font-size: 1em;
    text-shadow: 1px 1px white;
}

.pagecommu-element-presentation-admin .pagecommu-element-presentation-contenu-visibilite {
    text-align: right;
    padding: 0.25em;
    font-size: 0.85em;
}

.pagecommu-element-presentation-admin.pagecommu-element-visibilite-0 .pagecommu-element-presentation-contenu-visibilite {
    color: red;
}

.pagecommu-element-presentation-admin.pagecommu-element-visibilite-1 .pagecommu-element-presentation-contenu-visibilite {
    color: green;
    font-weight: bold;
}


.pagecommu-element-presentation-admin .pagecommu-element-presentation-contenu-dates {
    padding: 0.25em;
    font-size: 0.9em;
}


.pagecommu-element-presentation-admin .pagecommu-element-presentation-contenu-infos {}

.pagecommu-element-presentation-admin .pagecommu-element-presentation-contenu-infos-coms {
    text-align: left;
}


.pagecommu-admin-lien {}

.pagecommu-admin-lien>a {
    margin: 0.5em;
    font-weight: bold;
    box-shadow: 0 0 3px gray;
    padding: 1em 0.5em;
    background-color: white;
}

.pagecommu-admin-lien>a:hover {
    background-color: rgba(200, 200, 200, 0.5);
}


#pagecommu-article-edition-lien-voirvosimages {
    margin-bottom: 0.5em;
    font-style: italic;
    font-family: var(--ff-play);
}

#pagecommu-article-edition-apercuimage-titre {
    margin-bottom: 0.5em;
    font-size: 0.85em;
    color: gray;
}

#pagecommu-article-edition-apercuimage {
    max-height: 300px;
}

#pagecommu-article-edition-apercuimage>img {
    max-width: 100%;
    max-height: 300px;
}

#pagecommu-article-presentation-texte-infos {
    font-size: 0.9em;
    color: gray;
}

#blog-article-texte-edition-conteneur.fullsize {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    overflow-y: scroll;
}


.click-ajax:not(input):not(textarea),
.pointer,
.btn,
.btn-danger,
.bton-js,
.cotations-carac-opt,
.element-copied,
.bttn,
.bton,
.bton-carre,
.cts-case,
.ct-case,
.tsr-chs,
.tsr-ligne-horaire,
.tsr-block-jour-jour,
.cotations-actepourligne-contenu-description,
.btn-bbcode,
.bbcode-groupe-conteneur,
.ts-jours-calendrier-dates,
.label-checkbox,
.label-radio,
.unselectable,
.global-pagination-page,
.slider-label,
.t-item-vuepar,
#banverticale,
#banverticale2 {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}


#cotations-ik-explications {
    text-align: center;
    font-weight: bold;
    color: red;
}




.chbxsg {
    overflow: hidden;
}

.chbxg-conteneur {
    padding: 0.35em;
}

.chbxg {
    cursor: pointer;
    overflow: hidden;
    transition: background 0.1s linear;
    border: 1px solid transparent;
    min-height: 40px;
    background: var(--c-redclaire) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 40px;
    color: var(--c-bluedark);
    color: var(--c-blueclaire);
}

.chbxg input[type="checkbox"] {
    display: none;
}


.chbxg:hover {
    background-color: var(--c-redpale);
    color: var(--c-white);
    border: 1px solid var(--c-beige);
}

.chbxg:hover .icng>span {
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    filter: grayscale(40%);
    opacity: 0.9;
}

.chbxg:hover .legendeg {
    text-decoration: none;
}

.chbxg .legendeg {
    width: calc(100% - 70px);
}
.chbxg-noicn .chbxg .legendeg {
    width: calc(100% - 40px);
}

.radiog.withChbox .ckbox,
.chbxg .ckbox {
    width: 35px;
    color: var(--c-white);
}

@media (max-width: 768px) {
	.chbxg .ckbox {
		width: 25px;
		padding-left: 7px;
	}
	
	.chbxg .legendeg {
		width: calc(100% - 60px);
	}
	
	.chbxg-noicn .chbxg .legendeg {
		width: calc(100% - 30px);
	}
}

.chbxg.ckbox-black .ckbox,
.chbxg .ckbox-black .ckbox,
.chbxg .ckbox-blac .ckbox {
    color: black;
}

.radiog.withChbox .ckbox::after {
    content: '\EF4A';
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    transition: all 0.2s linear;
}

.radiog.withChbox.checked .ckbox::after {
    content: '\E2E6';
    transform: rotate(-360deg);
}

.chbxg .ckbox::after {
    content: '\E835';
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    transition: all 0.2s linear;
}

.chbxg.checked .ckbox::after {
    content: '\E834';
    transform: rotate(-360deg);
}

.chbxg.checked .ckbox,
.radiog.withChbox.checked .ckbox {
    color: var(--c-bluedark);
}


.chbxg .icng {
    width: 35px;
    font-size: 12px;
    text-align: center;
}

.chbxg .icng>span {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}


.chbxg.checked {
    background-color: var(--c-red);
    color: white;
    background-color: var(--c-redpale);
    color: var(--c-white);
    box-shadow: 0px 5px 10px #00000029, 0 0 3px lightgray inset;
}

.chbxg.checked .icng>span {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.chbxg.checked .legendeg {
    text-decoration: none;
    opacity: 1;
}

.chbxg-noicn .icng {
    display: none;
}

/* .chbxg-noicn .legendeg { width: 100%; } */


.chbox-selection-affichage-conteneur {}

.chbox-selection-affichage-conteneur .chbxg-conteneur {
    padding: 0.25em 0.15em;
}

.chbox-selection-affichage-conteneur .chbxg {
    min-height: 35px;
}

.chbxg.chbox-selection-affichage-fondcolore .ckbox,
.chbxg.chbox-selection-affichage-fondcolore .legendeg,
.chbxg.chbox-selection-affichage-fondcolore .icng {
    color: black;
}

.chbxg.chbox-selection-affichage-fondcolore .ckbox::after {
    font-size: 18px;
}

.chbxg.chbox-selection-affichage-fondcolore:not(.checked) .legendeg,
.chbxg.chbox-selection-affichage-fondcolore:not(.checked) .icng {
    color: gray;
}

.chbxg.chbox-selection-affichage-fondcolore:not(.checked) {
    background-color: rgba(150, 150, 150, 0.1) !important;
}


.radiosg {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background-color: var(--c-redclaire);
}

.radiosg::after {
    box-sizing: content-box;
    border: 2px solid var(--c-red);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: 10;
    border-radius: 20px;
    pointer-events: none;
}

.radiog-conteneur {
    /* border: 1px solid var(--c-beige); */
}

/*
		.radiog-conteneur.borders { border: 1px solid var(--c-beige); }
		.radiog-conteneur.border-top { border-top: 1px solid var(--c-beige); }
		.radiog-conteneur.border-bottom { border-bottom: 1px solid var(--c-beige); }
		.radiog-conteneur.border-left { border-left: 1px solid var(--c-beige); }
		.radiog-conteneur.border-right { border-right: 1px solid var(--c-beige); }
		.radiog-conteneur.noborders { border: 0px solid transparent; }
		.radiog-conteneur.noborder-top { border-top: 0px solid transparent; }
		.radiog-conteneur.noborder-bottom { border-bottom: 0px solid transparent; }
		.radiog-conteneur.noborder-left { border-left: 0px solid transparent; }
		.radiog-conteneur.noborder-right { border-right: 0px solid transparent; }

			@media (min-width: 0px) and (max-width: 767px) {
				.radiog-conteneur.xs-borders { border: 1px solid var(--c-beige); }
				.radiog-conteneur.xs-border-top { border-top: 1px solid var(--c-beige); }
				.radiog-conteneur.xs-border-bottom { border-bottom: 1px solid var(--c-beige); }
				.radiog-conteneur.xs-border-left { border-left: 1px solid var(--c-beige); }
				.radiog-conteneur.xs-border-right { border-right: 1px solid var(--c-beige); }
				.radiog-conteneur.xs-noborders { border: 0px solid transparent; }
				.radiog-conteneur.xs-noborder-top { border-top: 0px solid transparent; }
				.radiog-conteneur.xs-noborder-bottom { border-bottom: 0px solid transparent; }
				.radiog-conteneur.xs-noborder-left { border-left: 0px solid transparent; }
				.radiog-conteneur.xs-noborder-right { border-right: 0px solid transparent; }
			}
			@media (min-width: 768px) and (max-width: 991px) {
				.radiog-conteneur.sm-borders { border: 1px solid var(--c-beige); }
				.radiog-conteneur.sm-border-top { border-top: 1px solid var(--c-beige); }
				.radiog-conteneur.sm-border-bottom { border-bottom: 1px solid var(--c-beige); }
				.radiog-conteneur.sm-border-left { border-left: 1px solid var(--c-beige); }
				.radiog-conteneur.sm-border-right { border-right: 1px solid var(--c-beige); }
				.radiog-conteneur.sm-noborders { border: 0px solid transparent; }
				.radiog-conteneur.sm-noborder-top { border-top: 0px solid transparent; }
				.radiog-conteneur.sm-noborder-bottom { border-bottom: 0px solid transparent; }
				.radiog-conteneur.sm-noborder-left { border-left: 0px solid transparent; }
				.radiog-conteneur.sm-noborder-right { border-right: 0px solid transparent; }
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.radiog-conteneur.md-borders { border: 1px solid var(--c-beige); }
				.radiog-conteneur.md-border-top { border-top: 1px solid var(--c-beige); }
				.radiog-conteneur.md-border-bottom { border-bottom: 1px solid var(--c-beige); }
				.radiog-conteneur.md-border-left { border-left: 1px solid var(--c-beige); }
				.radiog-conteneur.md-border-right { border-right: 1px solid var(--c-beige); }
				.radiog-conteneur.md-noborders { border: 0px solid transparent; }
				.radiog-conteneur.md-noborder-top { border-top: 0px solid transparent; }
				.radiog-conteneur.md-noborder-bottom { border-bottom: 0px solid transparent; }
				.radiog-conteneur.md-noborder-left { border-left: 0px solid transparent; }
				.radiog-conteneur.md-noborder-right { border-right: 0px solid transparent; }
			}
			@media (min-width: 1200px) and (max-width: 1599px) {
				.radiog-conteneur.lg-borders { border: 1px solid var(--c-beige); }
				.radiog-conteneur.lg-border-top { border-top: 1px solid var(--c-beige); }
				.radiog-conteneur.lg-border-bottom { border-bottom: 1px solid var(--c-beige); }
				.radiog-conteneur.lg-border-left { border-left: 1px solid var(--c-beige); }
				.radiog-conteneur.lg-border-right { border-right: 1px solid var(--c-beige); }
				.radiog-conteneur.lg-noborders { border: 0px solid transparent; }
				.radiog-conteneur.lg-noborder-top { border-top: 0px solid transparent; }
				.radiog-conteneur.lg-noborder-bottom { border-bottom: 0px solid transparent; }
				.radiog-conteneur.lg-noborder-left { border-left: 0px solid transparent; }
				.radiog-conteneur.lg-noborder-right { border-right: 0px solid transparent; }
			}
			@media (min-width: 1600px) {
				.radiog-conteneur.xl-borders { border: 1px solid var(--c-beige); }
				.radiog-conteneur.xl-border-top { border-top: 1px solid var(--c-beige); }
				.radiog-conteneur.xl-border-bottom { border-bottom: 1px solid var(--c-beige); }
				.radiog-conteneur.xl-border-left { border-left: 1px solid var(--c-beige); }
				.radiog-conteneur.xl-border-right { border-right: 1px solid var(--c-beige); }
				.radiog-conteneur.xl-noborders { border: 0px solid transparent; }
				.radiog-conteneur.xl-noborder-top { border-top: 0px solid transparent; }
				.radiog-conteneur.xl-noborder-bottom { border-bottom: 0px solid transparent; }
				.radiog-conteneur.xl-noborder-left { border-left: 0px solid transparent; }
				.radiog-conteneur.xl-noborder-right { border-right: 0px solid transparent; }
			}
		*/
.radiosg.radios-separated .radiog-conteneur {
    /* padding: 0.1em; */
}

.radiog {
    cursor: pointer;
    overflow: hidden;
    background-color: var(--c-redclaire);
    transition: all 0.1s linear;
    min-height: 40px;
    color: var(--c-bluedark);
    transition: background-color 0.4s linear;
    margin: 3px;
    border: 1px solid var(--c-beige-05);
    border-radius: 15px;
}

.radiosg.small .radiog {
    min-height: 30px;
}

.radiog.radiog-small {
    min-height: 20px;
}

.radiog input[type="radio"] {
    display: none;
}

.radiog .icng {
    padding: 2px;
    width: 15%;
}

.radiog .icng>span {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

.legendeg {
    width: 70%;
    opacity: 0.9;
}

.legendeg>span {
    padding: 4px;
    font-size: 0.9em;
    overflow: hidden;
    /* text-align: center; */
    text-align: left;
}

.legendeg>span.fa-left {
    text-align: left;
}
.legendeg>span.fa-center {
    text-align: center;
}

.radiog.radiog-small .legendeg>span {
    font-size: 0.8em;
}




.radiog.checked {
    /* background-color: var(--c-red); */
    background-color: var(--c-redpale);
}

.radiog.checked .icng>span {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    color: var(--c-beige);
}

.radiog.checked .legendeg {
    text-decoration: none;
    color: var(--c-white);
    opacity: 1;
}

.radiog.disabled {
    background-color: #e8e8e8;
    text-decoration: line-through;
    opacity: 0.5;
    cursor: default;
}


.radiog:hover {
    background-color: var(--c-redpale);
}

.radiog:hover .icng>span {
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    filter: grayscale(40%);
    opacity: 0.9;
}

.radiog:hover .legendeg {
    text-decoration: none;
    color: white;
}

.radiog-noicn .icng {
    display: none;
}

.radiog-noicn .legendeg {
    width: 100%;
}

.radiog-noicn.withChbox .legendeg {
    width: calc(100% - 36px);
}

.radiog-noicn .withChbox .legendeg {
    width: calc(100% - 36px);
}


/* small size */
@media (max-width: 600px) {

    .radiog,
    .chbxg {
        position: relative;
    }

    .icng {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 5px;
        z-index: 1;
        opacity: 0.3;
    }

    .chbxg .icng {
        display: none;
    }

    .chbxg .legendeg {
        width: calc(100% - 45px);
    }

    .chbxg:hover .icng,
    .chbxg.checked .icng,
    .radiog:hover .icng,
    .radiog.checked .icng {
        opacity: 0.4;
    }

    .icng>span {
        width: 100%;
    }

    .legendeg {
        width: 100%;
        /* text-align: center; */
        height: 100%;
        z-index: 5;
    }

    .legendeg>span {
        width: 100%;
        /* text-align: center; */
    }
	
	.radiog .icng {
		width: 24px;
	}
	
	.radiog:not(.radiog-noicn) .legendeg {
		width: calc(100% - 26px);
		margin-left: 26px;
	}
}

/* x-small size */
@media (min-width: 0px) {
    .radiog-conteneur.xs-borders {
        border-color: lightgray;
    }

    .radiog-conteneur.xs-border-top {
        border-top-color: lightgray;
    }

    .radiog-conteneur.xs-border-bottom {
        border-bottom-color: lightgray;
    }

    .radiog-conteneur.xs-border-left {
        border-left-color: lightgray;
    }

    .radiog-conteneur.xs-border-right {
        border-right-color: lightgray;
    }

    .radiog-conteneur.xs-noborders {
        border-color: transparent;
    }

    .radiog-conteneur.xs-noborder-top {
        border-top-color: transparent;
    }

    .radiog-conteneur.xs-noborder-bottom {
        border-bottom-color: transparent;
    }

    .radiog-conteneur.xs-noborder-left {
        border-left-color: transparent;
    }

    .radiog-conteneur.xs-noborder-right {
        border-right-color: transparent;
    }
}

/* small size */
@media (min-width: 768px) {
    .radiog-conteneur.sm-borders {
        border-color: lightgray;
    }

    .radiog-conteneur.sm-border-top {
        border-top-color: lightgray;
    }

    .radiog-conteneur.sm-border-bottom {
        border-bottom-color: lightgray;
    }

    .radiog-conteneur.sm-border-left {
        border-left-color: lightgray;
    }

    .radiog-conteneur.sm-border-right {
        border-right-color: lightgray;
    }

    .radiog-conteneur.sm-noborders {
        border-color: transparent;
    }

    .radiog-conteneur.sm-noborder-top {
        border-top-color: transparent;
    }

    .radiog-conteneur.sm-noborder-bottom {
        border-bottom-color: transparent;
    }

    .radiog-conteneur.sm-noborder-left {
        border-left-color: transparent;
    }

    .radiog-conteneur.sm-noborder-right {
        border-right-color: transparent;
    }
}

/* medium size */
@media (min-width: 992px) {
    .radiog-conteneur.md-borders {
        border-color: lightgray;
    }

    .radiog-conteneur.md-border-top {
        border-top-color: lightgray;
    }

    .radiog-conteneur.md-border-bottom {
        border-bottom-color: lightgray;
    }

    .radiog-conteneur.md-border-left {
        border-left-color: lightgray;
    }

    .radiog-conteneur.md-border-right {
        border-right-color: lightgray;
    }

    .radiog-conteneur.md-noborders {
        border-color: transparent;
    }

    .radiog-conteneur.md-noborder-top {
        border-top-color: transparent;
    }

    .radiog-conteneur.md-noborder-bottom {
        border-bottom-color: transparent;
    }

    .radiog-conteneur.md-noborder-left {
        border-left-color: transparent;
    }

    .radiog-conteneur.md-noborder-right {
        border-right-color: transparent;
    }
}

/* large size */
@media (min-width: 1200px) {
    .radiog-conteneur.lg-borders {
        border-color: lightgray;
    }

    .radiog-conteneur.lg-border-top {
        border-top-color: lightgray;
    }

    .radiog-conteneur.lg-border-bottom {
        border-bottom-color: lightgray;
    }

    .radiog-conteneur.lg-border-left {
        border-left-color: lightgray;
    }

    .radiog-conteneur.lg-border-right {
        border-right-color: lightgray;
    }

    .radiog-conteneur.lg-noborders {
        border-color: transparent;
    }

    .radiog-conteneur.lg-noborder-top {
        border-top-color: transparent;
    }

    .radiog-conteneur.lg-noborder-bottom {
        border-bottom-color: transparent;
    }

    .radiog-conteneur.lg-noborder-left {
        border-left-color: transparent;
    }

    .radiog-conteneur.lg-noborder-right {
        border-right-color: transparent;
    }
}

/* x-large size */
@media (min-width: 1600px) {
    .radiog-conteneur.xl-borders {
        border-color: lightgray;
    }

    .radiog-conteneur.xl-border-top {
        border-top-color: lightgray;
    }

    .radiog-conteneur.xl-border-bottom {
        border-bottom-color: lightgray;
    }

    .radiog-conteneur.xl-border-left {
        border-left-color: lightgray;
    }

    .radiog-conteneur.xl-border-right {
        border-right-color: lightgray;
    }

    .radiog-conteneur.xl-noborders {
        border-color: transparent;
    }

    .radiog-conteneur.xl-noborder-top {
        border-top-color: transparent;
    }

    .radiog-conteneur.xl-noborder-bottom {
        border-bottom-color: transparent;
    }

    .radiog-conteneur.xl-noborder-left {
        border-left-color: transparent;
    }

    .radiog-conteneur.xl-noborder-right {
        border-right-color: transparent;
    }
}


#cotations-carac-options {}

.cotations-carac-opt-conteneur {
    padding: 2.5px;
}

.cotations-carac-opt:hover {
    background-color: lightgray;
}

.cotations-carac-opt {
    margin: 2px;
    border: 1px solid lightgray;
    border-radius: 3px;
    cursor: pointer;
    min-height: 60px;
    overflow: hidden;
    background: #e7e7e7;
    opacity: 0.6;
    transition: all 0.1s linear;
}

.cotations-carac-opt--input {
    display: none;
}

.cotations-carac-opt--icn {
    /* Fullsized via jQuery */
    min-height: 35px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

.cotations-carac-opt--lgde {
    font-family: var(--ff-play);
    padding: 2px 5px;
    font-size: 0.9em;
    overflow: hidden;
    color: lightgray;
    text-decoration: line-through;
}

.cotations-carac-opt--lgde>span {
    text-align: center;
    overflow: hidden;
    color: black;
}


.cotations-carac-opt.checked,
.cotations-carac-opt.checked:hover {
    margin: 0;
    background: white;
    opacity: 1;
}

.cotations-carac-opt:hover .cotations-carac-opt--icn {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
    opacity: 0.9;
}

.cotations-carac-opt.checked .cotations-carac-opt--icn {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
    opacity: 1;
}

.cotations-carac-opt:hover .cotations-carac-opt--lgde,
.cotations-carac-opt.checked .cotations-carac-opt--lgde {
    text-decoration: none;
}


.cotations-carac-opt-small {
    min-height: 50px;
}

.cotations-carac-opt-small .cotations-carac-opt--icn {
    padding: 1px;
}

.cotations-carac-opt-small .cotations-carac-opt--lgde {
    padding: 1px 3px;
}


.cotations-ligne-horaires-cotations-add-opt {
    padding: 2px;
}

.agenda-ltr-rotate,
.cotations-recherches-opt-flipped,
.cotations-recherches-opt-flipped .bttn {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    /* IE 9 */
    -webkit-transform: rotateX(180deg);
    /* Safari and Chrome */
}


.bttn {
    margin: 1px;
    border: 1px solid var(--c-gray);
    border-radius: 3px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    background-color: var(--c-beige);
    opacity: 0.6;
    transition: all 0.1s linear;
}

.bttn-cr {
    opacity: 0.7;
    position: relative;
}

.bttn-icn {
    text-align: center;
    font-family: sans-serif;
    font-size: 20px;
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
    opacity: 0.8;
}

.bttn-lab {
    font-family: var(--ff-play);
    font-size: 0.8em;
    padding-right: 2px;
}

.bttn-cr .bttn-nbr {
    display: inline-block;
    position: absolute;
    bottom: -3px;
    right: 0;
    font-size: 0.7em;
    font-weight: bold;
    font-family: var(--ff-play);
    text-shadow: 0 0 3px gray;
    color: var(--c-red);
}

.bttn-cr .bttn-nbr.zero-actes {
    color: var(--c-gray);
    text-shadow: 0 0 3px white;
}

.bttn:hover {
    background-color: var(--c-redpale);
    opacity: 0.9;
}

.bttn:hover .bttn-icn {
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    filter: grayscale(40%);
    opacity: 0.9;
}


.bttn.triggered,
#thepartwhosaysifresults.resultats-en-cours .bttn-cr-rappel {
    margin: 0;
    margin-bottom: -3px;
    background-color: var(--c-red);
    opacity: 1;
}

.cotations-recherches-opt-flipped .bttn.triggered {
    margin: 0;
    margin-top: -3px;
}

.bttn.triggered .bttn-icn {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
    opacity: 1;
}


.bttn-pansements {
    display: inline-block;
    margin: 1px;
    margin-left: 1em;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 2px;
    overflow: hidden;
    background-color: lightgray;
    font-family: var(--ff-play);
    font-size: 0.8em;
    opacity: 0.6;
    transition: all 0.1s linear;
}

.bttn-psmts-icn {
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
}

.bttn-psmts-lab {}


.bttn-pansements:hover {
    background-color: #d6d6d6;
    opacity: 0.9;
}

.bttn-pansements:hover .bttn-psmts-icn {
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    filter: grayscale(20%);
    opacity: 0.9;
}



.bttn-addline {
    width: auto;
    height: 32px;
    opacity: 0.8;
}

.bttn-addline .bttn-icn {
    padding-right: 1px;
    font-size: 18px;
}

.bttn-addline .bttn-lab {
    padding: 1px;
    padding-right: 4px;
}

.bttn-addline:hover {
    opacity: 1;
    background-color: white;
}

input.btn-submit,
input[type="submit"] {
    background: var(--c-bluedark);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 74px;
    transition: all 0.1s linear;
    cursor: pointer;
    outline: none;
    outline-style: none;
    text-transform: uppercase;
    text-shadow: 0px 24px 26px #00000029;
    color: var(--c-white);
    font-weight: bold;
    padding: 1.05em 1.25em;
    border: 1px solid transparent;
}

input.btn-submit:hover,
input[type="submit"]:hover {
    background: var(--c-red);
}

input.btn-submit:active,
input[type="submit"]:active {
    background: var(--c-red);
    box-shadow: 0px 5px 10px #00000029,
        0 0 5px inset black;
    padding-left: 1.35em;
    padding-right: 1.12em;
    padding-top: 1.10em;
    padding-bottom: 1em;
}

.bton-js {
    background: var(--c-red) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 74px;
    transition: all 0.1s linear;
    cursor: pointer;
    margin: 5px;
    font-family: var(--ff-montserrat);
    min-height: 40px;
    color: var(--c-white);
    text-shadow: 0px 24px 26px #00000029;
    text-transform: uppercase;
    text-align: center;
    padding: 0.25em 0.9em;
    font-size: 0.95em;
    font-weight: bold;
    position: relative;
}

.bton-js:not(.no-click):hover,
.bton-js:not(.no-click).hover {
    background-color: var(--c-redpale);
}

.bton-js:not(.no-click):active,
.bton-js:not(.no-click).active {
    background-color: var(--c-redpale);
    box-shadow: 0px 5px 10px #00000029,
        0 0 5px inset black;
}

.bton-js-valid::before {
    font-family: 'Material Icons Outlined';
    font-size: 18px;
    content: '\E2E6';
    color: var(--c-beige);
    padding-right: 5px;
}

.bton-js.bton-js-cancel {
    min-height: 38px;
    font-size: 0.9em;
    background-color: var(--c-redpale);
    color: var(--c-beige);
}

.bton-js.bton-js-cancel:not(.no-click):hover,
.bton-js.bton-js-cancel:not(.no-click).hover {
    /* background-color: var(--c-beige); */
    /* color: var(--c-red); */
}

.bton-js-cancel::before {
    font-family: 'Material Icons Outlined';
    font-size: 18px;
    content: '\E5C9';
    padding-right: 5px;
}

.msg-confirm-js {
    font-weight: bold;
    text-align: center;
}


.bton {
    background: var(--c-red) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 12px;
    transition: all 0.1s linear;
    cursor: pointer;
    margin: 2px 1px;
    font-family: var(--ff-montserrat);
}

.bton.bton-vider {
    min-width: 38px;
}

.bton.no-click {
    box-shadow: none;
}

.bton.bton-whiteandred {
    background-color: white;
    color: #ab3b3d;
    opacity: 0.9;
}

.bton.bton-redandwhite {
    color: white;
    background-color: #ab3b3d;
    opacity: 0.9;
}

.bton.bton-contrats-optindiv {
    color: white;
    background-color: #ab3b3d;
    opacity: 0.9;
    margin: 0;
    height: 100%;
    width: 100%;
    border: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bton.no-opacity {
    opacity: 1;
}

.bton-icn {
    text-align: center;
    font-family: sans-serif;
    font-size: 16px;
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
    opacity: 0.8;
    padding: 1px 5px;
}

.bton-icn .material-icons,
.bton-icn .material-icons-outlined,
.bton-beige:hover .bton-icn .material-icons,
.bton-beige:hover .bton-icn .material-icons-outlined,
.btn-beige:hover .bton-icn .material-icons,
.btn-beige:hover .bton-icn .material-icons-outlined {
    color: var(--c-white);
}

.bton-beige .bton-icn .material-icons-outlined,
.btn-beige .bton-icn .material-icons-outlined {
    color: var(--c-redpale);
}



.bton-lab {
    color: var(--c-white);
    text-shadow: 0px 24px 26px #00000029;
    text-transform: uppercase;
    text-align: center;
    padding: 0.45em 0.9em;
    font-size: 0.95em;
    font-weight: bold;
    word-break: auto-phrase;
}

.bton:not(.no-icn) .bton-lab {
	padding-left: 0.25em;
}

.btn-no-uppercase .bton-lab {
    text-transform: none !important;
}

.bton-lab>span {
    max-width: 100%;
    white-space: normal;
    word-wrap: break-word;
    hyphens: auto;
    overflow: hidden;
}

.bton:not(.no-icn):not(.no-lab) .bton-icn {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.bton:not(.no-icn):not(.no-lab).icn-small .bton-icn {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.bton:not(.no-icn):not(.no-lab) .bton-lab {
    width: calc(100% - 30px);
    min-width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    word-wrap: break-word;
    hyphens: auto;
    overflow: hidden;
}

.bton:not(.no-icn):not(.no-lab).icn-small .bton-lab {
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    max-width: calc(100% - 30px);
}

/*
		.bton:not(.no-click):hover,
		.bton:not(.no-click).hover {
			background-color: var(--c-redpale);
		}
		*/



.bton,
.bton-carre,
.bton-js:not(.bton-js-cancel),
.bton-red,
.btn-red,
.pafo-item {
    background-color: var(--c-red);
    background-image: -webkit-linear-gradient(top, var(--c-redpale) 5%, var(--c-red));
    background-image: -moz-linear-gradient(top, var(--c-redpale) 5%, var(--c-red));
    background-image: -ms-linear-gradient(top, var(--c-redpale) 5%, var(--c-red));
    background-image: -o-linear-gradient(top, var(--c-redpale) 5%, var(--c-red));
    background-image: linear-gradient(to bottom right, var(--c-redpale) 5%, var(--c-red));
}

.bton:not(.no-click):hover,
.bton-carre:not(.no-click):hover,
.bton-js:not(.bton-js-cancel):not(.no-click):hover,
.bton-red:not(.no-click):hover,
.btn-red:not(.no-click):hover,
.bton:not(.no-click).hover,
.bton-js:not(.bton-js-cancel):not(.no-click).hover,
.bton-red:not(.no-click).hover,
.btn-red:not(.no-click).hover,
.pafo-item:not(.no-click).hover,
.pafo-item:not(.no-click):hover {
    background-color: var(--c-redpale);
    background-image: -webkit-linear-gradient(top, var(--c-red), var(--c-redpale));
    background-image: -moz-linear-gradient(top, var(--c-red), var(--c-redpale));
    background-image: -ms-linear-gradient(top, var(--c-red), var(--c-redpale));
    background-image: -o-linear-gradient(top, var(--c-red), var(--c-redpale));
    background-image: linear-gradient(to bottom right, var(--c-red) 5%, var(--c-redpale));
}

.bton:not(.no-click):hover .bton-icn,
.bton-carre:not(.no-click):hover .bton-icn,
.bton-js:not(.bton-js-cancel):not(.no-click):hover .bton-icn,
.bton:not(.no-click).hover .bton-icn {
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    filter: grayscale(20%);
    opacity: 0.9;
}


.bton:not(.no-click):active,
.bton-carre:not(.no-click):active,
.bton-js:not(.bton-js-cancel):not(.no-click):active,
.bton:not(.no-click).active,
.pafo-item:not(.no-click).active,
.pafo-item:not(.no-click):active {
    background-color: var(--c-redpale);
    box-shadow: 0px 5px 10px #00000029,
        0 0 5px inset black;
}


.bton:not(.no-click):active .bton-lab,
.bton-carre:not(.no-click):active .bton-lab,
.bton-js:not(.bton-js-cancel):not(.no-click):active .bton-lab,
.bton:not(.no-click).active .bton-lab,
.pafo-item:not(.no-click).active .pafo-i-label,
.pafo-item:not(.no-click):active .pafo-i-label {
    transform: translate(1px, 1px);
}

.bton.no-margin {
    margin: 0;
}

.bton.no-lab {}

.bton.no-lab .bton-icn {
    width: 100%;
}

.bton.no-lab:hover .bton-icn {
    background-color: transparent;
}

.bton.no-icn .bton-lab {
    width: 100%;
}

@media (min-width: 0px) and (max-width: 425px) {
    .bton.no-icn-xxs .bton-lab {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .bton.no-icn-xs .bton-lab {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .bton.no-icn-sm .bton-lab {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .bton.no-icn-md .bton-lab {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .bton.no-icn-lg .bton-lab {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1600px) {
    .bton.no-icn-xl .bton-lab {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}



.bton.bton-rond,
.bton.btn-rond {
    border-radius: 100px;
}

.bton.no-click {
    cursor: auto;
}

.bton.whity {
    background-color: #f9f9f9;
    opacity: 0.9;
}

.bton.whity .bton-icn {
    -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -o-filter: grayscale(10%);
    -ms-filter: grayscale(10%);
    filter: grayscale(10%);
}

.bton.btn-big,
.bton.bton-big {
    min-height: 45px !important;
}

.bton.bton-big .bton-icn,
.bton.btn-big .bton-icn {}

.bton.btn-big .bton-lab,
.bton.bton-big .bton-lab {
    padding: 0.75em 1.25em;
    font-size: 1em;
}

.bton.btn-xbig,
.bton.bton-xbig {
    min-height: 45px !important;
}

.bton.btn-xbig .bton-icn,
.bton.bton-xbig .bton-icn {
    padding: 0.5em;
}

.bton.btn-xbig .bton-lab,
.bton.bton-xbig .bton-lab {
    padding: 0.75em 1.5em;
    font-size: 1.1em;
    font-weight: bold;
}

.bton.btn-small,
.bton.bton-small {
    /* min-height: 27px !important; */
    text-transform: none;
}

.bton.btn-small .bton-icn,
.bton.bton-small .bton-icn {
    padding: 1px 3px;
}

.bton.btn-small .bton-lab,
.bton.bton-small .bton-lab {
    padding: 0.25em 0.75em;
    font-size: 0.75em;
    text-transform: none;
}

.bton.btn-small:not(.no-icn) .bton-lab,
.bton.bton-small:not(.no-icn) .bton-lab {
	padding-left: 0.25em;
}

.bton.btn-msmall,
.bton.bton-msmall {}

.bton.btn-msmall .bton-icn,
.bton.bton-msmall .bton-icn {
    padding: 1px 3px;
}

.bton.btn-msmall .bton-lab,
.bton.bton-msmall .bton-lab {
    padding: 0.35em 0.75em;
    font-size: 0.85em;
}

.bton.btn-msmall:not(.no-icn) .bton-lab,
.bton.bton-msmall:not(.no-icn) .bton-lab {
	padding-left: 0.25em;
}

.bton-beige .bton-lab,
.btn-beige .bton-lab {
    color: var(--c-red);
}

.bton-beige,
.btn-beige {
    background-color: var(--c-beigeclaire);
    background-image: -webkit-linear-gradient(top, var(--c-beige), var(--c-beigeclaire));
    background-image: -moz-linear-gradient(top, var(--c-beige), var(--c-beigeclaire));
    background-image: -ms-linear-gradient(top, var(--c-beige), var(--c-beigeclaire));
    background-image: -o-linear-gradient(top, var(--c-beige), var(--c-beigeclaire));
    background-image: linear-gradient(to bottom, var(--c-beige), var(--c-beigeclaire));
}

.liste-lecteurs-pour-action-item.bton-beige:not(.no-click):hover,
.bton.bton-beige:not(.no-click):hover,
.bton.btn-beige:not(.no-click):hover,
.btn.bton-beige:not(.no-click):hover,
.btn.btn-beige:not(.no-click):hover {
    background-color: var(--c-beige);
    background-image: -webkit-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -moz-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -ms-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -o-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: linear-gradient(to bottom right, var(--c-redclaire), var(--c-redpale));
}

.bton-warning,
.btn-warning {
    background-color: #f0ad4e;
    background-image: -webkit-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: -moz-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: -ms-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: -o-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: linear-gradient(to bottom, #f0ad4e, #ec971f);
}

.bton-warning:not(.no-click):hover,
.btn-warning:not(.no-click):hover {
    background-color: var(--c-beige);
    background-image: -webkit-linear-gradient(top, #ec971f, #f0ad4e);
    background-image: -moz-linear-gradient(top, #ec971f, #f0ad4e);
    background-image: -ms-linear-gradient(top, #ec971f, #f0ad4e);
    background-image: -o-linear-gradient(top, #ec971f, #f0ad4e);
    background-image: linear-gradient(to bottom right, #ec971f, #f0ad4e);
}

.bton-vitale,
.btn-vitale {
    background-color: var(--c-vitale-1);
    background-image: -webkit-linear-gradient(to right bottom, var(--c-vitale-1) 75%, var(--c-vitale-2));
    background-image: -moz-linear-gradient(to right bottom, var(--c-vitale-1) 75%, var(--c-vitale-2));
    background-image: -ms-linear-gradient(to right bottom, var(--c-vitale-1) 75%, var(--c-vitale-2));
    background-image: -o-linear-gradient(to right bottom, var(--c-vitale-1) 75%, var(--c-vitale-2));
    background-image: linear-gradient(to right bottom, var(--c-vitale-1) 75%, var(--c-vitale-2));
}

.bton.bton-vitale:not(.no-click):hover,
.bton.btn-vitale:not(.no-click):hover,
.btn.bton-vitale:not(.no-click):hover,
.btn.btn-vitale:not(.no-click):hover {
    background-color: var(--c-green);
    background-image: -webkit-linear-gradient(to right bottom, var(--c-vitale-1) 50%, var(--c-vitale-2));
    background-image: -moz-linear-gradient(to right bottom, var(--c-vitale-1) 50%, var(--c-vitale-2));
    background-image: -ms-linear-gradient(to right bottom, var(--c-vitale-1) 50%, var(--c-vitale-2));
    background-image: -o-linear-gradient(to right bottom, var(--c-vitale-1) 50%, var(--c-vitale-2));
    background-image: linear-gradient(to right bottom, var(--c-vitale-1) 50%, var(--c-vitale-2));
}

.bton-bluedark,
.btn-bluedark,
input.btn-submit,
input[type="submit"] {
    background-color: var(--c-bluedark);
    background-image: -webkit-linear-gradient(top, var(--c-bluepale), var(--c-bluedark));
    background-image: -moz-linear-gradient(top, var(--c-bluepale), var(--c-bluedark));
    background-image: -ms-linear-gradient(top, var(--c-bluepale), var(--c-bluedark));
    background-image: -o-linear-gradient(top, var(--c-bluepale), var(--c-bluedark));
    background-image: linear-gradient(to bottom, var(--c-bluepale), var(--c-bluedark));
}

.bton.bton-bluedark:not(.no-click):hover,
.bton.btn-bluedark:not(.no-click):hover,
.btn.bton-bluedark:not(.no-click):hover,
.btn.btn-bluedark:not(.no-click):hover,
input.btn-submit:hover,
input[type="submit"]:hover {
    background-color: var(--c-bluepale);
    background-image: -webkit-linear-gradient(top, var(--c-bluedark), var(--c-bluepale));
    background-image: -moz-linear-gradient(top, var(--c-bluedark), var(--c-bluepale));
    background-image: -ms-linear-gradient(top, var(--c-bluedark), var(--c-bluepale));
    background-image: -o-linear-gradient(top, var(--c-bluedark), var(--c-bluepale));
    background-image: linear-gradient(to bottom, var(--c-bluedark), var(--c-bluepale));
}

.btn-whatsapp,
.bton-whatsapp {
    background-color: var(--c-whatsapp);
    background-image: none;
    /* background-image : -webkit-linear-gradient(top, var(--c-whatsapp-dark) 1%, var(--c-whatsapp)); */
    /* background-image : -moz-linear-gradient(top, var(--c-whatsapp-dark) 1%, var(--c-whatsapp)); */
    /* background-image : -ms-linear-gradient(top, var(--c-whatsapp-dark) 1%, var(--c-whatsapp)); */
    /* background-image : -o-linear-gradient(top, var(--c-whatsapp-dark) 1%, var(--c-whatsapp)); */
    /* background-image : linear-gradient(to bottom right, var(--c-whatsapp-dark) 1%, var(--c-whatsapp)); */
}

.btn-whatsapp:not(.no-click):hover,
.bton-whatsapp:not(.no-click):hover {
    background-color: var(--c-whatsapp);
    background-image: none;
    background-image: -webkit-linear-gradient(top, var(--c-whatsapp) 1%, var(--c-whatsapp-dark));
    background-image: -moz-linear-gradient(top, var(--c-whatsapp) 1%, var(--c-whatsapp-dark));
    background-image: -ms-linear-gradient(top, var(--c-whatsapp) 1%, var(--c-whatsapp-dark));
    background-image: -o-linear-gradient(top, var(--c-whatsapp) 1%, var(--c-whatsapp-dark));
    background-image: linear-gradient(to bottom right, var(--c-whatsapp) 1%, var(--c-whatsapp-dark));
}

.btn-whatsapp-white,
.bton-whatsapp-white {
    background-color: var(--c-white);
    background-image: none;
    color: var(--c-whatsapp);
}

.btn-whatsapp-white:not(:hover) .bton-lab,
.bton-whatsapp-white:not(:hover) .bton-lab {
    color: var(--c-whatsapp);
}

.btn-whatsapp-white:not(.no-click):hover,
.bton-whatsapp-white:not(.no-click):hover {
    background-color: var(--c-whatsapp-dark);
    background-image: none;
}

.submit-inactive .formv3-submit input[type="submit"],
.submit-inactive input[type="submit"].chat-btn-submit {
    background-color: #ebebeb;
    cursor: not-allowed;
    box-shadow: 0 0 2px lightgray;
    background-image: none;
}

input[type="button"].btn-submit.inactive {
    background-color: #ebebeb;
    cursor: not-allowed;
    box-shadow: 0 0 2px lightgray;
    background-image: none;
}

.formv3-submit .submit-loading {
    display: inline-block;
    display: none;
    vertical-align: middle;
    background-color: #ebebeb;
    cursor: not-allowed;
    box-shadow: 0 0 2px lightgray;
    width: 55px;
    height: 33px;
    background-image: url('./images/site/loading_mini.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.submit-encours .formv3-submit input[type="submit"] {
    display: none;
}

.submit-encours .formv3-submit .submit-loading {
    display: inline-block;
}

.bton-redpale,
.bton-js-cancel,
.btn-redpale {
    background-color: var(--c-redpale);
    background-image: -webkit-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -moz-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -ms-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -o-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: linear-gradient(to bottom, var(--c-redclaire), var(--c-redpale));
}

.bton.bton-redpale:not(.no-click):hover,
.bton-js-cancel:not(.no-click):hover,
.bton.btn-redpale:not(.no-click):hover,
.btn.bton-redpale:not(.no-click):hover,
.btn.btn-redpale:not(.no-click):hover {
    background-color: var(--c-redclaire);
    background-image: -webkit-linear-gradient(top, var(--c-redpale), var(--c-red));
    background-image: -moz-linear-gradient(top, var(--c-redpale), var(--c-red));
    background-image: -ms-linear-gradient(top, var(--c-redpale), var(--c-red));
    background-image: -o-linear-gradient(top, var(--c-redpale), var(--c-red));
    background-image: linear-gradient(to bottom right, var(--c-redpale), var(--c-red));
}

.bton-redclaire,
.btn-redclaire {
    background-color: var(--c-redclaire);
    background-image: -webkit-linear-gradient(top, var(--c-redpale), var(--c-redclaire));
    background-image: -moz-linear-gradient(top, var(--c-redpale), var(--c-redclaire));
    background-image: -ms-linear-gradient(top, var(--c-redpale), var(--c-redclaire));
    background-image: -o-linear-gradient(top, var(--c-redpale), var(--c-redclaire));
    background-image: linear-gradient(to bottom, var(--c-redpale), var(--c-redclaire));
}

.bton.bton-redclaire:not(.no-click):hover,
.bton.btn-redclaire:not(.no-click):hover,
.btn.bton-redclaire:not(.no-click):hover,
.btn.btn-redclaire:not(.no-click):hover {
    background-color: var(--c-redpale);
    background-image: -webkit-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -moz-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -ms-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: -o-linear-gradient(top, var(--c-redclaire), var(--c-redpale));
    background-image: linear-gradient(to bottom, var(--c-redclaire), var(--c-redpale));
}

.btn-jaune,
.bton-jaune {
    color: var(--c-bluedark);
    background-color: var(--c-jaune);
    background-image: linear-gradient(to bottom right, var(--c-jaune-07) 5%, var(--c-jaune));
}

.bton-jaune .bton-icn .material-icons,
.btn-jaune .bton-icn .material-icons,
.bton-jaune .bton-icn .material-icons-outlined,
.btn-jaune .bton-icn .material-icons-outlined,
.bton-jaune .bton-lab,
.btn-jaune .bton-lab {
    color: var(--c-bluedark);
}

.btn-jaune:not(.no-click):hover,
.bton-jaune:not(.no-click):hover {
    background-color: var(--c-beige);
    background-image: linear-gradient(to bottom right, var(--c-beige-07) 5%, var(--c-beige));
}

.bton.btn-icn-materialoutlined .bton-icn>span {
    color: white;
}


.bton-rond,
.btn-rond {
    width: 37px !important;
    height: 37px !important;
    min-height: 37px !important;
    min-width: 37px !important;
}

.bton-msmall.bton-rond,
.btn-msmall.bton-rond,
.bton-msmall.btn-rond,
.btn-msmall.btn-rond {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important;
}

.bton-small.bton-rond,
.btn-small.bton-rond,
.bton-small.btn-rond,
.btn-small.btn-rond {
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    min-width: 30px !important;
}

.bton-xsmall.bton-rond,
.btn-xsmall.bton-rond,
.bton-xsmall.btn-rond,
.btn-xsmall.btn-rond {
    width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    min-width: 25px !important;
}

.bton-carre {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
    height: 85px;
    min-height: 85px;
    max-height: 85px;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px 5px 10px #00000029;
    color: var(--c-beige);
    margin: 2px;
}

.bton-carre-icn {
    padding: 5px;
}

.bton-carre-lab {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    font-weight: bold;
    font-size: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bton-carre:hover .bton-carre-icn,
.bton-carre:hover .bton-carre-lab {
    color: var(--c-white);
}

.bton-carre.carre100px {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}

.element-infos-msg-presentation {
    font-size: 0.8em;
    max-height: 200px;
    overflow-y: scroll;
}


#cotations-reference-partage-conteneur {}

#crp-titre {}

#crp-titre span {
    text-transform: uppercaser;
    font-size: 0.95em;
    font-weight: bold;
    color: var(--c-redpale);
}

#crp-cadre-conteneur {}

#crp-cadre {
    border: 2px solid var(--c-red);
    border-radius: 20px;
    overflow: hidden;
}

#crp-icn {
    background: var(--c-beige);
	width: 35px;
	max-width: 35px;
	min-width: 35px;
}

#crp-lien {
    padding: 0.5em 0.15em;
    font-family: play;
	width: calc(100% - 75px);
	max-width: calc(100% - 75px);
}

#crp-opts {
	width: 40px;
	max-width: 40px;
	min-width: 40px;
}

.crp-opt {}


.bttn-opt-ligne {
    background-color: rgba(240, 240, 240, 0.6);
    border: 1px solid lightgray;
    border-radius: 3px;
    opacity: 0.8;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

.bttn-opt-ligne:hover {
    background-color: rgba(240, 240, 240, 0.8);
    background-color: #ab3b3d;
    opacity: 0.9;
    -webkit-filter: grayscale(30%);
    -moz-filter: grayscale(30%);
    -o-filter: grayscale(30%);
    -ms-filter: grayscale(30%);
    filter: grayscale(30%);
}

.bttn-opt-ligne:active {
    background-color: rgba(240, 240, 240, 0.8);
    box-shadow: 0 0 3px inset gray;
    -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -o-filter: grayscale(10%);
    -ms-filter: grayscale(10%);
    filter: grayscale(10%);
}

.bttn-opt-ligne.active {
    background-color: rgba(240, 240, 240, 0.9);
    box-shadow: 0 0 3px inset lightgray;
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}


.cotations-ligne-horaires-conteneur {
    margin-bottom: 0.75em;
    position: relative;
}

.cotations-ligne-horaires {
    border: 3px solid var(--c-red);
    border-radius: 20px;
    overflow: hidden;
}

.cotations-ligne-horaires-conteneur:nth-of-type(even) .cotations-ligne-horaires {
    background-color: var(--c-beigeclaire);
}

.cotations-ligne-horaires:not(.lie-dependance-possible) .cotations-ligne-horaires-cotations-liedependance {
    display: none;
}

.cotations-ligne-horaires .cotations-ligne-horaires-date {}

.clhd-input-conteneur {
    border-right: 2px solid var(--c-bluedark);
}

.clhd-input-conteneur-jr {
    border-bottom: 2px solid var(--c-bluedark);
}

.cotations-ligne-horaires .cotations-ligne-horaires-cotations {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cotations-ligne-horaires-cotations-liste {}

.cotations-ligne-horaires-ajouter,
.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-cotation {
    margin: 2px;
    padding: 4px;
    border: 1px solid lightgray;
    font-size: 0.85em;
    background: white;
}


.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter,
.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter-pst {
    margin: 0;
    padding: 2px;
}

.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter>span,
.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter-pst>span {
    background-color: green;
    color: white;
    background-image: url("./images/site/signe_plus.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 8px 6px;
    border: 1px solid white;
    font-size: 0.85em;
}

.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter>span:hover,
.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter-pst>span:hover {
    box-shadow: 0 0 6px white inset;
}

.cotations-ligne-horaires-cotations-liste .cotations-ligne-horaires-cotations-ajouter-pst>span {
    padding: 6px;
}

.cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations-ajouter {
    opacity: 0.3;
}

.cotations-ligne-horaires-cotations-ajouter-infos {
    padding: 1em;
    font-style: italic;
    font-size: 0.85em;
}


.cotations-ligne-horaires-cotations-alertes {
    padding: 0.25em;
    color: red;
    font-size: small;
}


.cotations-ligne-horaires-cotations-recherches {}



.cotations-ligne-horaires:not(.recherches-en-cours) .cotations-ligne-horaires-cotations-recherches {
    display: none;
}

.cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations-recherches {}

.cotations-ligne-horaires-cotations-recherches .cotations-ligne-horaires-cotations-recherches-inputs {}

.cotations-ligne-horaires.recherches-en-cours-spec .cotations-ligne-horaires-cotations-recherches .cotations-ligne-horaires-cotations-recherches-inputs {
    display: none;
}

.cotations-ligne-horaires-cotations-recherches .cotations-ligne-horaires-cotations-listeactes {
    position: absolute;
    width: 83%;
    top: 100%;
    right: 0.5%;
    max-height: 200px;
    background: white;
    border: 1px solid var(--c-red);
    overflow: auto;
    z-index: 100;
    border-radius: 10px;
}

.cotations-ligne-horaires .btn-close-conteneur {
    display: none;
}


.cotations-ligne-horaires-cotations-ajouter-conteneur {
    min-width: 80px;
    max-width: 150px;
}

@media (min-width: 0px) and (max-width: 767px) {
    .cotations-ligne-horaires.recherches-en-cours {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: var(--zi-lvl-3b);
        background: white;
        height: 100%;
        border-width: 1px;
        border-radius: 0;
    }

    .cotations-ligne-horaires.recherches-en-cours .btn-close-conteneur {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 0 4px;
        min-width: 40px;
        text-align: center;
    }

    .cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations-liste {
        overflow: auto;
    }

    .cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations {
        background-color: rgba(200, 200, 200, 0.1);
    }

    .cotations-ligne-horaires.recherches-en-cours,
    .cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations {
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .cotations-ligne-horaires-date,
    .cotations-ligne-horaires-cotations,
    .cotations-ligne-horaires-cotations-alertes,
    .cotations-ligne-horaires-cotations-recherches,
    .cotations-ligne-horaires-cotations-liste {
        width: 100%;
    }

    .cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations-listeactes {
        position: relative;
        height: 250px;
        max-height: 250px;
        top: 0;
        border-radius: 0;
    }

    .cotations-ligne-horaires-cotations-ajouter-conteneur {
        width: 100%;
        max-width: 100%;
    }

    .btn-statut-index-tp {
        min-width: 60% !important;
    }
}

@media (min-width: 767px) {

    .cotations-ligne-horaires.recherches-en-cours,
    .cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-date,
    .cotations-ligne-horaires.recherches-en-cours .cotations-ligne-horaires-cotations {
        z-index: 100;
        background-color: #f8f8f8;
    }

    .cotations-ligne-horaires.recherches-en-cours .shadow {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: gray;
        opacity: 0.6;
        z-index: 99;
    }
}

.cotations-liste-actes-listeglobal {}

.cotations-liste-actes-chapitre-div {
    margin-bottom: 1em;
}

.cotations-liste-actes-chapitre-div .cotations-liste-actes-chapitre-titre {
    font-weight: bold;
    font-variant: small-caps;
    font-size: 0.75em;
    color: #545454;
}

.cotations-liste-actes-chapitre-div-court .cotations-liste-actes-chapitre-titre {
    font-size: 0.8em;
    padding: 0.15em;
    color: var(--c-white);
    background: var(--c-red);
    opacity: 0.8;
}

.cotations-liste-actes-chapitre-div-long .cotations-liste-actes-chapitre-titre {
    font-size: 0.65em;
    opacity: 0.5;
}

.cotations-liste-actes-chapitre-div .cotations-liste-actes-chapitre-contenu {
    /* margin-left: 0.15em; */
    margin-top: 0.15em;
}

.cotations-liste-actes-article-div {
    margin-bottom: 0.75em;
}

.cotations-liste-actes-article-div .cotations-liste-actes-article-titre {
    font-weight: bold;
    font-variant: small-caps;
    font-size: 0.8em;
    color: white;
    background: #ab3b3d;
    opacity: 0.8;
}

.cotations-liste-actes-article-div .cotations-liste-actes-article-contenu {
    margin-left: 0.15em;
    margin-top: 0.15em;
}

.cotations-liste-actes-acte-div {
    padding: 0.25em;
    min-height: 35px;
}

.cotations-liste-actes-acte-div:nth-child(odd) {
    background: var(--c-beige-05);
}

.cotations-liste-actes-acte-alerte {
    display: none;
    font-family: var(--ff-play);
    font-size: 0.95em;
    color: var(--c-red);
    font-style: italic;
    margin-left: 1em;
    opacity: 0.8;
    text-decoration: none;
}

.for-patient-nondiab .cotations-liste-actes-acte-div.no-nondiabetique,
.for-patient-nonk .cotations-liste-actes-acte-div.no-nonk,
.for-patient-k .cotations-liste-actes-acte-div.no-k,
.for-patient-76 .cotations-liste-actes-acte-div.no-age-76,
.for-patient-0 .cotations-liste-actes-acte-div.no-age-0,
.for-patient-5 .cotations-liste-actes-acte-div.no-age-5,
.for-patient-7 .cotations-liste-actes-acte-div.no-age-7 {
    font-size: 0.85em;
}

.for-patient-nondiab .cotations-liste-actes-acte-div.no-nondiabetique .claatc,
.for-patient-nonk .cotations-liste-actes-acte-div.no-nonk .claatc,
.for-patient-k .cotations-liste-actes-acte-div.no-k .claatc,
.for-patient-76 .cotations-liste-actes-acte-div.no-age-76 .claatc,
.for-patient-0 .cotations-liste-actes-acte-div.no-age-0 .claatc,
.for-patient-5 .cotations-liste-actes-acte-div.no-age-5 .claatc,
.for-patient-7 .cotations-liste-actes-acte-div.no-age-7 .claatc {
    opacity: 0.7;
    color: lightgray;
    text-decoration: line-through;
}

.for-patient-nondiab .cotations-liste-actes-acte-div.no-nondiabetique .cotations-liste-actes-acte-alerte,
.for-patient-nonk .cotations-liste-actes-acte-div.no-nonk .cotations-liste-actes-acte-alerte,
.for-patient-k .cotations-liste-actes-acte-div.no-k .cotations-liste-actes-acte-alerte,
.for-patient-76 .cotations-liste-actes-acte-div.no-age-76 .cotations-liste-actes-acte-alerte,
.for-patient-0 .cotations-liste-actes-acte-div.no-age-0 .cotations-liste-actes-acte-alerte,
.for-patient-5 .cotations-liste-actes-acte-div.no-age-5 .cotations-liste-actes-acte-alerte,
.for-patient-7 .cotations-liste-actes-acte-div.no-age-7 .cotations-liste-actes-acte-alerte {
    display: block;
}

.cotations-liste-actes-acte-div:hover {
    background-color: var(--c-beige);
}

.cotations-liste-actes-acte-div .cotations-liste-actes-acte-titre {
    color: black;
}

.cotations-liste-actes-acte-div .cotations-liste-actes-acte-cot {
    font-size: small;
    font-family: var(--ff-play);
    color: gray;
}

.cotations-liste-actes-acte-alerte {
    display: none;
    font-family: var(--ff-play);
    font-size: 0.95em;
    color: #ab3b3d;
    font-style: italic;
    margin-left: 1em;
    opacity: 0.8;
    text-decoration: none;
}

.cotations-listes-ngap {
    margin-top: 1em;
}

.cotations-listes-ngap .cotations-liste-actes-chapitre-div {
    margin: 0.1em;
    margin-bottom: 2em;
}

.cotations-listes-ngap .cotations-liste-actes-chapitre-div .cotations-liste-actes-chapitre-titre {
    font-weight: bold;
    font-variant: small-caps;
    color: #545454;
    font-size: 1.1em;
    margin-bottom: 0.25em;
}

.cotations-listes-ngap .cotations-liste-actes-chapitre-div .cotations-liste-actes-chapitre-infosup {
    margin: 0.30em;
    padding: 0.25em;
    font-size: 0.9em;
    font-style: italic;
    border: 1px solid lightgray;
    color: gray;
}

.cotations-listes-ngap .cotations-liste-actes-chapitre-div .cotations-liste-actes-chapitre-contenu {
    margin-left: 0.15em;
    margin-top: 0.15em;
}

.cotations-listes-ngap .cotations-liste-actes-article-div {
    margin-bottom: 0.75em;
}

.cotations-listes-ngap .cotations-liste-actes-article-div .cotations-liste-actes-article-titre {
    font-weight: bold;
    font-variant: small-caps;
    font-size: 1em;
    color: var(--c-white);
    margin-bottom: 0.25em;
    padding: 0.25em;
}

.cotations-listes-ngap .cotations-liste-actes-article-div .cotations-liste-actes-article-infosup {
    margin: 0.30em;
    padding: 0.25em;
    font-size: 0.9em;
    font-style: italic;
    border: 1px solid lightgray;
    color: gray;
}

.cotations-listes-ngap .cotations-liste-actes-article-div .cotations-liste-actes-article-contenu {
    margin-left: 0.15em;
    margin-top: 0.15em;
}

.cotations-listes-ngap .cotations-liste-actes-acte-div {
    padding: 0.5em 0.15em;
    font-size: 0.95em;
}

.cotations-listes-ngap .cotations-liste-actes-acte-div:hover {
    background-color: transparent;
}

.cotations-listes-ngap .cotations-liste-actes-acte-div .cotations-liste-actes-acte-titre {}

.cotations-listes-ngap .cotations-liste-actes-acte-div .cotations-liste-actes-acte-signification {
    padding-left: 0.5em;
    font-size: 0.9em;
    font-style: italic;
    color: gray;
    opacity: 0.7;
}

.cotations-listes-ngap .cotations-liste-actes-acte-div .cotations-liste-actes-acte-cot {
    font-size: small;
    font-family: var(--ff-play);
    color: gray;
}



.cotations-actepourligne-tooltip-infos {
    display: none;
}

.cotations-acte-pour-ligne-tooltip-infos-contenu {
    max-width: 295px;
}

.cotations-actepourligne-tooltip-infoschapart {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 0.75em;
}

.cotations-actepourligne-tooltip-chapitre {
    color: gray;
}

.cotations-actepourligne-tooltip-infosacte {}

.cotations-actepourligne-tooltip-infosacte-signification {
    margin-top: 0.75em;
    font-size: 0.95em;
    font-style: italic;
}

.cotations-actepourligne {
    padding: 0.25em;
}


.cotations-actepourligne-contenu {
    font-size: 0.85em;
    background: var(--c-white);
    border: 1px solid var(--c-redclaire);
    min-width: 80px;
    max-width: 150px;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.cotations-actepourligne-contenu.justadd {
    background: var(--c-red);
    color: var(--c-white);
}

.cotations-actepourligne-contenu-gestion {
    background: lightgray;
    color: var(--c-red);
    font-family: "Play";
    min-width: 25px;
    max-width: 35px;
}

.cotations-cplcg-signe {
    color: #262626;
    font-weight: bold;
}

.cotations-cplcg-signe:hover {
    color: var(--c-red);
}

.cotations-ligne-horaires.lie-dependance-possible.lie-dependance .cotations-actepourligne-acte-108 .cotations-cplcg-signe {
    display: none;
}

.cotations-cplcg-number {
    padding: 0 3px;
}

.cotations-cplcg-number-nbr {
    font-weight: bold;
}


.cotations-actepourligne-contenu-description {
    padding: 0.25em;
}

.type-affichage-court .cotations-actepourligne-description-longue,
.type-affichage-normal .cotations-actepourligne-description-courte {
    display: none;
}

.cotations-actepourligne-contenu-description-cotation {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: gray;
}


.cotations-actepourligne-contenu-options {
    padding: 0.15em;
    font-size: small;
    min-width: 22px;
}


.cotations-actepourligne.ui-draggable-dragging .cotations-actepourligne-contenu-gestion {
    /* visibility: hidden; */
    /* opacity: 0.9; */
}

.cotations-actepourligne.ui-draggable-dragging .cotations-actepourligne-contenu-gestion .cotations-cplcg-signe {
    visibility: hidden;
    /* opacity: 0.9; */
}

.cotations-actepourligne-acte-toadd {
    font-family: var(--ff-play);
    opacity: 0.65;
    padding: 0.4em 0.25em;
}

.cotations-actepourligne-acte-toadd .cotations-actepourligne-contenu {
    border: 1px dashed gray;
    font-size: 0.8em;
}

.cotations-ligne-horaires-cotations-liste:not(.draggable-en-cours) .cotations-actepourligne-acte-toadd {
    display: none;
}

.cotations-ligne-horaires-cotations-liste {
    border: 1px dashed transparent;
}

.cotations-ligne-horaires-cotations-liste.draggable-en-cours {
    border: 1px dashed gray;
    background-color: rgba(240, 240, 240, 0.3);
}

.cotations-ligne-horaires-cotations-liste.draggable-en-cours.draggable-in-hover {
    border: 1px solid #ab3b3d;
    box-shadow: 0 0 3px gray inset;
    background-color: rgba(240, 240, 240, 0.7);
}

.cotations-lab-generation {
    text-align: right;
    font-size: 0.9em;
}


.bttn-cr-rappel {
    opacity: 0.5;
    margin: 2px !important;
}

.cotations-resultats-horaires-rappelactes-conteneur {
    display: none;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel {
    padding: 0.15em;
    opacity: 0.75;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel-contenu {
    font-family: var(--ff-play);
    font-size: 0.75em;
    background-color: white;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid lightgray;
    border-radius: 3px;
    min-width: 75px;
    max-width: 160px;
    height: 100%;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel-contenu-description {
    padding: 0.15em;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel-description-courte {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel-contenu-description-nombre {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: gray;
    text-align: left;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel-contenu-description-cotation {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: gray;
    text-align: right;
}


.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel.acte-used {
    opacity: 0.85;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel.acte-used .cotations-actepourrappel-contenu {
    border-top-color: #ab3b3d;
    border-left-color: #ab3b3d;
    border-top-color: rgba(170, 60, 60, 0.6);
    border-left-color: rgba(170, 60, 60, 0.6);
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-actepourrappel.acte-used .cotations-actepourrappel-contenu-description-cotation {
    font-weight: bold;
    color: #ab3b3d;
}


.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel {
    padding: 0.15em;
    padding-bottom: 0;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel-contenu {
    font-family: var(--ff-play);
    font-size: 0.75em;
    background-color: var(--c-redpale);
    color: var(--c-white);
    border-radius: 16px;
    min-width: 75px;
    max-width: 160px;
    height: 100%;
    padding: 0.1em 0.7em;
    box-shadow: 0px 5px 10px #00000029;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel-contenu-description {
    padding: 0.15em;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel-description-courte {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel-contenu-description-nombre {
    font-family: var(--ff-play);
    text-align: left;
    font-size: 0.9em;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel-contenu-description-cotation {
    text-align: right;
}


.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel.acte-used {}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel.acte-used .cotations-actepourrappel-contenu {
    background-color: var(--c-red);
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel.acte-used .cotations-actepourrappel-contenu {}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-actepourrappel.acte-used .cotations-actepourrappel-contenu-description-cotation {
    font-weight: bold;
}




.cotations-resultats-jour-explications {}

.cotations-resultats-jour-explications>div {
    margin: 0.25em;
}

.cotations-resultats-horaires {
    margin-bottom: 1em;
    margin-top: 1em;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) {
    text-align: center;
    border: 1px solid lightgray;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-resultats-horaires-horaire {
    font-weight: bold;
    font-size: 0.9em;
    background: lightgray;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-resultats-horaires-horaire {
    text-transform: uppercase;
}

.cotations-resultats-horaires-cotation {
    font-family: var(--ff-play);
    font-weight: bold;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-resultats-horaires-cotation {
    padding: 0.25em;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-resultats-horaires-cotation {
    padding: 0.5em;
    text-align: center;
    color: var(--c-bluedark);
}

.cotations-resultats-horaires-cotation-aucune {
    font-weight: normal;
    font-style: italic;
}

.cotations-resultats-horaires-valeur {
    font-size: 0.9em;
}

.cotations-resultats-horaires:not(.cotations-resultats-horaires-v4) .cotations-resultats-horaires-valeur {
    font-family: var(--ff-play);
    color: gray;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-resultats-horaires-valeur {
    text-align: center;
    font-weight: bold;
}

.cotations-resultats-horaires.cotations-resultats-horaires-v4 .cotations-resultats-horaires-infosbtns {
    padding: 0.15em 0.5em;
}

.cotations-resultats-horaires-explications {
    text-align: right;
}

.cotations-resultats-horaires-explications-titre {
    padding: 0.15em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    text-align: right;
}

.cotations-resultats-horaires-explications-contenu {
    display: none;
    text-align: left;
}

.cotations-resultats-horaires-explications-contenu-titre {}

.cotations-explications-partie {
    margin: 0.5em 0.25em;
    border: 1px solid lightgray;
    padding: 0.25em;
}

.cotations-explications-partie-titre {
    font-variant: small-caps;
    font-weight: bold;
    color: #ab3b3d;
    font-size: 0.95em;
}

.cotations-explications-partie-contenu {
    font-size: 0.9em;
    margin-left: 0.25em;
}

.cotations-explications-partie-contenu p {
    margin: 0.5em 0;
}


.cotations-resultats-horaires-alertes {
    text-align: left;
    font-size: 0.8em;
    color: gray;
    padding: 0.15em;
}




.show-if-resultsinseen {
    display: none;
}

#thepartwhosaysifresults.resultats-en-cours {}

#thepartwhosaysifresults.resultats-en-cours .show-if-resultsinseen,
#thepartwhosaysifresults.resultats-en-cours .cotations-resultats-horaires-rappelactes-conteneur {
    display: block;
}

#thepartwhosaysifresults.resultats-en-cours .hide-if-resultsinseen {
    display: none;
}


#cotations-enregistrees-liste {}

#cotations-enregistrees-liste-contenu {}

.cotations-enregistrees-item {
    padding: 0.5em;
}

.cotations-enregistrees-item-contenu {}

.ceic-date {
    font-weight: bold;
    font-family: var(--ff-graphie);
    color: var(--c-red);
}

.ceic-horaires {
    margin-left: 1em;
}

.ceic-horaires-item {
    margin: 0.25em;
    color: var(--c-bluedark);
}

.ceic-horaires-item-horaire {
    font-family: var(--ff-play);
}

.ceic-horaires-item-cotation {
    font-weight: bold;
}

.ceic-options {
    display: block;
    padding: 0.25em;
    font-size: 0.9em;
    color: #ab3b3d;
}


.reac-to-elem-div {
    padding: 0.25em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: white;
    box-shadow: 0 0 3px lightgray;
}

.reac-item {
    padding: 0 0.25em;
    font-size: large;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

.reac-item .reac-item-nbr {
    font-size: small;
    color: gray;
}

.reac-item.numbered {
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    filter: grayscale(40%);
    opacity: 1;
}

.reac-item:hover,
.reac-item.my-reaction {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
    opacity: 1;
}

.reac-item.my-reaction .reac-item-nbr {
    color: black;
    font-weight: bold;
}


#fiches-liste {}

.fiches-liste-theme {
    background: var(--c-redpale) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 74px;
    color: var(--c-white);
    padding: 0.5em 1em;
    font-weight: bold;
    margin-top: 2em;
}

.fiches-liste-theme:first-of-type {
    margin-top: 0em;
}

.fiches-liste-item {
    display: block;
    margin: 1em 0.75em;
}

.fiches-liste-item-titre {}

.fiches-liste-item-presentation {
    padding: 1em;
    color: var(--c-red);
}


.fiches-liste-item:hover {
    background-color: rgba(250, 250, 250, 0.7);
}




.fiches-t1-item {}

.fiches-t1-questions {}

.fiches-t1-questions-q {}

.fiches-tl-q-details {
    border-right: 1px solid var(--c-bluedark);
    color: var(--c-bluedark);
}

.fiches-t1-questions-infos {
    padding: 1.5em 1em;
}

.fiches-t1-reponses {}

.fiches-t1-reponses-oui {
    border: 1px solid lightgray;
    user-select: none;
    color: lightgray;
    min-height: 40px;
}

.fiches-t1-reponses-oui:hover {
    border: 1px solid green;
    background-color: white !important;
}

.fiches-t1-reponses-oui.checked {
    color: green;
}

.fiches-t1-reponses-non {
    border: 1px solid lightgray;
    user-select: none;
    color: lightgray;
    min-height: 40px;
}

.fiches-t1-reponses-non:hover {
    border: 1px solid red;
    background-color: white !important;
}

.fiches-t1-reponses-non.checked {
    color: red;
}


.fiches-t1-reponses-points {
    display: none;
    padding: 0 0.25em;
}

.fiches-t1-reponses-points span {
    background: white;
    border: 1px solid lightgray;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    font-family: var(--ff-play);
    text-align: center;
    font-size: 0.8em;
    color: gray;
}

.fiches-t1-reponses2 {}

.fiches-t1-reponses2 .fiches-t1-reponses-item {
    border: 1px solid lightgray;
    user-select: none;
    color: gray;
    min-height: 40px;
    padding: 0.25em 0;
}

.fiches-t1-reponses2 .fiches-t1-reponses-item:hover {
    border: 1px solid green;
    background-color: white !important;
}

.fiches-t1-reponses2 .fiches-t1-reponses-item.checked {
    color: green;
}

#fiches-t1-resultats {
    padding: 1em 0;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

#fiches-t1-resultats-infos {
    font-weight: bold;
    padding-bottom: 1em;
}

#fiches-t1-resultats-conteneur {
    box-shadow: 0 -3px 3px -3px lightgray;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: var(--c-white);
    z-index: 11;
}

.fiches-infospatientdate-conteneur {
    display: none;
}

.fiches-infospatientdate {
    margin: 0.5em;
    padding: 0.15em;
    border: 1px solid gray;
    color: gray;
    font-size: x-small;
    font-family: var(--ff-play);
    height: 50px;
}

.fiches-infossup {
    margin-top: 1em;
}

.fiches-infossup-titre {
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 0.9em;
}

.fiches-infossup-content {
    font-size: 0.85em;
}

.fiches-infossup-sources {
    margin-top: 1em;
    color: var(--c-redpale);
}

.fiches-infossup-sources-titre {
    text-decoration: underline;
    font-size: 0.9em;
}

.fiches-infossup-sources ul {
    margin-top: 0;
    font-size: 0.85em;
}


.fiches-infossup-sources ul li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


#cours-liste {}

.cours-liste-theme {
    font-variant: small-caps;
    color: #ab3b3d;
    font-weight: bold;
    margin-top: 2em;
}

.cours-liste-item {
    display: block;
    margin: 1em 0em;
    margin-left: 1em;
    border: 1px solid #ab3b3d;
    border-radius: 2px;
}

.cours-liste-item-titre {
    font-variant: small-caps;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.25em;
    background: #ab3b3d;
    padding: 0.25em;
    color: white;
}

.cours-liste-item-presentation {
    padding: 0.5em;
    font-size: 0.95em;
}

.cours-liste-item-sessions {
    border-top: 1px solid lightgray;
    padding: 0.5em;
    font-size: 0.9em;
}


.cours-liste-item:hover {
    background-color: rgba(250, 250, 250, 0.7);
}




#cours-msginfossubmit {
    padding: 0.5em;
    bottom: 0;
    background: white;
}

#cours-msginfossubmit.pret {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
}

#cours-msginfossubmit.hidden {
    display: none;
}

.label-checkbox.cours-qcm-rep-true .cours-qm-infos-conteneur {
    color: green;
}

.label-checkbox.cours-qcm-rep-false .cours-qm-infos-conteneur {
    color: red;
}



#contrats-conteneurgeneral {}

#contrats-conteneurgeneral.modal .hide-if-modal {
    display: none;
}

.contrats-partie-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
    color: var(--c-white);
    background-color: var(--c-red);
    border-radius: 20px;
    padding: 0.25em 0.5em;
    box-shadow: 0px 3px 9px #00000029;
    font-size: 0.95em;
}

.contrats-msginfos {
    margin: 0.25em;
    margin-bottom: 1.5em;
    padding: 0.5em 0.25em;
    background-color: #f4f4f4;
    border: 1px solid lightgray;
    color: gray;
    font-size: 0.9em;
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.contrats-msginfos p {
    margin-top: 0;
    margin-bottom: 0.35em;
}

.contrats-msginfos p:last-child {
    margin-bottom: 0;
}



.contrats-choixtype-item {
    margin: 0.75em;
    padding: 1.3em 0.5em;
    border: 2px solid var(--c-redpale);
    background-color: var(--c-beige-05);
    border-radius: 20px;
    text-shadow: 0px 0px 3px white;
}

.contrats-choixtype-item:hover {
    background-color: var(--c-beige);
    text-shadow: 0px 0px 6px white;
}

#contrats-edition-apercu-conteneurgeneral {
    margin-top: 1.5em;
}

#contrats-edition-apercu-lab {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
}

#contrats-edition-apercu-conteneur {
    color: var(--c-bluedark);
    padding-left: 0.5em;
    font-size: 0.9em;
    line-height: 2em;
}

.contrats-apercufinal-texte {
    padding-left: 0.25em;
    font-size: 0.95em;
}

.contrats-apercufinal-textarea {
    display: none;
}


.contrats-liste-item-conteneur {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.contrats-liste-item {
    border: 3px solid var(--c-red);
    background-color: var(--c-white);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 5px 8px #00000029;
}

.cli-titredate {
    background-color: var(--c-red);
    color: var(--c-white);
    padding: 0.5em;
}

.cli-titre {
    font-family: var(--ff-graphie);
    font-weight: bold;
    font-size: 0.95em;
    padding: 0.25em;
    color: var(--c-white);
}

.cli-date {
    font-size: 0.8em;
    padding: 0.25em;
    text-align: center;
}


.cli-statuts {}

.cli-statuts .periode-contrat-table {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.cli-statut-conteneur {}

.cli-statut-identite {
    border: 1px solid #ab3b3d;
    border-color: gray;
    background: white;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.cli-statut-identite .cli-statut-identite-avatar {
    width: 34px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 2px;
}

.cli-statut-identite .cli-statut-identite-avatar img {
    height: 28px;
}

.cli-statut-identite .cli-statut-identite-pseudo {
    padding: 0.25em 1em;
    font-family: "Play";
    font-weight: bold;
}

.cli-statut-status {
    background-color: rgba(250, 250, 250, 0.5);
}

.cli-statut-status-infos {
    border: 1px solid #ab3b3d;
    border-color: gray;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0.25em;
}

.cli-statut-status-sign {
    border: 1px solid #ab3b3d;
    border-color: gray;
    border-left-color: transparent;
    border-right-color: lightgray;
    padding: 1px 3px;
}

.cli-statut-status-send {
    border: 1px solid #ab3b3d;
    border-color: gray;
    border-left-color: transparent;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 1px 3px;
}

.cli-statutself {
    padding: 0.25em;
    text-align: center;
    margin: 0.35em 0;
}

.cli-statutindiv {
    padding: 0.25em;
    text-align: center;
    margin: 0.35em 0;
}

.cli-statutinfos,
.cli-statutinfos.v4-cadre2 {
    padding: 0.15em;
    text-align: center;
}


.cli-attachements {
    padding: 0.5em;
}

.cli-attachements .cli-attachements-periode {
    padding: 0.25em 0.5em;
    margin: 0.25em;
    background-color: var(--c-beige);
    border-radius: 20px;
    box-shadow: 0px 5px 8px #00000029;
    font-size: 0.8em;
    color: var(--c-redpale);
}

.cli-attachements .cli-attachements-periode:hover {
    color: var(--c-red);
}



.cli-options {}

.cli-opt-base {}

.cli-opt-base .btn-danger {
    margin: 0.35em;
}

.cli-opt-suppr {
    padding: 0.25em;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
    opacity: 0.5;
}

.cli-opt-suppr:hover,
.cli-opt-suppr:active {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}


.cli-sup {
    border-top: 1px dotted #ab3b3d;
    margin-top: 0.15em;
    padding-top: 0.15em;
}

.clis-categorie {
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    overflow: hidden;
    margin: 0.25em;
}

.clis-titre {
    font-family: var(--ff-graphie);
    font-weight: bold;
    font-size: 0.9em;
    background-color: var(--c-redpale);
    border-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0.5em;
    text-align: center;
    color: var(--c-white);
    box-shadow: 0px 5px 8px #00000029;
}

.clis-liste {
    max-height: 300px;
    overflow: auto;
}

.clis-item {
    padding: 0.75em 0.15em;
    border-bottom: 1px solid var(--c-bluedark);
}

.clis-item:not(.clis-s-item-total):nth-child(even) {
    background-color: var(--c-beigeclaire);
}

.clis-item:last-child {
    border-bottom: 0px;
}

.clis-item .periode-contrat-table {}

.clis-item .periode-contrat-table td.pct-u-avatar {
    min-width: 28px;
}

.clis-item .periode-contrat-table td.pct-u-avatar img {
    max-width: 25px;
    max-height: 25px;
}

.clis-a-item {
    padding: 0.75em 0.15em;
    border-bottom: 1px solid var(--c-bluedark);
}

.clis-a-item:nth-child(even) {
    background-color: var(--c-beigeclaire);
}

.clis-a-item:nth-child(even) .periode-contrat-table td {
    background-color: var(--c-white);
}

.clis-a-item:last-child {
    border-bottom: 0px;
}

.clis-a-i-iddateopt {}

.clis-a-i-iddate {
    font-size: 0.8em;
    padding: 0.2em 0.3em;
}

.clis-a-i-id {
    font-weight: bold;
    color: #ab3b3d;
}

.clis-a-i-opt {}

.clis-a-i-opt .btn-small {
    padding: 4px 7px;
    margin: 0.15em;
}

.clis-a-i-statuts {
    font-size: 0.9em;
}

.clis-a-i-statuts-statutself {
    padding: 0.25em;
    text-align: center;
}

.clis-a-i-statuts-statutindiv {
    padding: 0.25em;
    text-align: center;
}

.clis-a-i-statuts-statut-identite {
    font-weight: bold;
    padding-right: 0.15em;
}

.clis-a-i-statuts-statut-identite .indiv_avatar img {
    width: 15px;
}

.clis-s-item {}

.clis-s-i-iddateopt {}

.clis-s-i-id {
    font-size: 0.75em;
    padding: 0.2em 0.3em;
    font-weight: bold;
}

.clis-s-i-datemontant {
    font-size: 0.95em;
}

.clis-s-i-date {}

.clis-s-i-montant {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: bold;
}

.clis-s-i-opt {}

.clis-s-i-opt .btn-small {
    padding: 4px 7px;
    margin: 0.15em;
}

.clis-s-item-total {
    background-color: var(--c-redpale);
    color: var(--c-white);
    padding: 0.25em;
    text-align: center;
}

.clis-a-i-statuts {}

.clis-a-i-statuts .cli-statut-conteneur {}

.clis-a-i-statuts .cli-statut-identite {}

.clis-a-i-statuts .cli-statut-identite .cli-statut-identite-avatar {
    width: 30px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 1px;
}

.clis-a-i-statuts .cli-statut-identite .cli-statut-identite-avatar img {
    height: 20px;
}

.clis-a-i-statuts .cli-statut-identite .cli-statut-identite-pseudo {
    padding: 0.25em;
}

.clis-a-i-statuts .cli-statut-status {}

.clis-a-i-statuts .clis-a-i-statuts .cli-statut-status-infos {
    padding: 3px;
}

.clis-a-i-statuts .cli-statut-status-sign {}

.clis-a-i-statuts .cli-statut-status-send {}

.clis-a-i-statuts .cli-statutself {}

.clis-a-i-statuts .cli-statutindiv {}

.contrats-gestionattachements-individus {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 0.9em;
}

.contrats-gestionattachements-avatars {
    width: 13px;
}


.liste-contrats-listes-conteneur {
    margin: 1em 0.15em;
}

.lcl-titre {}

.lcl-legende {
    font-size: 0.95em;
    margin: 0.5em;
}

.lcl-legende p {
    margin-top: 0;
    margin-bottom: 0.2em;
}

.lcl-contenu {
    max-height: 160px;
    overflow-y: auto;
    border-top: 2px solid var(--c-beige);
}

.lcli-conteneur {}


.lcli-labeldate {
    padding: 0.15em;
}

.lcli-label {}

.lcli-date {
    font-family: var(--ff-play);
    font-size: 0.7em;
    color: gray;
}

.lcli-indiv {
    font-size: 0.9em;
    padding: 0.15em;
}

.lcli-indiv-avatar img {
    width: 15px;
}

.lcai-indiv-avatar img {
    width: 25px;
}

.lcli-opt {
    text-align: right;
    padding: 0.15em;
}

.lcli-conteneur.lcli-done {}

.lcli-conteneur.lcli-done .lcli-labeldate,
.lcli-conteneur.lcli-done .lcli-indiv,
.lcli-conteneur.lcli-done .lcli-opt {
    opacity: 0.2;
}

.lcai-conteneur {
    padding: 0.25em;
}


#csiac-legende {
    font-size: 0.9em;
}

#csiac-legende p {
    margin-top: 0;
    margin-bottom: 0.25em;
}

#csiac-liste {}

.csiac-item {
    padding: 0.5em;
    font-weight: bold;
}

.csiac-item:hover {
    background-color: var(--c-beige);
}

.csiaci-avatar img {
    width: 20px;
}


#contrats-attachage-legende {
    font-family: var(--ff-play);
    font-size: 0.75em;
    text-align: right;
    color: gray;
}


.contrats-attachage-liste {}

.contrats-attachage-liste .v4-liste-titre .pseudonyme-conteneur {
    color: white;
}

.contrats-attachage-item {
    border: 1px solid lightgray;
}

.cai-icn {
    padding: 2px;
}

.cai-contenu {
    padding: 4px;
}

.caic-id {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: small;
    color: #ab3b3d;
}

.caic-timestamp {
    font-size: small;
    color: gray;
}

.caic-dates {
    font-size: 0.9em;
}

.caic-dates-label {
    font-family: "Play";
    font-size: 0.8em;
    color: gray;
}

.cai-optn {
    padding: 2px;
}


.legende-hidden {
    display: none;
}


.cin-1 {}

.cin-2 {}

.cin-3 {
    margin-left: -10px;
    opacity: 0.8;
}


.input-logoeuro {
    font-weight: bold;
    font-size: 1.1em;
}

.fullsized>span {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}



.page-trans {}

#page-titre-trans {
    font-size: large;
    padding: 0.3em;
}

#trans-global-conteneur {
    position: relative;
    padding-bottom: 2em;
}

html.protected-olay #trans-global-conteneur {
    filter: blur(4px);
}


#side-panel-conteneur {
    position: relative;
    width: var(--t-side-panel-width);
    min-width: var(--t-side-panel-width);
    max-width: var(--t-side-panel-width);
    background-color: var(--c-beige);
    border-bottom-right-radius: 15px;
}


#side-panel-menu-complet {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    bottom: 0px;
    left: 0;
    height: 260px;
    overflow: hidden;
}

html.modeVitrine:not([data-uconnecte="1"]) #side-panel-menu-complet {
    top: 70px;
}

.onApp #side-panel-menu-complet {
    top: 0;
}

#spmc-0 {
    position: relative;
    height: calc(100% - 47px);
    overflow-y: auto;
    overflow-x: hidden;
}

#side-panel-shadow {
    background-color: rgba(150, 150, 150, 0.8);
}

#side-panel-contenu {
    padding-right: 3px;
    max-width: 100%;
}

#side-panel-icns {
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
    border-bottom: 1px solid rgba(170, 60, 60, 0.3);
}

#liste-patients-titre {}

.liste-patients-add {
    text-align: right;
}

#liste-patients {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#liste-patients-actifs,
#liste-patients-inactifs {}

.t-pagination-conteneur,
.lp-pagination-conteneur {
    padding: 0.1em;
}

.t-pagination,
.lp-pagination {}

.t-pagination-precsuiv,
.lp-pagination-precsuiv {
    padding: 0.1em;
}

.t-pagination-pages,
.lp-pagination-pages {
    padding: 0.1em;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% - 80px);
}

.t-page-conteneur,
.lpp-page-conteneur {
    padding-left: 4px;
    padding-right: 4px;
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.t-page,
.lpp-page {
    cursor: pointer;
    padding: 3px 10px;
    background-color: var(--c-beige);
    border-radius: 50%;
    color: var(--c-white);
    min-width: 25px;
    text-shadow: 0px 24px 26px #00000029;
    font-weight: bold;
}

.t-pagination-precsuiv .t-page-conteneur,
.lp-pagination-precsuiv .lpp-page-conteneur {
    padding: 0;
    width: 35px;
    min-width: 35px;
    max-width: 35px;
}

.t-page-conteneur.page-actuelle .t-page,
.lpp-page-conteneur.lpp-page-actuelle .lpp-page {
    background-color: var(--c-red);
}


.t-page-conteneur:not(.t-page-inactive) .t-page:hover,
.lpp-page-conteneur:not(.lpp-page-inactive) .lpp-page:hover {
    background-color: var(--c-redpale);
    opacity: 1;
    color: black;
}


.t-page-conteneur.t-page-inactive .t-page,
.lpp-page-conteneur.lpp-page-inactive .lpp-page {
    cursor: none;
    opacity: 0.5;
    background-color: rgba(150, 150, 150, 0.2);
}


.liste-patients-item {
    padding: 1px;
    position: relative;
}

.lpi-contenu {
    overflow: hidden;
    min-height: 42px;
    box-shadow: 0px 5px 10px #00000029;
    border: 2px solid var(--c-beige);
    border-radius: 17px;
    background-color: var(--c-beigeclaire);
}

.lpi-contenu-lien {
    width: calc(100% - 42px);
}

.lpic-icn {
    position: relative;
    width: 24px;
}

.lpic-icn-icn {
    opacity: 0.8;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

.lpic-icn-maj {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.liste-patients-item:not(.tpnm-total) .lpic-icn-maj {
    display: none;
}

.lpic-reste {
    width: calc(100% - 24px);
}

.lpic-arrows {
    width: 42px;
    color: gray;
}

.lpic-arrows:hover {
    background-color: var(--c-beige);
}

.lpic-arrows:hover .btn-liste-arrow-down {
    transform: rotate(15deg);
}

.lpic-identite {
    /* padding: 4px; */
    font-family: var(--ff-play);
    max-width: 100%;
    color: var(--c-bluedark);
}


.lpic-identite>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lpic-identite-nom {
    font-weight: bold;
}

.lpic-identite-prenom {
    font-size: 0.95em;
}

.lpic-identite-prenomusuel {
    font-size: 0.95em;
    opacity: 0.7;
}

.lpic-age {
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-gray);
    padding: 0 2px;
}

.lpic-icnnew {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
}

.lpic-icnnew-icn {
    color: red;
}

.lpic-icnnew-icn {
    -webkit-animation: tpl-tnew-animate 3s linear infinite;
    animation: tpl-tnew-animate 3s linear infinite;
}

@keyframes tpl-tnew-animate {
    0% {
        color: var(--c-redclaire);
    }

    50% {
        color: red;
    }

    100% {
        color: var(--c-redclaire);
    }
}

.liste-patients-item:not(.tpnm-total) .lpic-icnnew-icn {
    display: none;
}

.lpic-sexe {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    opacity: 0.7;
}

.liste-patients-item--sexe-m .lpic-sexe {
    color: blue;
    color: var(--c-bluepale);
}

.liste-patients-item--sexe-f .lpic-sexe {
    color: #C71585;
    color: var(--c-redpale);
}

.lpi-dropdown {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 98%;
    min-height: 50px;
    z-index: 100;
    background: white;
    border: 1px solid lightgray;
    margin-left: 1%;
    margin-top: 0;
    box-shadow: 0 0 3px gray;
}

.lpi-dropdown-contenu {
    min-height: 50px;
}

.liste-patients-item.opened .lpi-dropdown {
    display: block;
}

.lpi-shortcuts {
    margin-bottom: 2px;
    border: 1px solid gray;
    border-top: 0px;
}

.liste-patients-item:not(.active) .lpi-shortcuts {
    display: none;
}

.lpi-shortcut {
    padding: 0.25em 0;
    border: 1px solid lightgray;
    border-left: 0px;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

.lpi-shortcut:first-child {
    border-left: 1px solid lightgray;
}

.liste-patients-item.active.soinrealisations-active .lpi-shortcut-soinrealisation,
.liste-patients-item.active.fichiers-active .lpi-shortcut-fichier,
.liste-patients-item.active.transmissions-active .lpi-shortcut-transmission,
.liste-patients-item.active.constantes-active .lpi-shortcut-constante {
    background-color: rgba(230, 230, 230, 0.7);
}

.lpi-shortcut:hover {
    background-color: rgba(230, 230, 230, 0.6);
    -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -o-filter: grayscale(10%);
    -ms-filter: grayscale(10%);
    filter: grayscale(10%);
}


.liste-patients-item.liste-patients-item--sexe-f {}

.liste-patients-item.liste-patients-item--sexe-f .lpi-contenu {
    border-color: var(--c-redpale);
}


.liste-patients-item.liste-patients-item--sexe-m {}

.liste-patients-item.liste-patients-item--sexe-m .lpi-contenu {
    border-color: var(--c-bluepale);
}


.liste-patients-item.liste-patients-item--statuttype-actif {}

.liste-patients-item.liste-patients-item--statut-1 {}

.liste-patients-item.liste-patients-item--statut-2 {}

.liste-patients-item.liste-patients-item--statut-3 {}

.liste-patients-item.liste-patients-item--statut-4 {}

.liste-patients-item.liste-patients-item--statut-5 {}

.liste-patients-item.liste-patients-item--statuttype-inactif {}

.liste-patients-item.liste-patients-item--statuttype-inactif .lpi-contenu {
    /* background-color: rgba(230, 230, 230, 0.3); */
    /* opacity: 0.7; */
    /* padding: 0.2em; */
    /* font-size: 0.9em; */
}

/*
.liste-patients-item.liste-patients-item--statuttype-inactif .lpi-contenu-lien {
    width: 100% !important;
}

.liste-patients-item.liste-patients-item--statuttype-inactif .lpic-arrows {
    display: none;
    width: 0;
}
*/
#liste-patients-frompage {
    min-height: 50px;
}

#liste-patients-frompage .liste-patients-item.liste-patients-item--statuttype-inactif .lpi-contenu {
    opacity: 1;
}

.liste-patients-item.liste-patients-item--statut-6 {}

.liste-patients-item.liste-patients-item--statut-7 {}

.liste-patients-item.liste-patients-item--statut-8 {}

.liste-patients-item.liste-patients-item--statut-8 .lpic-icn {
    opacity: 0.7;
    -webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    filter: grayscale(60%);
}

.liste-patients-item.liste-patients-item--statut-9 {}

.liste-patients-item.liste-patients-item--statut-10 {}

.liste-patients-item.liste-patients-item--statut-10 .lpi-contenu {
    opacity: 0.6;
    padding: 0.15em;
    margin-left: 0.25em;
    /* font-size: 0.8em; */
}

.liste-patients-item.liste-patients-item--statut-10 .lpic-icn {
    opacity: 0.7;
}


.liste-patients-item.tpnm-total {}

.liste-patients-item.tpnm-total .lpi-contenu {
    border-left-color: red;
}

.liste-patients-item.formatMinime.tpnm-total .lpic-icn-icn {
    visibility: hidden;
}


.liste-patients-item.active .lpi-contenu {
    background-color: rgba(230, 230, 230, 0.6) !important;
    border-top-color: gray;
    border-right-color: gray;
    border-bottom-color: gray;
}

.lpi-contenu:hover {
    background-color: rgba(230, 230, 230, 0.7) !important;
}

.lpi-c-page-nom {}

.lpi-c-page-prenom {}

.lpi-c-page-prenom>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lpi-c-page-ddn {
    font-family: var(--ff-play);
    font-size: 0.85em;
}

.lpi-c-page-opts {}

#trans-conteneur-menucontenu {
    max-width: calc(100% - var(--t-side-panel-width));
}

.ts-input-conteneur-date,
.tp-input-conteneur-ddn {
    padding-left: 0.15em;
    padding-right: 0.15em;
}


.index-menu {}

.index-menu-item {
    min-height: 65px;
    padding: 5px;
}

.index-menu-item.index-menu-item-secondaire {
    min-height: 45px;
    padding: 5px;
}

.index-menu-item-contenu {
    border: 1px solid #ab3b3d;
    border-radius: 5px;
    background: #ab3b3d;
    font-family: var(--ff-play);
    font-size: 1.2em;
    color: white;
    transition: 0.1s all linear;
}

.index-menu-item-secondaire .index-menu-item-contenu {
    font-size: 1.1em;
}

.index-menu-item-contenu:hover {
    background: white;
    color: #ab3b3d;
}


.fiche-patient-partie-donnees {
    padding: 0.01px;
}

.fiche-patient-titre-partie-lateral {
    position: relative;
    font-family: Play;
    width: 100%;
    background-color: rgba(150, 150, 150, 0.1);
    padding: 1px;
    font-size: 0.8em;
    color: gray;
    font-weight: bold;
    opacity: 0.8;
    min-height: 30px;
}

.tp-cadre-a-borner {
    max-width: 100%;
    border: 1px solid rgba(150, 150, 150, 0.1);
}

@media (min-width: 768px) {
    .fiche-patient-partie-donnees {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .fiche-patient-titre-partie-lateral {
        width: 22px;
    }

    .fiche-patient-titre-partie-lateral .titreenluimeme {
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: -webkit-sticky;
        position: sticky;
        top: 63px;
        bottom: 2px;
    }

    .tp-cadre-a-borner {
        max-width: -webkit-calc(100% - 22px);
        max-width: -moz-calc(100% - 22px);
        max-width: calc(100% - 22px);
    }
}


.tr-edition-adresses-ligne:not(:first-child),
.tp-edition-adresses-ligne:not(:first-child) {
    margin-top: 0.5em;
}

.tr-edition-emails-ligne,
.tr-edition-tels-ligne {
    padding: 0.15em;
}


.tr-edition-proposition-liste {
    position: absolute;
    top: 99%;
    left: 1%;
    width: 98%;
    min-height: 40px;
    max-height: 200px;
    overflow-y: auto;
    border: 2px solid var(--c-red);
    z-index: 12;
    background-color: var(--c-beigeclaire);
    border-radius: 10px;
}

.tr-edition-proposition-legende {
    margin: 0.5em;
    color: var(--c-redpale);
    font-size: 0.9em;
}

.tr-edition-proposition-item {
    margin: 0.25em;
    border: 1px solid var(--c-red);
    background: white;
    border-radius: 10px;
    padding: 5px;
}

.tr-edition-proposition-item:hover {
    background-color: var(--c-redclaire);
    color: var(--c-white);
}

.trepi-identite {}

.trepi-identite-nom {
    font-weight: bold;
    padding: 0.25em;
    font-size: 1.05em;
}

.trepi-identite-fonction {
    opacity: 0.8;
    padding: 0.2em;
    font-size: 0.8em;
}

.trepi-references {
    color: var(--c-bluedark);
    padding: 0.2em;
    font-size: 0.9em;
}

.trepi-ref-val {
    font-family: var(--ff-play);
    font-weight: bold;
}


.fiche-patient-previousnext {
    position: relative;
}

.fiche-patient-previousnext .fppn-identite {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.7;
}

.fiche-patient-previousnext .fppn-identite:hover {
    opacity: 1;
}

.fiche-patient-previousnext .fppn-identite .fppn-identite-nom {
    font-weight: bold;
}

.fiche-patient-previousnext .fppn-identite .fppn-identite-prenom {}

.fppn-identite.withdroplist {
    max-width: calc(100% - 30px);
}

#fiche-patient-birthday {
    text-align: center;
    margin-bottom: 0.5em;
    font-size: large;
    font-weight: bold;
    color: #ab3b3d;
}

#fiche-patient-optstatut {
    margin-bottom: 0.5em;
}

#fiche-patient-statut {
    text-align: right;
}

#fps-statut {
    font-family: var(--ff-play);
    background-color: #ab3b3d;
    padding: 0.25em;
    font-size: 0.9em;
    opacity: 0.8;
    border: 1px solid transparent;
}

#fps-statut-icn {}

#fps-statut-nom {
    color: white;
}

#fps-statut:hover {
    border: 1px solid black;
}


.tp-identite-symbole {
    font-weight: normal;
}

#fiche-patient-infos {}

#fp-identitemenu {}

#fp-identite {
    text-align: center;
    padding: 0.5em;
    background: var(--c-red);
    border-radius: 20px;
    box-shadow: 0px 5px 10px #00000029;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: var(--c-white);
}

#fp-identitemenu #fp-identite {
    box-shadow: none;
}

#fp-identite .tp-identite-conteneur {
    display: block;
    font-family: var(--ff-graphie);
    font-weight: 900;
    font-size: 1.2em;
    color: var(--c-white);
    padding: 0.25em 0;
}

#fp-identite .tp-identite-conteneur .tp-identite-nomusuel,
.fp-identite-menu .tp-identite-nomusuel,
.fp-identite-menu .lpic-identite-prenomusuel {
    display: block;
}

.fp-identite-menu-top {
	position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky;
	top: 0px;
}

.fp-identite-menu {
	background: var(--c-white);
	z-index: var(--zi-lvl-1);
}


	.fp-identite-menu a {
		display: block;
		text-align: center;
		background: var(--c-beige-03);
		padding: 5px;
		border-radius: 10px;
	}

.fp-identite-menu a:not(:hover) {
	/* color: var(--c-bluedark); */
}

#fps-statuttournee {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.25em 0.5em;
    width: 95%;
    margin: auto;
}

.fpi-conteneurs {
    padding: 2px;
}


#fp-menu {
    position: relative;
}

.fp-menu-item {
    font-size: 0.9em;
    width: 20%;
    width: calc((100% - 55px) / 4);
    padding: 0.1em;
    min-height: 40px;
    background-color: var(--c-beige);
    box-shadow: 0px 5px 10px #00000029;
    border-right: 2px solid var(--c-redpale);
    color: var(--c-bluedark);
}

.fp-menu-item:not(div):first-of-type {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 20px;
}

.fp-menu-item.active {
    background-color: var(--c-redpale);
    color: white;
    font-weight: bold;
}

.fp-menu-item:hover {
    background-color: var(--c-redclaire);
    color: white;
}

.fp-menu-item-infos {
    width: 20%;
    min-width: calc(55px);
    max-width: calc(55px);
    width: calc(55px);
}

#fp-menu-shortcuts {
    width: 85%;
    width: calc(100% - 55px);
}

#fp-menu-arrow-conteneur {
    width: 15%;
    width: calc(55px);
}

#trans-global-conteneur .bton.btn-fp-menu {
    min-width: 0px;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
    margin: 0;
}

.fpmenu-liste-arrow-down {
    transition: transform 0.25s;
}

#fp-menu.dropmenu-show .fpmenu-liste-arrow-down {
    transform: rotate(180deg);
}

#fp-menu-dropdown {
    position: absolute;
    top: 0;
    left: 0;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	background-color: rgba(250, 250, 250, 0.7);
    z-index: 15;
}

.fp-menu-dropdown-contenu {
	position: relative;
}

#fp-menu:not(.dropmenu-show) #fp-menu-dropdown {
    display: none;
}

.dropdownlist .bton:not(.bton-vitale):not(.btn-vitale),
.dropdownlist .btn:not(.bton-vitale):not(.btn-vitale),
.agenda-menufromhoraire .bton,
.agenda-menufromhoraire .btn,
#fp-menu-dropdown .bton,
#fp-menu-dropdown .btn {
    background-image: none !important;
}

.dropdownlist .bton .bton-lab,
.bton.lefty .bton-lab,
.agenda-menufromhoraire .bton .bton-lab,
.agenda-menufromhoraire .btn .bton-lab,
#fp-menu-dropdown .bton .bton-lab,
#fp-menu-dropdown .btn .bton-lab {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}


#fiche-patient-menupage {}

.fpmp-item {
    width: 150px;
    height: 140px;
    margin: 2px;
    /* background: var(--c-red); */
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 5px 10px #00000029;
    color: var(--c-beige);
}

a.fpmp-item:hover {
    color: var(--c-white);
    /* background: var(--c-redpale); */
}

.fpmpi-icone {
    width: 100%;
    text-align: center;
    padding: 5px;
}

.fpmpi-label {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
}

.fpmp-liste-principale {
    margin-bottom: 10px;
}

.fpmp-liste-secondaire {}

.fpmp-liste-secondaire .fpmp-item {
    width: 125px;
    height: 125px;
}

.fpmp-liste-secondaire .fpmpi-label {
    font-size: 14.5px;
}

#fiche-patient-menupage.fromindex {}

#fiche-patient-menupage.fromindex .fpmp-liste-principale .fpmp-item {
    width: 135px;
    height: 135px;
}

#fpi-identitecontact,
#fpi-medical {
    background: var(--c-beige) 0% 0% no-repeat padding-box;
    border-radius: 31px;
    padding: 0.5em;
    color: var(--c-red);
    font-size: 0.95em;
}

#fpi-naissance {
    padding: 0.15em;
}

#fpi-naissance-infos {}

#fpi-ne-njf {
    font-family: var(--ff-play);
    font-weight: bold;
}

#fpi-ne-date {
    font-weight: bold;
    font-size: 0.95em;
}

.fpi-ne-labels {
    font-size: 0.9em;
    font-weight: normal;
}

#fpi-ss {
    padding: 0.15em;
}

#fpi-ss-ss {
    font-family: var(--ff-play);
    font-size: 0.95em;
}


#fpi-contacts {}

.fpic-icns {
    width: 28px;
}

.fpic-icns>span {
    width: 24px;
    height: 24px;
    background: var(--c-red);
    border-radius: 100%;
    color: white;
}

.fpic-pconfpprev-infos {
    display: none;
}

.fpic-content {
    width: calc(100% - 28px);
}

#fpic-adresses,
#fpic-mail,
#fpic-parentes,
#fpic-pprevenirpconfiance,
#fpic-tels {
    margin-top: 0.75em !important;
}

#fpim-atcds,
.fpim-pros-item,
#fpic-liens_parent,
.fpic-liens_parent,
#fpic-mail,
.fpic-tels-item,
.fp-infos-cadre,
.fpic-adresses-item {
    margin: 0.25em;
    font-size: 0.95em;
    background-color: var(--c-white);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 16px;
    color: var(--c-red);
    min-height: 35px;
}

.fpic-ai--type {
    padding: 0.15em;
    padding-left: 0.5em;
    border-right: 1px solid var(--c-redclaire);
    color: var(--c-redpale);
}

.fpic-ai--adresse {
    padding: 0.25em;
    font-weight: bold;
    overflow: hidden;
}

.fpic-ti--num {
    padding: 0.25em;
    text-align: center;
    font-weight: bold;
}

.fpic-ti--type {
    padding: 0.15em 0.5em;
    border-right: 1px solid var(--c-redclaire);
    color: var(--c-redpale);
}


#fpic-mail-mail {
    padding: 0.25em;
    font-weight: bold;
}

.fpic-lp-lp {
    padding: 0.25em;
    font-weight: bold;
}

.fpic-ai--adresse .bton.btn-add-goto-fp {
    min-width: 45px !important;
}




#fpi-medical {}

#fpim-pros {}

.fpim-pros-item {}

.fpim-pi-ft {
    padding: 0.25em;
    padding-right: 0.5em;
    border-right: 1px solid var(--c-redclaire);
    color: var(--c-redpale);
}

.fpim-pi-nom {
    padding: 0.25em;
    padding-left: 0.5em;
    font-weight: bold;
}


#fpim-atcds {}

#fpim-atcds-label {}

#fpim-atcds-text {
    padding: 0.5em;
    font-size: 0.95em;
}

.opt-icn {
    font-family: 'Material Icons Outlined';
}

#fiche-patient-options {}

.fp-opt-item {
    padding: 1px 3px;
}

.fp-opt-item-locked {
    color: gray;
    font-size: 0.85em;
    font-family: var(--ff-play);
}


#fiche-patient-updates {
    margin: 0.5em;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-image: url('./images/site/bg_t_3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.7;
}

#fpu-label {
    padding: 0.5em;
    font-variant: small-caps;
    font-weight: bold;
    color: #ab3b3d;
    font-size: 0.95em;
}

#fpu-contenu {
    margin: 0.25em;
    font-size: 0.95em;
    border: 1px solid rgba(150, 150, 150, 0.3);
    background-color: rgba(250, 250, 250, 0.7);
}

.fpuc-item {}

.fpuc-item-content {
    margin: 0.5em;
    background: var(--c-beige);
    border-radius: 15px;
}

.fpuci-type {
    padding: 0.25em 0.5em;
    color: var(--c-redpale);
}

.fpuci-date {
    padding: 0.25em 0.5em;
}


#fiche-pro-infos {}

.fproi-adresse--type,
.fproi-tel--type,
.fproi-infosup--label,
.fproi-email--type,
.fproi-icns {
    padding: 0.5em;
    text-transform: uppercase;
    font-size: 0.9em;
    color: var(--c-redpale);
    background: var(--c-beigeclaire);
    border-radius: 10px;
    text-align: center;
}

.fproi-adresse,
.fproi-infosup,
.fproi-email,
.fproi-tel {
    margin: 0.5em;
}

.fproi-adresse--adresse,
.fproi-tel--tel,
.fproi-infosup--valeur,
.fproi-email--email {
    padding: 0.5em;
}

#fproi-ft--ft {
    margin: 1em;
}

.fproi-references-label {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.fproi-references-valeur {
    font-weight: bold;
}



#fiche-pro-options {
    margin-top: 0.5em;
}

.fpro-opt-item {
    padding: 1px 3px;
}

.fpro-opt-item-locked {
    color: gray;
    font-size: 0.85em;
    font-family: var(--ff-play);
}


#liste-pros-titre {
    font-variant: small-caps;
    color: #ab3b3d;
    font-weight: bold;
    margin-bottom: 1em;
}

#liste-pros-fonctions {}

.liste-pros-ft-item {
    margin: 0.25em;
    font-family: var(--ff-play);
    padding: 0.5em;
    border: 1px solid lightgray;
    border-radius: 3px;
    font-size: 0.9em;
}

.liste-pros-ft-item--tohide {
    display: none;
}

.liste-pros-ft-item.active {
    background-color: rgba(150, 150, 150, 0.4);
}

.liste-pros-ft-item:hover {
    background-color: rgba(150, 150, 150, 0.5);
    border: 1px solid gray;
}

#liste-pros {}

.liste-pros-lettre {}

.lpro-item {}

.lproi-contenu {}

.lproic-nom {
    padding: 1em 0.75em;
    font-weight: bold;
    color: var(--c-red);
}

.lproic-ft {
    padding: 1em 0.5em;
    font-size: 0.9em;
    font-weight: bold;
}

.lproi-contenu:hover {
    background-color: var(--c-beige);
}


#transmissions-liste-contenu {}

.trans-item-conteneur {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.trans-item {
    background-color: var(--c-redpale);
    border-radius: 31px;
    padding: 1px;
    color: var(--c-white);
    border: 2px solid var(--c-redpale);
}

.trans-item-new-span {
    color: var(--c-red);
    font-weight: bold;
}

.trans-item.trans-item--pec-finie {
    font-size: 0.95em;
    background-color: var(--c-beige);
    border-color: var(--c-redclaire);
}

.trans-item.trans-item--pec-finie .trans-item--options {
    display: none;
}

.trans-item.trans-item--importance-0 {
    background-color: var(--c-redclaire);
    border-color: var(--c-redclaire);
}

.trans-item.trans-item--importance-2 {
    border-color: var(--c-red);
}

.trans-item--identitedate {
    margin: 0.5em;
}

.trans-item--cible {
    font-family: var(--ff-poppins);
    text-transform: uppercase;
    font-size: 0.9em;
}

.trans-item--auteur {
    padding: 0.15em;
    font-family: var(--ff-play);
    font-size: 0.8em;
    opacity: 0.8;
}

.trans-item--identite {
	font-family: var(--ff-graphie);
    padding: 0.25em;
}

.trans-item--identite .tp-identite-conteneur {
    color: var(--c-white);
}

.trans-item--identite-avatar img {
    width: 15px;
}

.trans-item--date {
    padding: 0.25em;
    font-size: 0.9em;
    color: var(--c-white);
    font-weight: bold;
}

.trans-item-new .trans-item--date {
    color: var(--c-red);
}

.trans-item--noteinfos {
    margin: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background-color: white;
    border-radius: 3px;
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 0.15em;
    color: #424242;
}

.trans-item--txt {
    margin: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background-color: var(--c-white);
    border-radius: 18px;
    color: var(--c-bluedark);
    border: 2px solid var(--c-white);
}


.trans-item.trans-item-new .trans-item--txt {
    background-color: var(--c-red);
    color: var(--c-white);
}

.trans-item.trans-item--importance-2 .trans-item--txt {
    border-color: var(--c-red);
    border: 3px solid red;
}

.trans-item.trans-item--pec-finie .trans-item--txt,
.trans-item.trans-item--importance-0 .trans-item--txt,
.trans-item.trans-item--pec-finie .trans-minireponse-item,
.trans-item.trans-item--importance-0 .trans-minireponse-item {
    color: var(--c-redpale);
}

.trans-item.trans-item-new.trans-item--pec-finie .trans-item--txt,
.trans-item.trans-item-new.trans-item--importance-0 .trans-item--txt {
    background-color: var(--c-redpale);
    color: var(--c-beige);
}

.trans-item--txtval {
    padding: 1em;
}

.trans-item--txtval:not(.showall) .trans-item--txtval-all,
.trans-item--txtval.showall .trans-item--txtval-apercu {
    display: none;
}

.trans-item--arealiser {
    margin-top: 0.5em;
    margin-left: 0.5em;
    padding: 0.5em;
    background-color: var(--c-jaune);
    border-radius: 14px;
}

.trans-item--arealiser.unrealised {
    background-color: var(--c-beigeclaire);
}

.trans-item--arealiser.realised {
    font-size: 0.95em;
    opacity: 0.9;
}

.trans-item--reponsea {
    padding: 1px;
    margin: 0.5em;
    opacity: 0.8;
    background-color: var(--c-beige);
    border-radius: 20px;
}

.trans-item--reponsea--identitedate {
    margin-top: 0.25em;
}

.trans-item--reponsea--identite {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.85em;
    opacity: 0.9;
}

.trans-item--reponsea--identite-avatar img {
    width: 15px;
}

.trans-item--reponsea--date {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.85em;
    opacity: 0.9;
}

.trans-item--reponsea--txt {
    margin: 0.5em;
    margin-top: 0.25em;
    padding: 0.25em 0.5em;
    background-color: white;
    max-height: 4em;
    overflow-y: auto;
    font-size: 0.9em;
    border-radius: 14px;
}

.trans-item-new .trans-item--reponsea--identite,
.trans-item-new .trans-item--arealiser-lab,
.trans-item-new .trans-item--reponsea--date,
.trans-item-new .trans-item--reponsea--txtval {
    color: var(--c-red);
}

.trans-item--reponsea--txtval {}

.trans-item--repopt {
    margin: 0.25em 1em;
    margin-right: 0.5em;
}

.trans-item--nbrrep {
    padding: 0.15em;
    font-size: 0.8em;
    color: var(--c-white);
}

.trans-item--nbrrep a {
    color: var(--c-white);
}

.trans-item--options {
    padding: 0.15em;
}

.trans-item.mode-affichage--minimaliste .trans-item--repopt {
    display: none;
}


#constantes-liste-contenu {}

.const-item-conteneur {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.const-item {
    background-color: var(--c-redpale);
    border-radius: 31px;
    padding: 1px;
}

.const-item--valtype {
    font-size: 0.85em;
    color: var(--fc-redpale);
}

.const-item--identitedate {
    margin: 0.25em;
}

.const-item--auteur {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-white);
}

.const-item--identite-avatar img {
    width: 15px;
}

.const-item--date {
    padding: 0.25em;
    font-size: 0.9em;
    color: var(--c-white);
    font-weight: bold;
}

.const-item--txt {
    margin: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background-color: var(--c-white);
    border-radius: 18px;
    color: var(--c-red);
    border: 2px solid var(--c-white);
}

.const-item--txtval {
    padding: 0.25em;
    max-height: 10em;
    overflow-y: auto;
}

.const-item--repopt {}

.const-item--nbrrep {
    font-family: var(--ff-play);
    padding: 0.15em 0.75em;
    font-size: 0.8em;
    color: gray;
}

.const-item--options {
    padding: 0.15em;
}



.soinreal-item {
    background-color: var(--c-redpale);
    border-radius: 31px;
    padding: 1px;
}

.soinreal-item--valtype {
    font-size: 0.95em;
    color: var(--fc-redpale);
}

.soinreal-item--identitedate {
    margin: 0.25em;
}

.soinreal-item--identite {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-white);
}

.soinreal-item--identite-avatar img {
    width: 15px;
}

.soinreal-item--date {
    padding: 0.25em;
    font-size: 0.9em;
    color: var(--c-white);
    font-weight: bold;
}

.rdv-item--txt,
.soinreal-item--txt {
    margin: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background-color: var(--c-white);
    border-radius: 18px;
    color: var(--c-red);
    border: 2px solid var(--c-white);
}

.rdv-item--txtval,
.soinreal-item--txtval {
    padding: 0.25em;
}

.soinreal-item--repopt {}

.soinreal-item--nbrrep {
    font-family: var(--ff-play);
    padding: 0.15em 0.75em;
    font-size: 0.8em;
    color: gray;
}

.soinreal-item--options {
    padding: 0.15em;
}

.rdv-item-infosrdvsup {
    color: var(--c-redpale);
    font-style: italic;
    font-size: 0.95em;
}

.rdv-item-infosorder {
    color: var(--c-bluedark);
    font-size: 0.9em;
}


.soinreal-item-factu {
    font-size: 0.9em;
    margin-top: 1em;
    opacity: 0.9;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--c-redclaire);
}

.soinreal-item-factu .soinreal-item-factu-case {
    /* border: 1px solid var(--c-redclaire); */
}

.soinreal-item-factu .soinreal-item-factu-case-details {
    padding: 0.25em;
    font-style: italic;
    font-size: 0.95em;
}

.soinreal-item-factu .soinreal-item-factu-case label {
    padding: 0.25em;
}

.soinreal-item-factu .soinreal-item-factu-case:last-of-type {
    border-left: 1px solid var(--c-redclaire);
}

.soinreal-item-factu-case-label {
    background-color: var(--c-beige);
    font-family: Play;
    font-size: 0.85em;
    padding: 0.25em;
}


#ptau {}

#ptau .trans-item {}

#ptau .trans-item--identitedate {}

#ptau .trans-item--identite {}

#ptau .trans-item--identite-avatar img {}

#ptau .trans-item--date {}

#ptau .trans-item--txt {
    font-size: 1.05em;
    padding: 0.3em;
}

#ptau .trans-item--txtval {
    max-height: auto;
    max-height: none;
}

#ptau .trans-item--reponsea-conteneur {
    opacity: 0.8;
}

#ptau .trans-item--reponsea {
    margin-bottom: 1em;
}

#ptau .trans-item--reponsea--identitedate {
    margin-top: 0;
    padding-top: 0;
}

#ptau .trans-item--reponsea--identite {
    opacity: 1;
    margin-top: 0;
    padding-top: 0;
}

#ptau .trans-item--reponsea--identite-avatar img {}

#ptau .trans-item--reponsea--date {
    opacity: 1;
    margin-top: 0;
    padding-top: 0;
}

#ptau .trans-item--reponsea--txt {
    max-height: 8em;
}

#ptau .trans-item--reponsea--txtval {}


.elem-item--liens {}

.elem-item--liens-type {
    margin-bottom: 2em;
}

.elem-item--liens-type.v4-liste {
    border-color: var(--c-redpale);
}

.elem-item--liens-type.v4-liste .v4-liste-titre {
    background: var(--c-redpale);
}

.elem-item--liens-type.v4-liste .v4-liste-item {
    padding: 0.5em 0.15em;
}

.elem-item--liens-type-label {
    font-size: 0.9em;
}

.elem-item--liens-type-contenu {}

.elem-liens--item {
    display: block;
}

.elem-liens--item:nth-of-type(odd) {
    background: var(--c-white);
}

.elem-liens--item-cstes {
    padding: 0.15em;
    margin-bottom: 0.15em;
}

.elem-liens--item-cstes:nth-child(even) {}

.elem-liens--item-cstes:hover {}

.elem-liens--item-cstes .elic-icn {}

.elem-liens--item-cstes .elic-val {
    font-family: var(--ff-play);
    font-weight: bold;
}

.elem-liens--item-cstes .elic-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.elem-liens--item-cstes .elic-indiv {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.elem-liens--item-soin {
    padding: 0.15em;
    margin-bottom: 0.15em;
    border-left: 1px solid lightgray;
}

.elem-liens--item-soin:nth-child(even) {}

.elem-liens--item-soin:hover {}

.elem-liens--item-soin .elis-nom {
    font-family: var(--ff-play);
    font-weight: bold;
}

.elem-liens--item-soin .elis-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.elem-liens--item-soinrealisation {
    padding: 0.15em;
    margin-bottom: 0.15em;
    border-left: 1px solid lightgray;
}

.elem-liens--item-soinrealisation:nth-child(even) {}

.elem-liens--item-soinrealisation:hover {}

.elem-liens--item-soinrealisation .elisr-soinnom {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.9em;
    font-style: italic;
    padding-left: 0.15em;
    padding-right: 0.15em;
}

.elem-liens--item-soinrealisation .elisr-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.elem-liens--item-soinrealisation .elisr-indiv {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.elem-liens--item-transmission {
    padding: 0.15em;
    margin-bottom: 0.15em;
    border-left: 1px solid lightgray;
}

.elem-liens--item-transmission:nth-child(even) {}

.elem-liens--item-transmission:hover {}

.elem-liens--item-transmission .elit-val {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.9em;
    font-style: italic;
    padding-left: 0.15em;
    padding-right: 0.15em;
}

.elem-liens--item-transmission .elit-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.elem-liens--item-transmission .elit-indiv {
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}




#trans-item--reponses {
    opacity: 0.9;
    margin: 1em 0.5em;
}

.trans-item--reponse {
    background-color: rgba(150, 150, 150, 0.2);
    border-radius: 3px;
    padding: 1px;
    margin-top: 0.75em;
}

.trans-item--reponse--identitedate {
    margin-top: 0.25em;
}

.trans-item--reponse--identite {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.trans-item--reponse--identite-avatar img {
    width: 15px;
}

.trans-item--reponse--date {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.trans-item--reponse--txt {
    margin: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding: 0.25em;
    background-color: white;
    border-radius: 3px;
}

.trans-item--reponse--txtval {
    max-height: 10em;
    overflow-y: auto;
}


.teg-infos {
    margin-top: 2em;
    border: 2px solid var(--c-beigeclaire);
    border-radius: 15px;
    overflow: hidden;
}

.teg-infos-labels {}

.teg-infos-labels--label {
    color: var(--c-red);
    padding: 0.75em 0.25em;
    border: 1px solid transparent;
    border-top: 0px;
    border-bottom: 0px;
    border-right-color: var(--c-redpale);
}

.teg-infos-labels--label:last-child {
    border-right: 0px;
}

.teg-infos-labels--label.active {
    background-color: var(--c-beigeclaire);
}

.teg-infos-labels--label:hover {
    background-color: var(--c-redclaire);
}

.teg-infos-datas {}

.teg-infos-datas--data {
    display: none;
    background-color: var(--c-beigeclaire);
    padding: 1px;
    box-shadow: 0px 5px 10px #00000029;
}


#ptau #trans-item--infos {}

#ptau #trans-item--infos #tii-rappels {}

#ptau #trans-item--infos #tii-rappels-patient {}

#ptau #trans-item--infos #tii-rappels-date {}

#ptau #trans-item--infos #tii-creation {}

#ptau #trans-item--infos #tii-creation-identite {}

#ptau #trans-item--infos #tii-creation-date {}

#ptau #trans-item--infos #tii-modifications {}

#ptau #trans-item--infos #tii-modifications .tii-modif-date {}

#ptau #trans-item--infos #tii-modifications .tii-modif-identite {}


#ptau #trans-item--liens {}


.teg-item--infos {
    margin: 0.5em;
}

.teg-ii-generique {
    padding: 0.25em;
}

.teg-item--infos .teg-ii-rappels {
    padding: 0.25em;
}

.teg-item--infos .teg-iir-patient {
    font-family: var(--ff-play);
    font-weight: bold;
}

.teg-item--infos .teg-iir-date {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.teg-item--infos .teg-ii-contresignature,
.teg-item--infos .teg-ii-creation {
    padding: 0.25em;
    font-style: italic;
}

.teg-item--infos .teg-iic-identite {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.95em;
    font-style: normal;
}

.teg-item--infos .teg-iic-date {
    font-family: var(--ff-play);
    font-size: 0.95em;
    font-style: normal;
}

.teg-item--infos .teg-ii-liens,
.teg-item--infos .teg-ii-modifications {
    padding: 0.25em;
    font-style: italic;
}

.teg-item--infos .teg-ii-liens .teg-ii-modif-type,
.teg-item--infos .teg-ii-modifications .teg-ii-modif-type {
    font-family: var(--ff-play);
    font-size: 0.95em;
    font-style: normal;
    font-weight: bold;
}

.teg-item--infos .teg-ii-liens .teg-ii-modif-date,
.teg-item--infos .teg-ii-modifications .teg-ii-modif-date {
    font-family: var(--ff-play);
    font-size: 0.95em;
    font-style: normal;
}

.teg-item--infos .teg-ii-liens .teg-ii-modif-identite,
.teg-item--infos .teg-ii-modifications .teg-ii-modif-identite {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.95em;
    font-style: normal;
    color: gray;
}


.teg-ii--labels {}


.tfa-liste {
    margin-top: 4px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid rgba(100, 100, 100, 0.1);
}

.t-fichier-attache-item {
    padding: 3px;
}

.elem-item--liens-type-contenu .t-fichiers-attaches-conteneur .tfa-item-btns {
    display: none;
}

.tfa-item-contenu {
    border: 1px solid var(--c-redpale);
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--c-white);
}

.tfai--miniature {
    min-height: 100px;
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

.tfai--miniature img {
    max-height: 100%;
}

.tfai--infos {}

.tfai--infos-datetype {
    padding: 0.25em;
    background-color: var(--c-redclaire);
    color: var(--c-white);
    border-radius: 12px;
    border-top-right-radius: 0;
}

.tfai--infos-type {
    font-weight: bold;
}

.tfai--infos-date {
    font-style: italic;
    font-size: 0.95em;
}

.tfai--infos-details {
    padding: 0.25em;
    padding-left: 0.5em;
    font-size: 0.95em;
    opacity: 0.9;
}

.tfai--infos-options {
    padding: 0.15em;
    margin-top: 0.25em;
}



#t-banque-fichiers-patient-filtres {
    margin-bottom: 1em;
}

.tbfp-f--type-conteneur {
    padding: 0.25em;
    transition: all 0.25s linear;
}

.tbfp-f--type-contenu {
    font-size: 0.8em;
    padding: 0.5em;
    border: 1px solid var(--c-beige);
    color: gray;
    transition: all 0.25s linear;
    background-color: var(--c-beigeclaire);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 74px;
    transition: all 0.25s linear;
}

.tbfp-f--type-contenu .material-icons-outlined {
    vertical-align: middle !important;
    font-size: 20px;
}

.tbfp-f--type-conteneur.active {
    padding: 0.20em;
}

.tbfp-f--type-conteneur.active .tbfp-f--type-contenu {
    padding: 0.55em;
    color: black;
    border-color: var(--c-redclaire);
    background-color: var(--c-redclaire);
}


#t-banque-fichiers-patient-add {
    margin-bottom: 1em;
}

#form-tbanque-upload {
    margin-bottom: 0;
}

#tbu-reste.undisplayed {
    display: none;
}

#tbanque-upload-files-conteneur {
    min-height: 100px;
}

.tbanque-upload-file-apercu-conteneur {}

.tbanque-upload-file-apercu-conteneur:hover {
    background-color: var(--c-beigepale);
}

.tbanque-upload-file-apercu-img {
    max-height: 150px;
}

.tf-input-conteneur-date {
    padding-left: 0.15em;
    padding-right: 0.15em;
}

.tbanque-upload-file-apercu-rotate-conteneur {
    display: none;
    text-align: center;
    font-size: 0.85em;
    color: var(--c-redpale);
}


#t-banque-fichiers-patient {
    min-height: 150px;
}

#tfichiers-banque-liste {}

.liste-tfichiers-item-conteneur {}

.liste-tfichiers-item {
    border: 2px solid var(--c-redpale);
    margin-bottom: 4px;
    border-radius: 30px;
    /* overflow: hidden; */
    background: var(--c-white);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.lfi--miniature {
    min-height: 100px;
    width: 100px;
    min-width: 90px;
    padding: 2px;
}

.lfi--miniature img {
    max-height: 100%;
}

.lfi--infos {}

.lfi--infos-datetype {
    padding: 0.25em;
    background-color: var(--c-redpale);
    color: var(--c-white);
    border-radius: 15px;
    padding-left: 0.5em;
}

.lfi--infos-type {
    font-weight: bold;
}

.lfi--infos-date {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.95em;
}

.lfi--infos-details {
    padding: 0.25em;
    padding-left: 0.5em;
    font-size: 0.95em;
    opacity: 0.9;
}

.lfi--details-attachements {
    font-size: 0.95em;
    margin-top: 0.15em;
    color: var(--c-redpale);
}

.lfi--infos-options {
    padding: 0.15em;
    margin: 0.25em;
}

#t-fichier-affichage-unique .lfi--infos-options-deja-attache,
#t-fichier-affichage-unique .lfi--infos-options-attachement,
#t-fichier-affichage-unique .lfi--infos-options-scoriser,
#t-banque-fichiers-patient:not(.tbfp-a-attacher) .lfi--infos-options-deja-attache,
.liste-tfichiers-item-conteneur:not(.deja-lie) .lfi--infos-options-deja-attache,
#t-banque-fichiers-patient:not(.tbfp-a-attacher) .lfi--infos-options-attachement,
.liste-tfichiers-item-conteneur.deja-lie .lfi--infos-options-attachement,
#t-banque-fichiers-patient:not(.tbfp-a-attacher-scor) .lfi--infos-options-scoriser,
.liste-tfichiers-item-conteneur.deja-lie .lfi--infos-options-scoriser,
#t-banque-fichiers-patient.tbfp-a-attacher.tbfp-a-attacher-scor .lfi--infos-options-attachement,
#t-banque-fichiers-patient.tbfp-a-attacher .lfi--infos-options-classic,
#t-vieducabinet-affichage-global-resume .lfi--infos-options-deja-attache,
#t-vieducabinet-affichage-global-resume .lfi--infos-options-attachement,
#t-vieducabinet-affichage-global-resume .lfi--infos-options-scoriser {
    display: none;
}


#t-banque-fichiers-patient.tbfp-a-attacher .liste-tfichiers-item-conteneur.deja-lie {
    font-size: 0.85em;
    opacity: 0.6;
}

#t-banque-fichiers-patient.tbfp-a-attacher .liste-tfichiers-item-conteneur.deja-lie:hover {
    opacity: 0.9;
}

#t-banque-fichiers-patient.tbfp-a-attacher .liste-tfichiers-item-conteneur.deja-lie .liste-tfichiers-item {
    border-color: var(--c-redclaire);
}

#t-banque-fichiers-patient.tbfp-a-attacher .liste-tfichiers-item-conteneur.deja-lie .lfi--infos-datetype {
    background-color: var(--c-redclaire);
}

#t-banque-fichiers-patient.tbfp-a-attacher .liste-tfichiers-item-conteneur.deja-lie .lfi--miniature {
    min-height: 55px;
    width: 55px;
}

#t-banque-fichiers-patient.tbfp-a-attacher .liste-tfichiers-item-conteneur.deja-lie .lfi--miniature img {
    max-height: 100%;
}


.liste-tfichiers-item.fichier-nonattachable {
    font-size: 0.9em;
    border-color: var(--c-redclaire);
}

.liste-tfichiers-item.fichier-nonattachable .lfi--infos-datetype {
    background-color: var(--c-redclaire);
}


.tf-infos--apercu-infos {}

.tf-infos--type {
    font-variant: small-caps;
    font-size: 1.1em;
    color: #ab3b3d;
    font-weight: bold;
    padding: 0.25em;
    background-color: rgba(200, 200, 200, 0.3);
}

.tf-infos--date {
    padding: 0.25em;
    text-align: right;
    font-weight: bold;
    font-family: var(--ff-play);
}

.tf-infos--details {
    padding: 0.25em;
    font-size: 1.05em;
    font-style: italic;
}

.tf-infos--upload {
    margin-top: 1em;
    padding: 0.25em;
    font-size: 0.9em;
    text-align: right;
    opacity: 0.7;
}

.tf-infos--options {
    margin-top: 1em;
}

#otbf2 .fiche-patient-previousnext {
    visibility: hidden;
}



.t-inputs-date {
    width: 100%;
    height: 100%;
    margin: 0;
    outline: none;
    outline-style: none;
    background: #fafafa;
}

.t-inputs-date-cal {
    width: 42px;
    padding: 2px;
}

.t-inputs-date-input {
    background: transparent !important;
    border: 0px !important;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px 6px;
    margin: 0;
    color: var(--c-classic);
    font-weight: bold;
    outline: none;
    outline-style: none;
}

.t-inputs-date-input:active,
.t-inputs-date-input.active,
.t-inputs-date-input:hover {
    box-shadow: 0 0 3px lightgray inset;
}

.t-inputs-date-input:focus {
    box-shadow: 0 0 3px lightgray inset;
}


.t-liens-possibilites-filtres {
    margin-bottom: 1em;
}

.t-liens-possibilites-filtres-item-conteneur {
    padding: 0.25em;
    transition: all 0.25s linear;
}

.t-liens-possibilites-filtres-item-contenu {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 0.5em;
    border: 1px solid lightgray;
    border-radius: 6px;
    color: gray;
    transition: all 0.25s linear;
}

.t-liens-possibilites-filtres-item-conteneur.active {
    padding: 0.23em;
}

.t-liens-possibilites-filtres-item-conteneur.active .t-liens-possibilites-filtres-item-contenu {
    padding: 0.52em;
    background-color: rgba(150, 0, 0, 0.1);
    color: black;
}

.t-liens-possibilites-liste {}

.tlpl-type-conteneur {
    margin-bottom: 1em;
}

.tlpl-type-label {}

.tlpl-type-liste {}

.tlpl-type-liste-item {
    padding: 0.5em;
}

.tlpl-type-liste-item:nth-child(even) {}

.tlpl-type-liste-item:hover {
    background-color: var(--c-beigepale);
}

.tlpl-type-liste-item .tlpl-tli-icn {}

.tlpl-type-liste-item .tlpl-tli-val {
    font-family: var(--ff-play);
    font-weight: bold;
}

.tlpl-type-liste-item .tlpl-tli-date {
    font-family: var(--ff-play);
    font-size: 0.95em;
    opacity: 0.9;
}

.tlpl-type-liste-item .tlpl-tli-indiv {
    font-family: var(--ff-play);
    font-size: 0.8em;
    opacity: 0.9;
}


.tlpl-type-liste-item.deja-lie {
    font-size: 0.9em;
    color: var(--c-redclaire);
}

.tlpl-type-liste-item.deja-lie a {
    cursor: none;
}

.tlpl-type-liste-item.deja-lie .tlpl-tli-opt {
    display: none;
}



.constantes-liste-contenu {
    max-width: 100% !important;
}

.constantes-tableau {
    max-width: 100% !important;
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto;
    font-family: var(--ff-play);
    font-size: 14px;
}

#t-patient-affichage-global-constantes .constantes-tableau {
    max-height: none !important;
}

.ctv-case {
    border: 1px solid transparent;
    border-right: 1px solid var(--c-bluedark);
    border-bottom: 1px solid var(--c-red);
    /* border-top: 1px solid lightgray; */
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ctv-case>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.constantes-tableau-sidepanel {
    overflow-x: scroll;
    overflow-y: hidden;
    border: 3px solid var(--c-red);
    border-right: 0;
    border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.cts-case-mois {
    font-weight: bold;
    font-size: 13px;
    background-color: rgba(150, 150, 150, 0.1);
    color: #ab3b3d;
    border: 1px solid transparent;
    border-top: 2px solid lightgray !important;
}

.cts-case-mois-annee {
    font-size: 12px;
}

.cts-case-jour {
    font-weight: bold;
    font-size: 13px;
}

.cts-case {
    overflow: hidden;
    border: 1px solid transparent;
    border-right: 1px solid var(--c-bluedark);
    border-bottom: 1px solid var(--c-red);
}

.constantes-tableau-values {
    max-width: calc(100% - 100px);
    overflow-x: scroll;
    overflow-y: hidden;
    border: 3px solid var(--c-red);
    border-left: 0;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ct-case {
    overflow: hidden;
    border: 1px solid transparent;
    border-right: 1px solid var(--c-bluedark);
    border-bottom: 1px solid var(--c-red);
}

.ct-case-v {}

.ct-case-v.empty {
    background-color: rgba(210, 210, 210, 0.1);
}

.ct-case-value {
    position: relative;
}

.ct-case-value.value-warning {
    background-color: #ffdfdf;
}

.ct-case-value:hover,
.ct-case-value.hover {
    background-color: rgba(150, 150, 150, 0.7);
    color: white;
}

.ct-case-value-infosdetails {
    position: absolute;
    top: -2px;
    right: 2px;
    font-weight: bold;
    color: red;
}

.ct-case-value-fromdppd {
    position: absolute;
    top: calc(100% - 12px);
    right: 2px;
    color: var(--c-bluepale);
    height: 10px;
    width: 10px;
    overflow: 0.7;
}

.ct-ligne,
.ct-case,
.cts-case {
    margin: 0 !important;
    padding: 0 !important;
    background: white;
}

.ct-case-unit {
    font-size: 10px;
    text-align: center;
    background-color: rgba(150, 150, 150, 0.1);
    border: 1px solid transparent;
    border-top: 2px solid var(--c-red);
    border-right: 1px solid var(--c-bluedark);
    border-bottom: 1px solid var(--c-red);
    background-color: var(--c-redclaire);
    color: var(--c-white);
}

.cts-case-moisannee,
.cts-case-jour {
    border-left: 1px solid transparent;
}

.cts-case-moisannee {
    padding: 0 1px !important;
    background-color: var(--c-redclaire);
    color: var(--c-white);
    border: 1px solid transparent;
    border-top: 2px solid var(--c-red) !important;
    border-right: 1px solid var(--c-bluedark);
    border-bottom: 1px solid var(--c-red);
}


.ct-case:last-child,
.ctv-case:last-child {
    border-right: 1px solid transparent;
}

.cstes-filtres {
    margin-bottom: 0.5em;
}

.cstes-filtres-item {
    padding: 0.25em;
    transition: all 0.25s linear;
}

#fiche-patient-constantes .cstes-filtres-item-zero,
.cstes-filtres-item-tohide {
    display: none;
}

.cstes-filtres-item-contenu {
    font-size: 0.8em;
    padding: 0.5em;
    border: 1px solid var(--c-beige);
    color: gray;
    transition: all 0.25s linear;
    background-color: var(--c-redpale);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 74px;
}

.cstes-filtres-item.active {
    padding: 0.20em;
}

.cstes-filtres-item.active .cstes-filtres-item-contenu {
    padding: 0.55em;
    color: black;
    border-color: var(--c-redclaire);
}

.cstes-filtres-item:not(.active) .cstes-filtres-item-contenu {
    background-color: rgba(150, 150, 150, 0.1) !important;
}

.cstes-filtres-item:not(.active) .cstes-filtres-item-contenu-icn {
    opacity: 0.7;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
    transition: all 0.25s linear;
}

.cstes-filtres-item-contenu:hover {
    background-color: rgba(150, 150, 150, 0.1) !important;
}


.const-edition--type-conteneur {
    border-bottom: 1px dashed lightgray;
}

.const-edition--type-conteneurpartie-tohide {
    display: none;
}

.const-edition--type {
    font-family: var(--ff-play);
    font-size: 0.85em;
    font-weight: bold;
}

.const-edition--valeurs {}

.const-edition--unite {
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: gray;
}

.const-edition--details {}

.const-edition--details input[disabled] {
    opacity: 0.5;
    height: auto;
    padding: 2px 13px;
}

canvas#constantes-canvas {}

canvas#constantes-canvas.hover {
    cursor: pointer;
}


.soin-item-conteneur {
    padding: 0.5em;
    margin-bottom: 0.5em;
}

@media (max-width: 425px) {
	.soin-item-conteneur {
		padding-left: 0;
		padding-right: 0;
	}
}

.soin-item {}

.soin-item .v4-cadre-soustitre:not(.noradiustop) {
    margin-top: 1em;
}

.soin-item-elementcontenu {
    margin: 0.5em;
    padding: 0.25em 0.75em;
    background: var(--c-beige);
    border-radius: 20px;
    text-align: center;
}

.soin-item-elementcontenu,
.soin-item-elementcontenu>span,
.soin-item-elementcontenu>div {
    white-space: nowrap;
}

.soin-item--type {
    font-weight: bold;
    font-size: 0.9em;
}

.soin-item.soin-item-fini {
    border-color: var(--c-redpale);
}

.soin-item.soin-item-fini .v4-cadre-titre {
    background-color: var(--c-redpale);
}

.soin-item.soin-item-fini .v4-cadre-titre-conteneur,
.soin-item.soin-item-fini .v4-cadre-soustitre {
    background-color: var(--c-redclaire);
}


.soin-item--nom {
    padding: 0.25em;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--c-white);
}

.soin-item--frequence {
    padding: 0.25em;
    font-size: 0.9em;
    color: var(--c-beige);
    font-weight: normal;
}

.t-soin-item-titleprogram-edit {
    width: 30px;
    height: 22px;
    text-align: center;
    color: var(--c-beige);
}

.soin-item--dates {
    padding: 0.25em;
	padding-bottom: 0.5em;
}

.soin-item--dates-contenu {
    background-color: var(--c-beige);
    border-radius: 16px;
    height: 100%;
    box-shadow: 0px 5px 10px #00000029;
    margin: 0.25em;
    position: relative;
    /* border: 2px solid var(--c-redclaire); */
}

@media (max-width: 425px) {
   .soin-item--dates {
		padding-left: 1px;
		padding-right: 1px;
	}
	.soin-item--dates-contenu {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.soin-item--dates-item {
    padding: 0.25em;
}

.soin-program-icnto {
    width: 28px;
}

.soin-program-icnto>div {
    width: 24px;
    height: 24px;
    background: var(--c-red);
    border-radius: 100%;
    color: white;
}

.soin-item--dates--content {
    position: relative;
    width: calc(100% - 28px);
}

.sidc-progra-edit-conteneur {
    color: var(--c-redpale);
    background: var(--c-jaune);
    border-radius: 20px;
    width: 24px;
    text-align: center;
}

.sidc-progra-edit-conteneur:hover {
    color: var(--c-red);
}

.soin-item--dates-program.opened .soin-item--dates-item--finished,
.soin-item--dates-program:not(.opened) .soin-item--dates-item:not(.soin-item--dates-item--finished),
.soin-item--dates-program:not(.opened) .soin-item--horaires--item,
.soin-item--dates-program:not(.opened) .t-elem-scors-liste,
.soin-item--dates-program:not(.opened) .sidc-progra-edit-conteneur {
    display: none;
}

.soin-item--dates-item-contenu {
    font-size: 0.9em;
    padding: 0.25em 0.5em;
    border-radius: 15px;
    background-color: var(--c-white);
    box-shadow: 0px 5px 10px #00000029;
}

.soin-item--dates--label {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: #636363;
}

.soin-item--dates--valeur {
    padding-left: 0.25em;
    font-weight: bold;
}

.soin-item--dates-prograterminees-label {
    padding: 0.5em;
    padding-bottom: 0;
}

.soin-item--dates-item--factu .soin-item--dates-item-contenu {
    background-color: var(--c-beigeclaire);
    color: var(--c-bluedark);
    font-family: var(--ff-play);
}

.soin-item--dates-details {
    width: 100%;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 0.9em;
    background-color: var(--c-jaune-05);
    border-radius: 20px;
    font-style: italic;
}


.soin-item--horaires {
    padding: 0.25em;
}

.soin-item--horaires-contenu {
    background-color: #f9f9f9;
    border-radius: 10px;
    height: 100%;
}

.soin-item--horaires--item {
    padding: 0.15em;
}

.soin-item--horaires--item-contenu {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 0.25em 0.5em;
    border-radius: 15px;
    background-color: var(--c-white);
    box-shadow: 0px 5px 10px #00000029;
}

.soin-item--prochains {
    padding: 0.25em;
}

.soin-item--prochains-contenu {

    height: 100%;
}

.soin-item--prochains-contenu-label,
.soin-item--prochains--item {
    padding: 0.15em;
}

.soin-item--prochains-contenu-label,
.soin-item--prochains--item-contenu {
    font-size: 0.85em;
    padding: 0.25em 0.5em;
    border-radius: 15px;
    background-color: var(--c-beigeclaire);
}

a.soin-item--prochains--item-contenu:hover {
    background-color: var(--c-beige);
}

.soin-item--prochains--item-contenu-date,
.soin-item--prochains--item-contenu-listeheures {
    color: black;
}

.soin-item--prochains-contenu-label {
    font-size: 0.9em;
    color: gray;
    background-color: transparent;
    border: 0px;
}

.soin-item--parentenfants {
    padding: 0.25em;
}

.soin-item--parentenfants-contenu {
    background-color: var(--c-beige);
    border-radius: 16px;
    height: 100%;
    box-shadow: 0px 5px 10px #00000029;
    padding: 0.25em;
}

.soin-item--parentenfants-contenu-label,
.soin-item--parentenfants--item {
    padding: 0.15em;
}

.soin-item--parentenfants-contenu-label,
.soin-item--parentenfants--item-contenu {
    font-size: 0.85em;
    padding: 0.25em 0.5em;
    border-radius: 15px;
    background-color: var(--c-white);
    box-shadow: 0px 5px 10px #00000029;
    text-transform: uppercase;
}

.soin-item--parentenfants--item-contenu-date,
.soin-item--parentenfants--item-contenu-listeheures {
    color: black;
}

.soin-item--parentenfants-contenu-label {
    font-size: 0.9em;
    padding: 0.25em 0.5em;
    color: var(--c-redpale);
    background-color: transparent;
    border: 0px;
    box-shadow: none;
    text-transform: none;
}

.soin-item--details {
    padding: 0.5em;
    margin: 0.5em;
    margin-top: 0;
}

.soin-item--details-contenu {
    font-size: 0.95em;
}

.soin-item--liens {
    padding: 0.15em;
    margin: 0.25em;
}

.soin-item--liens--item {
    padding: 0.15em;
    opacity: 0.8;
}

.soin-item--liens--item-contenu {
    display: block;
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.95em;
    padding: 0.15em 0.5em;
    border: 1px solid lightgray;
    border-radius: 15px;
    background-color: var(--c-beige);
}

.soin-item--real {
    padding: 0.15em;
    margin: 0.25em;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.soin-item--real--item {
    padding: 0.15em;
    opacity: 0.9;
}

.soin-item--real--item-contenu {
    font-family: var(--ff-play);
    font-size: 0.8em;
    padding: 0.25em 0.5em;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-color: lightgray;
}

.soin-item--real--item-contenu:hover {
    background-color: #e3e3e3;
}

.sir--ic-icn {}

.sir--ic-date {
    padding: 0 0.15em;
}

.sir--ic-identite {
    color: gray;
    font-size: 0.9em;
}

.soin-item--tournee {
    padding: 0.15em 0.5em;
    color: gray;
    background-color: white;
    box-shadow: 0 0 3px lightgray;
    border-radius: 15px;
    margin: 2px;
}

.soin-item--horaires--item-contenu--tournee {
    font-weight: normal;
    padding: 0.15em 0.25em;
    color: gray;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 0 0 3px lightgray;
    border-radius: 15px;
}



.soin-items-enfants-conteneur {
    margin-left: 0.75em;
    padding-left: 0.75em;
}

.soin-item-conteneur--avecenfants {
    margin-bottom: 0em;
}

.soin-items-enfants-conteneur .soin-item-conteneur {
    margin-bottom: 0em;
    padding-top: 0;
}

.soin-items-enfants-conteneur .soin-item--tournee {
    opacity: 0.5;
}

.fiche-patient--tournee {
    padding: 0.15em 0.5em;
    color: gray;
    background-color: rgba(230, 230, 230, 0.8);
    box-shadow: 0 0 3px lightgray;
    border-radius: 15px;
    margin-right: 0.25em;
}

.lpic-tournee {
    width: 27px;
    min-width: 27px;
    max-width: 27px;
}

.lpic-tournee>div {
    font-size: 0.9em;
    color: gray;
}

.lpic-cv {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    color: var(--c-vitale-1);
}


.lpi-c-page-tournee {}

.lpi-c-page-tournee>div {
    font-size: 0.95em;
    color: gray;
    background-color: rgba(230, 230, 230, 0.8);
    box-shadow: 0 0 3px lightgray;
    border-radius: 15px;
    padding: 0.15em 0.5em;
}

.liste-patients-item.formatMinime.withDataCv .lpic-identite,
.liste-patients-item.formatMinime.withDataAmc .lpic-identite,
.liste-patients-item.formatMinime.withDataTournee .lpic-identite {
    width: calc(100% - 27px);
}

.liste-patients-item.formatMinime.withDataAmc.withDataCv .lpic-identite {
    width: calc(100% - 40px);
}

.liste-patients-item.formatMinime.withDataAmc.withDataTournee .lpic-identite,
.liste-patients-item.formatMinime.withDataCv.withDataTournee .lpic-identite {
    width: calc(100% - 47px);
}

.liste-patients-item.formatMinime.withDataAmc.withDataCv.withDataTournee .lpic-identite {
    width: calc(100% - 67px);
}



.ts-edition-horaires-ligne {
    padding: 0.15em;
}

.ts-edition-horaires-ligne-contenu {
    padding: 0.15em;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-color: rgba(170, 170, 170, 0.1);
}

.ts-program-cotation-gnr-infosconteneur {
    padding: 0.25em;
    border: 1px solid var(--c-redclaire);
    border-radius: 15px;
    background-color: var(--c-jaune-03);
    margin-bottom: 0.5em;
    border-color: var(--c-beige);
    background-color: var(--c-jaune-01);
}

#formulaire-t-rdv-cotation-edition .ts-program-cotation-gnr-infosconteneur {
    /* padding: 0; */
    /* border: 0; */
    /* background: transparent; */
}

.ts-program-cotation-gnr2-infosconteneur {
    padding: 0.25em;
    border: 1px solid var(--c-redclaire);
    border-radius: 15px;
    margin-bottom: 0.5em;
}

#formulaire-t-rdv-cotation-edition .ts-program-cotation-gnr2-infosconteneur {
    padding: 0;
    border: 0;
    background: transparent;
}

.rdv-edition-horaires-ligne {}

.rdv-edition-horaires-ligne-contenu {
    position: static !important;
}

.ts-edition-horaires-proposes-ligne {}

.ts-edition-horaires-proposes-ligne-contenu {
    cursor: pointer;
    font-family: var(--ff-play);
    font-size: 0.95em;
    border-color: gray;
    min-height: 38px;
}

.ts-edition-horaires-proposes-ligne.unchecked .ts-edition-horaires-proposes-ligne-contenu {
    background-color: rgba(200, 200, 200, 0.1);
    border-color: lightgray;
}

.ts-edition-horaires-proposes-ligne.unchecked .ts-ehplc-horaire {
    opacity: 0.6;
    color: gray;
}

.ts-edition-horaires-proposes-ligne-contenu:hover {
    background-color: rgba(150, 150, 150, 0.1);
}

.ts-edition-horaires-proposes-ligne.unchecked:hover .ts-ehplc-horaire {
    opacity: 0.9;
    color: black;
}

.ts-ehplc-tournee {
    color: gray;
}

#trans-global-conteneur .bton,
#ptau .bton,
#otbf1 .bton {
    min-width: 40px;
    min-height: 35px;
    height: auto;
}

#trans-global-conteneur .bton.bton-small,
#trans-global-conteneur .bton.btn-small,
#ptau .bton.bton-small,
#ptau .bton.btn-small {
    min-height: 30px;
}

.tsr-contenu-tsr {
    /* max-height: 450px; */
    overflow: auto;
    border: 3px solid var(--c-red);
    border-top: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	-webkit-overflow-scrolling: touch;
}

#tsr-all-conteneur .tsr-contenu-tsr,
#t-patient-affichage-global-soinrealisations .tsr-contenu-tsr {
    max-height: auto;
    max-height: none;
}

.tsr-case-mois-lab,
.tsr-case-dates-label {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
}

.tsr-case-vide,
.tsr-case-vide-jour,
.tsr-chs,
.tsr-case-soin-label {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    border: 1px solid transparent;
    border-right-color: var(--c-bluedark);
    border-bottom-color: var(--c-redclaire);
}

.tsr-case-soin-label-empty {
    width: 0px;
    min-width: 0px;
    background: var(--c-red) !important;
    border: 0px !important;
}

.tsr-case-soin-label-empty:not(.displayed) {
    display: none;
}

.tsr-case-vide-jour-1 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}

/* .tsr-case-vide, .tsr-case-vide-jour { border-right-style: dashed; } */
.tsr-chs:last-child,
.tsr-case-vide:last-child,
.tsr-case-vide-jour:last-child,
.tsr-case-soin-label-more {
    border-right-color: transparent;
}

.tsr-case-vide-soinlabel {
    font-size: 0.9em;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.tsr-case-horaire-indiv {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    border: 1px solid transparent;
    border-right-color: var(--c-bluedark);
    border-bottom-color: var(--c-redpale);
}

.tsr-case-horaire-indiv-autretournee {
    font-size: 0.85em;
}

.tsr-case-horaire-heure,
.tsr-block-jour-jour {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    border: 1px solid transparent;
    border-right-color: var(--c-bluedark);
    border-bottom-color: var(--c-redpale);
}

.tsr-ligne-datessoins {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    background: var(--c-red);
    z-index: 10;
    border: 3px solid var(--c-red);
    border-bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	will-change: scroll-position;
}

/* html:not(.onApp) .tsr-ligne-datessoins { top: 45px; } */

html.modeVitrine:not([data-uconnecte="1"]) .tsr-ligne-datessoins {
    top: 70px;
}

@media (max-width: 992px) {
    html:not(.onApp):not(.modeVitrine) .tsr-ligne-datessoins {
        top: 35px;
    }
}

#fiche-patient-soinrealisations-liste-only .tsr-ligne-datessoins,
/* html.onappiOs .tsr-ligne-datessoins { top: 0px !important; } */


.tsr-case-dates-label {
    border: 1px solid lightgray;
    font-family: var(--ff-play);
    font-size: 13px;
    font-style: italic;
    color: gray;
    border: 1px solid var(--c-bluedark);
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid var(--c-redclaire);
}


.tsr-case-soin-label {
    font-family: var(--ff-play);
    word-wrap: break-word;
    hyphens: auto;
    font-size: 12px;
    padding: 1px;
    font-weight: bold;
    overflow: hidden;
    border-top: 5px solid var(--c-red);
    color: var(--c-white);
}

.tsr-case-soin-label:not(.tsr-case-soin-label-empty).hover,
.tsr-case-soin-label:not(.tsr-case-soin-label-empty):hover {
    background-color: gray !important;
    color: white;
}

.tsr-case-soin-label.groupe-actes-0 {}

.tsr-case-soin-label.groupe-actes-10 {
    border-top-color: darkgray;
}

.tsr-case-soin-label.groupe-actes-1,
.tsr-case-soin-label.groupe-actes-11 {
    border-top-color: red;
}

.tsr-case-soin-label.groupe-actes-2,
.tsr-case-soin-label.groupe-actes-12 {
    border-top-color: blue;
}

.tsr-case-soin-label.groupe-actes-3,
.tsr-case-soin-label.groupe-actes-13 {
    border-top-color: green;
}

.tsr-case-soin-label.groupe-actes-4,
.tsr-case-soin-label.groupe-actes-14 {
    border-top-color: pink;
}

.tsr-case-soin-label.groupe-actes-5,
.tsr-case-soin-label.groupe-actes-15 {
    border-top-color: orange;
}

.tsr-case-soin-label.groupe-actes-6,
.tsr-case-soin-label.groupe-actes-16 {
    border-top-color: #00b192;
}

.tsr-case-soin-label.groupe-actes-7,
.tsr-case-soin-label.groupe-actes-17 {
    border-top-color: #8f36d4;
}

.tsr-case-soin-label.groupe-actes-8,
.tsr-case-soin-label.groupe-actes-18 {
    border-top-color: #36d493;
}

.tsr-case-soin-label.groupe-actes-9,
.tsr-case-soin-label.groupe-actes-19 {
    border-top-color: #d47d36;
}

.tsr-ligne-mois {}

.tsr-ligne-mois .tsr-case-mois-lab,
.tsr-ligne-mois .tsr-case-vide {
    border-top: 1px solid var(--c-redpale);
}

.tsr-case-vide,
.tsr-case-mois-lab {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 13px;
    color: var(--c-red);
    min-height: 30px;
    padding: 2px 1px;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    background-color: var(--c-redclaire);
}

.tsr-ligne-mois-prochainrdv .tsr-case-vide,
.tsr-ligne-mois-prochainrdv .tsr-case-mois-lab {
    background-color: var(--c-redpale);
}

.tsr-case-vide-jour {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 9px;
    background-color: rgba(200, 200, 200, 0.1);
    color: var(--c-red);
    min-height: 20px;
    padding: 2px 1px;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.tsr-case-mois-lab {
    border: 1px solid var(--c-bluedark);
    border-left: 0;
    border-bottom-color: var(--c-redclaire);
    border-top-width: 0px;
    z-index: 2;
}

.tsr-ligne-mois-prochainrdv {}

.tsr-case-vide-prochainrdv,
.tsr-case-mois-lab-prochainrdv {
    color: var(--c-white);
    font-size: 12px;
    background: var(--c-redpale);
    border-top: 0 !important;
    font-family: var(--ff-montserrat);
}

.tsr-case-vide-prochainrdv {
    font-weight: normal;
}

.tsr-ligne-mois:not(.tsr-ligne-mois-prochainrdv) .tsr-case-vide {
    background-color: var(--c-redclaire);
    color: white;
}

.tsr-block-jour {
    border-top: 1px solid var(--c-red);
    width: intrinsic;
    /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;
    /* Firefox/Gecko */
    width: -webkit-max-content;
    /* Chrome */
    width: max-content;
    color: black;
	/* content-visibility: auto; */ /* 07-04-26: retiré car empêche le bon affichage des position: absolute/fixed, à voir effet sur ios ? */
}

.tsr-block-jour-jour {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 13px;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    background-color: white;
    z-index: 9;
}

.tsr-block-jour-contenu {}

.tsr-ligne-horaire {
    height: 35px;
    min-height: 35px;
    max-height: 35px;
}

.tsr-case-horaire-heure {
    font-family: var(--ff-play);
    font-size: 14px;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    left: 45px;
    background-color: white;
    z-index: 9;
}

.tsr-case-horaire-indiv {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    left: 90px;
    background-color: white;
    z-index: 9;
}

/* 08-03-26 : désactivation du sticky du diagramme de soins sur iOS car ça n'arrive pas à gérer autant de stickness... */
	html.onappiOs .tsr-case-horaire-indiv,
	html.onappiOs .tsr-case-horaire-heure,
	html.onappiOs .tsr-block-jour-jour,
	html.onappiOs .tsr-case-vide,
	html.onappiOs .tsr-case-mois-lab	{
		position: relative;
		left: auto;
	}

.tsr-case-horaire-indiv-content {
    width: 100%;
    height: 100%;
}

.tsr-case-horaire-indiv-img {
    max-height: 22px;
    max-width: 22px;
    opacity: 0.4;
}

.tsr-case-horaire-indiv-yourself .tsr-case-horaire-indiv-img {
    opacity: 0.6;
}

.tsr-chs {}


.tsr-block-jour.tsr-block-jour-nothing-happens {}

.tsr-block-jour.tsr-block-jour-nothing-happens .tsr-block-jour-jour {
    opacity: 0.5;
    font-size: 9px;
    border-bottom: 0px;
}


/* Case de base */
.tsr-block-jour .tsr-chs {
    background-color: #ebebeb;
}

/* Case de soin fini et plus d'actualité */
.tsr-case-soin-label.tsr-case-soin-label-fini,
.tsr-block-jour .tsr-chs.tsr-chs-envenir:not(.tsr-chs-dactualite),
.tsr-block-jour .tsr-chs.tsr-chs-fini:not(.tsr-chs-dactualite) {
    background-color: var(--c-beigeclaire);
    color: var(--c-redpale);
}

/* Case remplissable, de base */
.tsr-block-jour .tsr-chs.tsr-chs-dactualite.tsr-chs-remplissable,
.tsr-block-jour .tsr-chs.tsr-chs-dactualite.tsr-chs-remplissable.tsr-case-avec-input .tsr-case-soin-horaire-valeur-input {
    background-color: #f6f6f6;
}

/* Case remplissable sans réal avec horaire concernant le soin */
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable:not(.hover):not(.tsr-chs-remplissable-pasmemetournee):not(.tsr-chs-remplissable-pasmemehoraire):not(.tsr-chs-remplissable-patientabsent),
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable.tsr-case-avec-input:not(.hover):not(.tsr-chs-remplissable-pasmemetournee):not(.tsr-chs-remplissable-pasmemehoraire):not(.tsr-chs-remplissable-patientabsent) .tsr-case-soin-horaire-valeur-input {
    box-shadow: 0 0 3px inset rgba(170, 40, 40, 0.8);
}

.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable.tsr-chs-remplissable-pasmemetournee:not(.hover),
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable.tsr-case-avec-input.tsr-chs-remplissable-pasmemetournee:not(.hover) .tsr-case-soin-horaire-valeur-input {
    box-shadow: 0 0 4px inset rgba(170, 40, 40, 0.3);
}

/* Case avec réal */
.tsr-block-jour .tsr-chs.tsr-chs-avec-real {
    background-color: #ffffff;
}

/* Lignes à cacher : sans réalisation et [non remplissables OU concernant seulement un horaire de soin fini]
		+ jour à cacher : sans affichage
	*/
.tsr-block-jour.tsr-block-jour-sans-affichage,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real:not(.tsr-ligne-horaire-remplissable),
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-statut-fini:not(.tsr-ligne-horaire-dactualite),
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-statut-fini:not(.tsr-ligne-horaire-remplissable) {
    display: none;
}

/* Lignes à minimiser : pas la même tournée / pas le même horaire de travail */
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemehoraire,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-patientabsent,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemetournee {
    height: 27px;
    min-height: 27px;
    max-height: 27px;
}

.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemehoraire .tsr-case-horaire-indiv-content,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-patientabsent .tsr-case-horaire-indiv-content,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemetournee .tsr-case-horaire-indiv-content {
    opacity: 0.5;
    background-color: rgba(150, 150, 150, 0.2) !important;
}

.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemehoraire .tsr-chs-content,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-patientabsent .tsr-chs-content,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemetournee .tsr-chs-content {
    opacity: 0.5;
}

.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemehoraire .tsr-case-horaire-heure,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-patientabsent .tsr-case-horaire-heure,
.tsr-block-jour .tsr-ligne-horaire.tsr-horaire-sans-real.tsr-ligne-horaire-remplissable.tsr-ligne-horaire-remplissable-pasmemetournee .tsr-case-horaire-heure {
    color: gray;
}

/* Gestion de l'affichage des statuts */
.tsr-block-jour .tsr-chs .tsr-case-soin-horaire-content-statut {
    display: none;
}

.tsr-block-jour .tsr-chs .tsr-case-soin-horaire-content-statut-0 {
    font-size: 12px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.1;
}

.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable .tsr-case-soin-horaire-content-statut-0 {
    opacity: 0.2;
}

.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable.tsr-chs-remplissable-pasmemetournee .tsr-case-soin-horaire-content-statut-0,
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable.tsr-chs-remplissable-patientabsent .tsr-case-soin-horaire-content-statut-0,
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable.tsr-chs-remplissable-pasmemehoraire .tsr-case-soin-horaire-content-statut-0 {
    opacity: 0.05;
}

.tsr-block-jour .tsr-chs.tsr-chs-real-statut-0:not(.tsr-chs-real-statut-1):not(.tsr-chs-real-statut-2) .tsr-case-soin-horaire-content-statut-0,
.tsr-block-jour .tsr-chs.tsr-chs-real-statut-1 .tsr-case-soin-horaire-content-statut-1,
.tsr-block-jour .tsr-chs.tsr-chs-real-statut-2 .tsr-case-soin-horaire-content-statut-2 {
    display: block;
}

/* Gestion de l'hover */
.tsr-block-jour .tsr-chs.tsr-chs-avec-real:hover,
.tsr-block-jour .tsr-chs.tsr-chs-dactualite.tsr-chs-remplissable:hover,
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-dactualite.tsr-chs-remplissable.hover,
.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable:hover {
    cursor: pointer;
    box-shadow: 0 0 6px inset rgba(40, 170, 40, 0.5);
}

.tsr-block-jour .tsr-chs.tsr-chs-pourcethoraire.tsr-chs-sans-real.tsr-chs-dactualite.tsr-chs-remplissable:hover .tsr-case-soin-horaire-content-statut-0,
.tsr-block-jour .tsr-chs.tsr-chs-dactualite.tsr-chs-remplissable:hover .tsr-case-soin-horaire-content-statut-0 {
    opacity: 0.8;
}

.tsr-ligne-horaire:hover .tsr-case-horaire-heure {
    box-shadow: 0 0 3px inset gray;
}

.tsr-case-horaire-heure:not(.tsr-case-horaire-heure-sup):hover {
    box-shadow: 0 0 3px inset black;
}


.tsr-case-soin-label-more {
    padding: 0;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.tsr-case-soin-label-more .bton.tsr-soin-ajout-btn {
    margin: 0;
    height: 100% !important;
    width: 50px;
}

.tsr-chs-content {
    max-height: 100%;
    position: relative;
}

.tsr-chs-addmore,
.tsr-case-vide-enplus {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.tsr-ligne-horaire-timestamp-new .tsr-case-horaire-heure .tsr-case-horaire-heure-content,
.tsr-chs-addmore .tsr-chs-content {
    opacity: 0.5;
}

.tsr-ligne-horaire-timestamp-new .tsr-case-horaire-heure:hover .tsr-case-horaire-heure-content,
.tsr-chs-addmore:hover .tsr-chs-content {
    opacity: 0.9;
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}

.tsr-tableau-contenu .tsr-case-soin-horaire-valeur-input {
    text-align: center;
    opacity: 0.2;
    padding: 1px;
    border: 0px;
    border-radius: 0px;
}

.alt-c-r-infos--soin-action-realisation .tsr-case-soin-horaire-valeur-input {
    opacity: 0.8;
}

.tsr-case-soin-horaire-valeur-input:focus,
.tsr-case-soin-horaire-valeur-input:active {
    opacity: 1;
}

.tsr-chs-timestamp-new .tsr-case-soin-horaire-valeur-input {
    display: none;
}

.tsr-case-soin-horaire-content-valeur {
    text-align: center;
    color: #1d6e10;
    cursor: pointer;
    text-shadow: 0 0 3px white;
}

.tsr-case-soin-horaire-content-background {
    position: absolute;
    left: 2px;
    opacity: 0.15;
}

.show-menutsrcontext.tsr-case-avec-input {
    position: relative;
}

.menutsrcontext {
    display: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 12;
    width: 60px;
    height: 59px;
    background: white;
}

.show-menutsrcontext .menutsrcontext {
    display: block;
}

.tsr-case-avec-valeur--statuts {
    display: none;
}



.tsr-ligne-horaire-timestamp-new {
    height: 28px;
    min-height: 28px;
    max-height: 28px;
}

.tsr-ligne-horaire-timestamp-new .tsr-case-horaire-indiv-img {
    max-height: 18px;
    max-width: 18px;
}

.tsr-block-jour .tsr-ligne-horaire-timestamp-new .tsr-chs:not(.tsr-chs-addmore):not(.tsr-chs-fini) {
    background-color: #f2f2f2 !important;
}

.tsr-chs-fini.tsr-chs-sans-real:not(.tsr-chs-dactualite) .tsr-chs-content .tsr-case-soin-horaire-content-statut,
.tsr-ligne-horaire-timestamp-new .tsr-chs .tsr-chs-content .tsr-case-soin-horaire-content-statut,
.tsr-ligne-horaire-timestamp-new .tsr-chs-addmore .tsr-chs-content {
    display: none !important;
}


#fiche-patient-historique-conteneur {
    margin: 0.1em;
    font-size: 0.95em;
}

.fiche-patient-historique-date-conteneur {
    margin-bottom: 1em;
}

.fphd-label {}

.fphd-contenu {}

.fphd--heure-conteneur {}

.fphd--heure-conteneur>.gssfs {
    margin: 0.5em 0.2em;
}

.fphd--heure-label {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.fphd--heure-contenu {}

.fphd--elems-conteneur {
    padding: 0.15em;
}

.fphd--elems-lab {}

.fphd--eicn {
    font-size: small;
    opacity: 0.8;
}

.fphd--uidentite {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.fphd--uidentite img {
    vertical-align: middle;
    width: 14px;
}

.fphd--elems-contenu {
    overflow: auto;
    white-space: nowrap;
}

.fphd--elem-item {
    margin: 3px;
    border: 1px solid lightgray;
    background-color: #fafafa;
    border-radius: 5px;
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.fphd--elem-item:hover {
    background-color: #f4f4f4;
    border-color: gray;
}

.fphd--elem-item-element {
    padding: 2px;
}

.fppd-navigation {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding-top: 0.75em;
}

.fppd-navigation-item {
    padding: 0 0.15em;
}


.concoursmedicalservice-conteneur {
    padding: 0.5em;
}

.concoursmedicalservice-contenu {
    padding: 0.25em;
    box-shadow: 0 0 3px #ab3b3d;
    border-radius: 5px;
    text-align: center;
    background-image: url('./images/site/summerrempla/summerrempla.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}



html.onApp #center-pannel-contenu {
    /* padding-top: 0 !important; */
}

html.onApp #footer {
    margin-bottom: 60px;
}

html.onApp #toolbar-menuApp {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100%;
    z-index: var(--zi-lvl-3a) !important;
    /* box-shadow: 0 0 3px gray !important; */
    box-shadow: 0 -2px 2px 0px lightgray !important;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: rgb(250, 250, 250);
}

body.no-menu #toolbar-menuApp {
    display: none !important;
}

.toolbar-liens-liste {
    width: calc(100% - 60px);
    overflow-x: auto;
}

.toolbar-liens-menu {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    transition: all 0.3s linear;
}

body.keyboardopened #toolbar-menuApp {
    display: none;
}

html.onApp .menuapp-item {
    height: 50px;
    overflow: hidden;
    width: 20% !important;
    min-width: 20% !important;
    max-width: 20% !important;
}

html.onApp #toolbar-menuApp[data-nbritems="4"] .menuapp-item {
    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;
}


.menuapp-item-icn:not(.fc-green) {
    /* color: var(--c-red); */
    color: var(--c-blueclaire);
}

.menuapp-item-icn-menu-opened,
.menuapp-item-icn-menu-closed {
    height: 0px;
    width: 0px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    transition: transform 0.2s linear;
    color: var(--c-red);
}

html.noscrollmenu .toolbar-liens-menu {
    background-color: var(--c-beige);
}

html.noscrollmenu .menuapp-item-icn-menu-opened,
html:not(.noscrollmenu) .menuapp-item-icn-menu-closed {
    position: relative;
    height: 22px;
    width: 22px;
    transform: rotate(-360deg);
}

.menuapp-item-lab {
    font-size: 0.65em;
    font-family: var(--ff-play);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.onApp #contenupagecentre-adds {
    display: none;
}

html.onappiOs .page-titre {
    padding: 0.25em !important;
    font-size: large;
    position: relative;
    min-height: 34px;
}

html.onappiOs .icn-to-menu {
    position: absolute;
    top: 0;
    top: calc(50% - 17px);
    right: 0;
    height: 34px;
    width: 34px;
}

html.onappiOs .icn-to-back {
    /* position: absolute;  */
    /* top: 0; */
    /* top: calc(50% - 18px);  */
    /* left: 0;  */
    /* height: 36px; */
    /* min-width: 36px; */
    background: rgba(250, 250, 250, 0.9);
    /* line-height: 36px; */
}

html.onApp .partie-aeree-faible p:first-child {
    margin-top: 0;
}

html.onApp .partie-aeree-faible p:last-child {
    margin-bottom: 0;
}

html.onappiOs #menuioshome {}

html.onappiOs #menuioshome .menuioshome-item-conteneur {
    padding: 2px;
    min-height: 88px;
}

html.onappiOs #menuioshome .menuioshome-item {
    border: 1px solid black;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
}

html.onappiOs #menuioshome .menuioshome-item a:not(.home-listetrans-item-contenu) {
    width: 100%;
    background-color: rgba(200, 200, 200, 0.8);
}

html.onappiOs #menuioshome .menuioshome-icn {
    font-size: xx-large;
}

html.onappiOs #menuioshome .menuioshome-titre {
    font-variant: small-caps;
    font-weight: bold;
    text-shadow: 0 0 3px white;
    color: black;
}

html.onappiOs .button {
    background: var(--c-red);
}

html.onappiOs .button[type="submit"] {
    background: var(--c-bluedark);
}

html.onappiOs .button-white {
    background: white;
    color: var(--c-red);
}

html.onappiOs .button.btn-warning {
    background: #f0ad4e;
}

html.onappiOs .index-toppannel {
    height: auto;
    background-color: var(--c-red);
}

html.onApp .index-toppannel #toolbar-menuApp,
html.onApp .index-toppannel #footer,
html.onApp .annonce-infos-msg {
    display: none;
}

.signin-button div {
    text-align: center;
    margin: auto;
}

.fb-connexion-icn,
.apple-connexion-icn {
    cursor: pointer;
}

.signin-button>div>div>svg {
    height: 50px;
    width: 100%;
    cursor: pointer;
}


#msg-for-appli {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    box-shadow: 0 0 6px var(--c-red);
    z-index: 10;
}


.elem-fichier-attache-conteneur:not(.liste-tfichiers-item-conteneur) {
    position: relative;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    height: 140px;
    min-height: 140px;
    max-height: 140px;
    margin-right: 5px;
}

.elem-fichier-attache-contenu {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background: white;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
}

.efac-bandeau {
    height: 25px;
    min-height: 25px;
    max-height: 25px;
}

.efac-bandeau-icn {
    opacity: 0.7;
}

.efac-bandeau-date {
    font-family: "Play";
    font-size: 0.8em;
    color: gray;
    padding-right: 2px;
}

.elem-fichier-attache-conteneur.infos-opened:not(.liste-tfichiers-item-conteneur) .efac-bandeau {
    visibility: hidden;
}

.efac-contenu {
    width: 100%;
    height: 110px;
    min-height: 110px;
    max-height: 110px;
}

.elem-fichier-attache-conteneur--id-ajout {
    padding: 12px;
    margin-right: 0px;
}

.elem-fichier-attache-conteneur--id-ajout .elem-fichier-attache-contenu {
    opacity: 0.7;
    /* background-image: url("./images/site/appareilphoto.png"); */
    background-repeat: no-repeat;
    background-position: center center;
    border-color: var(--c-red);
}

.elem-fichier-attache-conteneur--id-ajout.minime .elem-fichier-attache-contenu {
    /* background-image: url("./images/site/appareilphoto40px.png"); */
}

.elem-fichier-attache-conteneur--id-ajout .elem-fichier-attache-contenu:hover {
    opacity: 1;
    background-color: var(--c-red);
    color: var(--c-beige);
}

.elem-fichier-attache-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    height: 140px;
    min-height: 140px;
    max-height: 140px;
    font-family: var(--ff-play);
    font-size: 0.9em;
	border-radius: 10px;
    background-color: rgba(250, 250, 250, 0.9);
}

.efao-contenu {
    height: 105px;
    min-height: 105px;
    max-height: 105px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0.95em;
    word-wrap: break-word;
    hyphens: auto;
    padding: 2px;
}

.efao-contenu-icn {
    opacity: 0.6;
}

.efao-contenu-infos {
    font-style: italic;
}

.efao-bandeau {
    height: 35px;
    min-height: 35px;
    max-height: 35px;
}

.efao-bandeau .opt {
    border: 1px solid lightgray;
    border-bottom: 0;
    background: white;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
    opacity: 0.9;
}

.efao-bandeau .opt:hover {
    background-color: rgba(150, 150, 150, 0.2);
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

.efao-bandeau .opt-detach {
    position: relative;
}

.opt-detach-pin {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    font-size: 0.9em;
}

.opt-detach-cross {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.elem-fichiers-attaches-liste.efal-affichage-siliste {
    display: none;
}

.elem-fichiers-attaches-liste--minime {
    margin: 0.5em;
}

.elem-fichiers-attaches-liste.elem-fichiers-attaches-liste--minime:not(.liste-tfichiers-item-conteneur) {
    /* opacity: 0.7; */
}

.elem-fichiers-attaches-liste--minime .elem-fichier-attache-conteneur {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

.elem-fichiers-attaches-liste--minime .efac-bandeau,
.elem-fichiers-attaches-liste--minime .opt-detach {
    display: none;
}

.elem-fichiers-attaches-liste--minime .efac-contenu {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding: 2px;
}

.elem-fichiers-attaches-liste--minime .efac-contenu img {
    max-width: 99%;
    max-height: 99%;
}


.elem-fichiers-attaches-liste--minime .elem-fichier-attache-overlay {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

.elem-fichiers-attaches-liste--minime .efao-contenu {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    font-size: 0.9em;
}

.elem-fichiers-attaches-liste--minime .efao-bandeau {
    height: 30px;
    min-height: 30px;
    max-height: 30px;
}

.elem-fichiers-attaches-liste--liste {
    max-height: 350px;
}

#dppd-contenu .elem-fichiers-attaches-liste--liste {
    max-height: none !important;
}

.elem-fichiers-attaches-liste--traitements .elem-fichiers-attaches-liste--liste {
    border: 2px solid var(--c-beige);
    background: var(--c-beigeclaire);
    border-radius: 15px;
    padding: 0.25em;
}



.label-ts-datesjours {
    border: 1px solid lightgray;
    border-radius: 1.5px;
    opacity: 0.8;
    color: darkgrey;
    padding-bottom: 0.70em;
    padding-top: 0.70em;
}

.label-ts-datesjours.label-checked {
    opacity: 1;
    color: black;
    background-color: rgba(240, 240, 240, 0.2);
}

.label-ts-datesjours-tous {}

.label-ts-datesjours-jour {
    width: 14.285%;
    min-width: 14.285%;
    max-width: 14.285%;
}

.ts-datesjours-inputconteneur {
    padding: 1px;
}

.ts-datesjours-labelconteneur {
    padding: 1px;
}

@media (max-width: 426px) {

    .label-ts-datesjours-jour .ts-datesjours-inputconteneur,
    .label-ts-datesjours-jour .ts-datesjours-labelconteneur {
        width: 100%;
    }
}


.ts-jours-calendrier-conteneur {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    margin: 0.25em;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border: 1px solid #ab3b3d;
    border-radius: 5px;
    overflow: hidden;
}

.ts-jours-calendrier-conteneur table {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.ts-jours-calendrier-conteneur table tr {}

.ts-jours-calendrier-conteneur table td {
    width: 39px;
    min-width: 39px;
    max-width: 39px;
    height: 35px;
    text-align: center;
    border: 1px solid lightgray;
}

.ts-jours-calendrier-conteneur table td.td-numsemaine {
    width: 27px;
    min-width: 27px;
    max-width: 27px;
    font-size: 0.9em;
}

.ts-jours-calendrier-conteneur table td.td-jrgris:not(.td-jrdate) {
    border-color: transparent;
}

.ts-jours-calendrier-conteneur table .tr-semaine-premiere td.td-jrgris {
    border-bottom: 1px solid lightgray;
}

.ts-jours-calendrier-conteneur table .tr-semaine-premiere td.td-jrgris.td-jrgris-dernier {
    border-right: 1px solid lightgray;
}

.ts-jours-calendrier-conteneur table td.td-jrgris.td-jrdate,
.ts-jours-calendrier-conteneur table td.td-jrgris.td-jrdate a {
    color: lightgray;
}

.ts-jours-calendrier-conteneur table td.td-jrgris.td-jrdate:hover,
.ts-jours-calendrier-conteneur table td.td-jrgris.td-jrdate a:hover {
    color: gray;
}



.ts-jours-calendrier-header {
    background: #ab3b3d;
    color: white;
}

.ts-jours-calendrier-jrsemaine {
    margin-bottom: 0.25em;
}

.ts-jours-calendrier-jrsemaine td {
    font-weight: bold;
    font-size: 0.9em;
    border: 1px solid transparent !important;
    background: white !important;
}

.ts-jours-calendrier-dates {}

.ts-jours-calendrier-dates tr {}

.ts-jours-calendrier-dates tr td {}

.ts-jours-calendrier-dates tr td.td-numsemaine {
    color: gray;
    background-color: #fafafa;
    font-size: 0.8em;
}

.ts-jours-calendrier-dates tr td.td-jrdate {
    font-size: 0.9em;
    opacity: 0.8;
    transition: all 0.25s linear;
    cursor: pointer;
}

.ts-jours-calendrier-dates tr td.td-jrdate:hover {
    background-color: #fafafa;
}

.ts-jours-calendrier-dates tr td.td-jrdate.checked {
    opacity: 1;
    font-size: 1em;
    background-color: #ae7a7b;
    color: white;
    font-weight: bold;
    box-shadow: 0 0 3px white inset;
}

.ts-jours-calendrier-dates tr td.td-jrdate.td-jrgris.checked {
    background-color: var(--c-redpale);
}

.ts-jours-calendrier-dates tr td.td-jrdate.td-jrdate-aujourdhui {
    box-shadow: 0 0 5px gray inset;
}

.td-jrdate-djf {
    color: red;
}




.ts-jours-calendrier-footer {
    text-align: right;
    padding: 0.15em;
    font-size: 0.95em;
    opacity: 0.7;
}


.taches-liste-contenu {}

.taches-liste-contenu-agenda {
    overflow-x: auto;
}

.tache-item-conteneur {
    margin-top: 0.5em;
    padding: 0.25em;
}

.tache-item {
    background: var(--c-white);
    border-radius: 31px;
    padding: 0.25em;
    padding-bottom: 0.75em;
    border: 4px solid var(--c-redpale);
}

.tache-item.tache-item-urgence--4 {
    border-color: var(--c-red);
}

.tache-item.tache-item-urgence--4 .ti-u-dot {
    background-color: #ff0000;
}

/* .tache-item.tache-item-urgence--3 { border-left-color: #ffa200; } */
.tache-item.tache-item-urgence--3 .ti-u-dot {
    background-color: #ffa200;
}

/* .tache-item.tache-item-urgence--2 { border-left-color: #fcff00; } */
.tache-item.tache-item-urgence--2 .ti-u-dot {
    background-color: #fcff00;
}

.tache-item.tache-item-urgence--1 {
    opacity: 0.9;
}

.tache-item.tache-item-urgence--1 .ti-u-dot {
    background-color: gray;
}

.tache-item.tache-item-urgence--0 {
    opacity: 0.8;
}

.tache-item.tache-item-urgence--0 .ti-u-dot {
    background-color: gray;
}

.tache-item.tache-item-urgence--none {
    /* border-left-color: rgba(150,150,150,0.2); */
    opacity: 0.6;
}

.tache-item:hover {
    opacity: 1;
}


.tache-item--patientstatut {}

.tache-item--patient {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.tache-item--statut {
    padding: 0.25em;
    font-family: var(--ff-play);
}

.ti--s-valide {
    font-size: 0.9em;
    color: #295a26;
    opacity: 0.8;
}

.ti--s-nonvalidable {
    font-size: 0.9em;
    color: #994141;
    opacity: 0.8;
}

.tache-item--dates {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.5em;
    margin: 0.2em;
    font-size: 0.9em;
    border: 1px solid var(--c-redclaire);
    color: var(--c-red);
}

.ti--d-icns {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
}

.tache-item--details {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.75em;
    margin: 0.2em;
    border: 1px solid var(--c-redclaire);
}

.tache-item--opturgence {}

.tache-item.tache-item-urgence--none .tache-item--opturgence {
    display: none;
}

.tache-item--urgence {
    padding: 0.15em;
}

.ti-u-dot {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin-right: 3px;
}

.tache-item--options {
    padding: 0.15em;
}

.taches-liste-contenu-agenda .tache-item-conteneur {
    min-width: 80%;
    width: 80%;
}

@media (min-width: 768px) {
    .taches-liste-contenu-agenda .tache-item-conteneur {
        min-width: 50%;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .taches-liste-contenu-agenda .tache-item-conteneur {
        min-width: 30%;
        width: 30%;
    }
}

.taches-liste-contenu-agenda .tache-item {
    height: 100%;
}

.taches-liste-contenu-agenda .tache-item--dates-conteneur,
.taches-liste-contenu-agenda .tache-item--details-conteneur {
    min-width: 100% !important;
    width: 100% !important;
}

.taches-liste-contenu-agenda .tache-item--dates {
    opacity: 0.9;
    font-size: 0.9em;
}

.taches-liste-contenu-agenda .tache-item--details>div {
    max-height: 100px;
    overflow: auto;
}

.taches-liste-contenu-agenda .hide-on-agenda {
    display: none;
}


#fiches-liste-contenu {}

.fiche-item-conteneur {
    display: block;
}

.fiches-liste--item {}

.fl--i-type {
    padding: 0.5em 0.25em;
    color: var(--c-red);
}

.fl--i-resultat {
    padding: 0.5em 0.25em;
    color: var(--c-red);
}

.fl--i-timerealisation {
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
    color: var(--c-bluedark);
    font-size: 0.95em;
}

.fl--i-individu {
    padding: 0.5em 0.25em;
    font-size: 0.9em;
    color: var(--c-redpale);
}

.fl--i-individu img {
    width: 16px;
}

.fiche-item-conteneur-typelab {
    font-family: var(--ff-play);
    color: var(--c-bluedark);
    font-weight: bold;
    padding: 0.25em;
    padding-bottom: 0;
    font-size: 0.9em;
}

.fiche-item-conteneur .fiche-item-conteneur-typelab {
    display: none;
}



.fiche-item {}

.fiche-item-dateindiv {}

.fiche-item-date {
    font-weight: bold;
}

.fiche-item-indiv {
    font-weight: bold;
}

.fiche-item-indiv-avatar {
    width: 16px;
}

.fiche-item-resultat {}

.fiche-item-etapes {
    opacity: 0.9;
}

.fiche-item-etapes-etape {
    margin-bottom: 1em;
    font-size: 0.9em;
}

.fiche-item-etapes--etape:last-child {
    margin-bottom: 0;
}

.fiee--slider-0 {}

.fiche-item-etapes--title {
    color: var(--c-redpale);
    font-weight: bold;
    font-size: 0.85em;
}

.fiche-item-etapes--label {}

.fiee--slider-0 .fiche-item-etapes--label {
    color: var(--c-redpale);
    text-decoration: line-through;
}

.fiee--label-icn {
    color: var(--c-bluedark);
}

.fiee--slider-0 .fiee--label-icn {
    color: var(--c-bluepale);
}

.fiee-radio-labelaccompagnant {
    font-size: 0.95em;
    margin: 0.15em 0.25em;
    margin-left: 0.5em;
    color: var(--c-redpale);
}

.fiche-edition-labelinfos-infosreference {
    font-size: 0.85em;
    color: var(--c-bluedark);
    font-weight: normal;
}


.fiche-tableauinfos {
    margin-top: 1em;
    border: 3px solid var(--c-red);
    border-radius: 20px;
    overflow-x: auto;
}

.fiche-tableauinfos-ligne-dates {
    color: white;
    font-weight: bold;
    font-size: 0.9em;
}

.fiche-tableauinfos-ligne-dates a:not(:hover) {
    color: white;
}

.fiche-tableauinfos-ligne-dates .ftil-label,
.fiche-tableauinfos-ligne-dates .ftil-contenu,
.fiche-tableauinfos-ligne-dates .ftil-contenu .fiche-tableauinfos-item {
    background-color: var(--c-red);
}

.fiche-tableauinfos-ligne-categorie {
    background-color: var(--c-beigepale);
    min-height: 10px;
}

.fiche-tableauinfos-ligne-contenu {}

.fiche-tableauinfos-ligne-contenu .ftil-label,
.fiche-tableauinfos-ligne-contenu .ftil-contenu .fiche-tableauinfos-item {
    background-color: white;
}

.fiche-tableauinfos .fiche-tableauinfos-ligne-contenu:nth-of-type(odd) .ftil-label,
.fiche-tableauinfos .fiche-tableauinfos-ligne-contenu:nth-of-type(odd) .ftil-contenu .fiche-tableauinfos-item {
    background-color: var(--c-beigeclaire);
}

.ftil-label {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    border-right: 1px solid var(--c-bluedark);
    z-index: 2;
}

.ftil-label>div {
    padding: 0.25em;
}


.fiche-tableauinfos-ligne-categorie .ftil-label {
    border-right: 1px solid transparent;
}

.fiche-tableauinfos-ligne-categorie .ftil-label>div {
    font-size: 0.8em;
    font-weight: bold;
    font-style: italic;
}

.ftil-contenu {}

.ftil-contenu .fiche-tableauinfos-item,
.ftil-label .fiche-tableauinfos-itemlabel {
    overflow: hidden;
}

.ftil-contenu .fiche-tableauinfos-item {
    padding: 0.5em 0.25em;
    border-right: 1px solid var(--c-bluedark);
}

.fiche-tableauinfos-ligne-dates .fiche-tableauinfos-item.this-date {
    font-weight: bold;
    background: var(--c-redpale);
}

.fiche-tableauinfos-ligne-contenu .fiche-tableauinfos-item.this-date {
    font-weight: bold;
}

.fiche-tableauinfos-ligne-contenu .fiche-tableauinfos-item:not(.this-date) {
    font-size: 0.95em;
}

.ftil-contenu>.fiche-tableauinfos-item:last-child {
    border-right: 0;
}


.notes-liste-contenu {}

.notes-liste-contenu-agenda {
    overflow-x: auto;
}

.note-item-conteneur {
    margin-top: 0.5em;
    padding: 0.25em;
}

.note-item {
    background: var(--c-white);
    border-radius: 31px;
    padding: 0.25em;
    padding-bottom: 0.75em;
    border: 4px solid var(--c-redpale);
}

.note-item.note-item-cachee {
    opacity: 0.7;
}

.note-item:hover {
    opacity: 1;
}


.note-item--patientstatut {}

.note-item--patient {
    padding: 0.25em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.9;
}

.note-item--statut {
    padding: 0.25em;
    font-family: var(--ff-play);
}

.note-item--dates {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.5em;
    margin: 0.2em;
    font-size: 0.9em;
    border: 1px solid var(--c-redclaire);
    color: var(--c-red);
}

.note-item--dates-label {
    color: #666666;
}

.note-item--details {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.75em;
    margin: 0.2em;
    border: 1px solid var(--c-redclaire);
    color: var(--c-bluedark);
}

.note-item--details a:not(:hover) {
    color: var(--c-bluedark);
}

.note-item--uopt {}

.note-item--u {
    padding: 0.15em;
    font-size: 0.95em;
    opacity: 0.8;
}

.note-item--options {
    padding: 0.15em;
}

.notes-liste-contenu-agenda .note-item-conteneur {
    min-width: 80%;
    width: 80%;
}

@media (min-width: 768px) {
    .notes-liste-contenu-agenda .note-item-conteneur {
        min-width: 50%;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .notes-liste-contenu-agenda .note-item-conteneur {
        min-width: 30%;
        width: 30%;
    }
}

.notes-liste-contenu-agenda .note-item {
    height: 100%;
}

.notes-liste-contenu-agenda .note-item--opturgence {
    display: none;
}

.notes-liste-contenu-agenda .note-item--dates-conteneur,
.notes-liste-contenu-agenda .note-item--details-conteneur {
    min-width: 100% !important;
    width: 100% !important;
}

.notes-liste-contenu-agenda .note-item--dates {
    opacity: 0.9;
    font-size: 0.9em;
}

.notes-liste-contenu-agenda .note-item--details>div {
    max-height: 100px;
    overflow: auto;
}

.note-item.noterdv-item {
    padding-bottom: 0.25em;
}

.note-item--tsrinfos {
    font-size: 0.9em;
    font-family: var(--ff-play);
    background-color: var(--c-white);
    border-radius: 20px;
    padding: 4px 2px;
}


.trans-all-liste-notes {
    border: 1px solid rgb(210, 210, 210);
}

.trans-all-liste-notes-lab {
    padding: 0.15em;
    font-variant: small-caps;
    color: #ab3b3d;
    font-weight: bold;
    font-size: 0.95em;
}

.note-item-conteneur.trans-all-liste-notes-item {
    margin: 0;
}

.note-item-conteneur.trans-all-liste-notes-item .note-item {
    height: 100%;
}

/* .io4 > .note-item .note-item--patientstatut .note-item--u, */
.note-item-conteneur.trans-all-liste-notes-item .note-item--patientstatut .note-item--u {
    font-size: 0.85em;
}

.io4 .hide-on-overlay,
#ptau-note .note-item .note-item--patientstatut .note-item--u,
.note-item-conteneur.trans-all-liste-notes-item .note-item--dates-label,
.note-item-conteneur.trans-all-liste-notes-item .note-item--patientstatut .note-item--statut,
.note-item-conteneur.trans-all-liste-notes-item .note-item--uopt {
    display: none;
}

/* .note-item-conteneur.trans-all-liste-notes-item .note-item .note-item--patientstatut .note-item--u { display: block; } */



#fiche-patient-notes {
    padding: 0.1em;
}

#fp-notes-btnlabel {}

#fp-notes-btnlabel--label {
    padding: 0.25em;
    font-family: Play;
    font-size: 0.95em;
    color: #ab3b3d;
}

#fp-notes-btnlabel--label.fp-notes-btnlabel--label--nbr-0 {
    opacity: 0.5;
    font-style: italic;
    color: black;
}

.trans-all-liste-notes-item {
    padding: 0.25em;
    min-width: 95%;
    width: 95%;
    max-width: 95%;
}

@media (min-width: 768px) {
    .trans-all-liste-notes-item {
        min-width: 50%;
        width: 50%;
        max-width: 50%;
    }
}


#fp-notes-liste {}

#fp-notes-liste-liste {
    max-height: 200px;
}

.fp-notes-liste--item {
    font-size: 0.9em;
    min-height: 40px;
}

a.fp-notes-liste--item:hover {
    background-color: var(--c-beige);
    color: var(--c-red);
}

.fpnli-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-redpale);
    padding: 6px 1px;
}

.fpnli-texte {
    padding: 6px;
}

.fp-notes-liste--item-conteneur:nth-child(even) .fp-notes-liste--item {}

.fptn--i-date-conteneur {
    padding: 0.25em;
    text-align: center;
    padding-bottom: 0;
    opacity: 0.8;
}

.fptn--i-date {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.5em;
    margin: 0.2em;
    font-size: 0.9em;
    border: 1px solid var(--c-redclaire);
}

.fptn--i-texte-conteneur {
    padding: 0.25em;
}

.fptn--i-texte {
    display: block;
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.5em;
    font-size: 0.9em;
    border: 1px solid var(--c-redclaire);
}

.fptn--i-opts {
    margin-bottom: 5px;
}




#fiche-patient-taches {
    padding: 0.1em;
}

#fp-taches-btnlabel {}

#fp-taches-btnlabel--label {
    padding: 0.25em;
    font-family: Play;
    font-size: 0.95em;
    color: #ab3b3d;
}

#fp-taches-btnlabel--label.fp-taches-btnlabel--label--nbr-0 {
    opacity: 0.5;
    font-style: italic;
    color: black;
}

/*
		#fp-taches-liste {
			max-height: 300px;
			overflow-y: auto;
		}

			.fp-taches-liste--item-conteneur {
				padding: 0.25em;
			}

			.fp-taches-liste--item {
				background: var(--c-white);
				border-radius: 31px;
				padding: 0.25em;
				border: 2px solid var(--c-redpale);
			}

			.fp-taches-liste--item-conteneur:nth-child(even) .fp-taches-liste--item {
				background: #cacaca;
			}

				.fptl--i-date {
					background-color: var(--c-beige);
					border-radius: 31px;
					padding: 0.5em;
					margin: 0.2em;
					font-size: 0.9em;
					border: 1px solid var(--c-redclaire);
				}

				.fptl--i-details {
					display: block;
					background-color: var(--c-beige);
					border-radius: 31px;
					padding: 0.5em;
					margin: 0.2em;
					font-size: 0.9em;
					border: 1px solid var(--c-redclaire);
				}

				.fptl--i-opts {
					margin: 0.2em;
				}



	.fp-taches-liste--item.tache-item-urgence--4 .fptl--i-date {
		color: red;
		font-weight: bold;
		border-color: var(--c-red);
	}
	.fp-taches-liste--item.tache-item-urgence--4,
	.fp-taches-liste--item.tache-item-urgence--4 .fptl--i-details {
		border-color: var(--c-red);
	}

	.fp-taches-liste--item.tache-item-urgence--3 .fptl--i-date {
		border-color: red;
		font-weight: bold;
	}

	.fp-taches-liste--item.tache-item-urgence--2 .fptl--i-date {
		font-weight: bold;
	}

	.fp-taches-liste--item.tache-item-urgence--1 .fptl--i-date { opacity: 0.9; }

	.fp-taches-liste--item.tache-item-urgence--0 .fptl--i-date { opacity: 0.8; }
*/

#fp-taches-proches-liste {
    font-size: 0.9em;
    opacity: 0.9;
    margin-top: 0.5em;
}

#fp-taches-proches-liste .v4-liste-item {
    color: var(--c-red);
}

#fp-taches-liste {}

#fp-taches-liste-liste {
    max-height: 150px;
}

.fp-taches-liste--item-conteneur {}

.fp-taches-liste--item {
    font-size: 0.9em;
    min-height: 40px;
}

.fptli-infosdate {
    padding: 6px 3px;
}

.fptli-opts {
    width: 44px;
}

.fptli-texte {
    padding: 6px;
}

.fp-taches-liste--item.tache-item-urgence--4 .fptli-infosdate {
    color: red;
    font-weight: bold;
    border-color: var(--c-red);
}

.fp-taches-liste--item.tache-item-urgence--4,
.fp-taches-liste--item.tache-item-urgence--4 .fptli-texte {
    border-color: var(--c-red);
}

.fp-taches-liste--item.tache-item-urgence--3 .fptli-infosdate {
    border-color: red;
    font-weight: bold;
}

.fp-taches-liste--item.tache-item-urgence--2 .fptli-infosdate {
    font-weight: bold;
}

.fp-taches-liste--item.tache-item-urgence--1 .fptli-infosdate {
    opacity: 0.9;
}

.fp-taches-liste--item.tache-item-urgence--0 .fptli-infosdate {
    opacity: 0.8;
}



.trans-liste-all-date {
    font-family: var(--ff-graphie);
    font-weight: bold;
    margin-top: 1.5em;
    font-size: 1.1em;
    color: var(--c-redpale);
    text-transform: uppercase;
}

.trans-liste--traces-patients-conteneur {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.5em;
}

.trans-liste--traces-patients-conteneur.pec-finie {
    font-size: 0.9em;
    opacity: 0.8;
}

.trans-liste--traces-patients {
    display: block;
    opacity: 0.9;
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding-left: 0.5em;
    border-left: 1px solid var(--c-red);
    color: black;
}

.trans-liste--traces-notes-conteneur-gal {
    opacity: 0.9;
    font-size: 0.9em;
    margin: 0;
    padding-left: 0.5em;
    border-left: 1px solid var(--c-red);
}

.trans-liste--traces-notes-conteneur {}

.trans-liste--traces-notes {
    display: block;
    margin: 0.5em;
    border: 1px solid var(--c-redpale);
    border-radius: 14px;
    padding: 0.5em;
    color: var(--c-red);
}

.trans-liste--traces-notes:hover {
    background-color: var(--c-redclaire);
    color: var(--c-white);
}

.trans-liste--traces-soins {
    display: block;
    opacity: 0.9;
    font-family: var(--ff-play);
    font-size: 0.9em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid #ab3b3d;
    color: black;
}

.trans-liste--traces-soins.soin-fini {
    font-size: 0.85em;
    opacity: 0.8;
}

.trans-liste--traces-patients-conteneur .trans-liste--traces-soins {
    margin: 0;
    padding-left: 1em;
}

.tl--t-s-uidentite {
    font-weight: bold;
}

.tl--t-s-date {
    font-weight: bold;
}

.tl--t-s-nom {
    font-weight: bold;
    font-size: 1.1em;
    color: #ab3b3d;
}

.tl--t-s-infospec {
    font-size: 0.95em;
    color: gray;
}

.trans-liste--traces-patients-conteneur.pec-finie .trans-liste--traces-soins .tl--t-s-infospec {
    display: none;
}

.tl--t-s-icn {
    font-size: 0.9em;
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
}

.tl--t-s-details {
    margin: 0.15em 0.75em;
    padding: 0.25em;
    font-style: italic;
    background: #fafafa;
}

.trans-liste--traces-patients-absences-conteneur,
.trans-liste--traces-patients-retours-conteneur {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.trans-liste--traces-patients-absences,
.trans-liste--traces-patients-retours {
    font-size: 0.85em;
    border-left: 0;
    padding-left: 0.25em;
}


.page-t-titre {
    padding: 0.5em 0.25em;
    text-align: center;
    font-size: 1.1em;
}


.profil2-onglet {
    padding: 0.25em;
}

.profil2-onglet-contenu {
    margin: 0.1em;
    font-family: var(--ff-play);
    border: 1px solid lightgray;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 75px;
    padding: 0.25em;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
    opacity: 0.8;
    color: black;
    transition: 0.25s linear all;
    text-shadow: 0 0 2px white;
}

.profil2-onglet-contenu:hover {
    opacity: 1;
    margin: 0;
}

.profil2-onglet-contenu.active {
    opacity: 0.9;
    margin: 0;
    color: #ab3b3d;
    font-weight: bold;
    border-color: gray;
}

.profil2-head {}

.profil2-head>div {
    padding: 0.5em 1em;
}


.v4-cadre-oh {
    overflow: hidden;
}

.v4-cadre1,
.v4-cadre3 {
    border: 2px solid var(--c-red);
    border-radius: 20px;
    /* overflow: hidden; */
    box-shadow: 0px 5px 10px #00000029;
}

.v4-cadre1 .v4-cadre-titre-conteneur,
.v4-cadre3 .v4-cadre-titre-conteneur {
    background-color: var(--c-redpale);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.v4-cadre1 .v4-cadre-titre,
.v4-cadre3 .v4-cadre-titre {
    font-family: var(--ff-graphie);
    font-weight: bold;
    background-color: var(--c-red);
    color: var(--c-white);
    border-radius: 20px;
}

.v4-cadre1.v4-cadre-oh .v4-cadre-titre,
.v4-cadre3.v4-cadre-oh .v4-cadre-titre {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.v4-cadre1 .v4-cadre-titre>div,
.v4-cadre3 .v4-cadre-titre>div {
    padding: 0.5em 1em;
}

.v4-cadre1 .v4-cadre-soustitre,
.v4-cadre3 .v4-cadre-soustitre,
.v4-liste .v4-liste-soustitre {
    background-color: var(--c-redpale);
    color: white;
    border-radius: 20px;
}

.v4-cadre1 .v4-cadre-soustitre>div,
.v4-cadre3 .v4-cadre-soustitre>div,
.v4-liste .v4-liste-soustitre>div,
.v4-liste .v4-liste-soustitre>td:not(.tableau-a-deployer-btn-conteneur) {
    padding: 0.75em;
    font-weight: bold;
    font-size: 0.9em;
}

.v4-liste-pagination {
    background-color: var(--c-jaune);
    padding: 0.25em 0.1em;
}

.v4-cadre2 {
    background-color: var(--c-jaune);
    border-radius: 20px;
    padding: 1em;
    margin: 1em;
    box-shadow: 0px 5px 10px #00000029;
    font-size: 0.95em;
    /* color: var(--c-red); */
    color: var(--c-bluedark);
}

.v4-cadre2.small {
    padding: 0.5em 0.75em;
    margin: 0.5em;
    font-size: 0.9em;
}

@media (max-width: 425px) {
	.v4-cadre2 {
		margin-left: 2px !important;
		margin-left: MIN(2px, 0.5em) !important;
		margin-right: 2px !important;
		margin-right: MIN(2px, 0.5em) !important;
		padding-left: 8px !important;
		padding-left: MIN(8px, 0.5em) !important;
		padding-right: 8px !important;
		padding-right: MIN(8px, 0.5em) !important;
	}
}


.v4-cadre2>p:first-child {
    margin-top: 0;
}

.v4-cadre2>p:last-child {
    margin-bottom: 0;
}


.v4-cadre3 {
    background-color: var(--c-beige);
}

.v4-liste {
    border: 1px solid var(--c-red);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 5px 10px #00000029;
}

.v4-liste-titre {
    background-color: var(--c-red);
    font-family: var(--ff-graphie);
    font-weight: bold;
    color: white;
}

.v4-liste-titre.v4-liste-titre-radiused {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

tr.v4-liste-titre>td:not(.nostylefromtitre),
.v4-liste-titre>div:not(.nostylefromtitre) {
    padding: 0.75em;
}

.v4-liste-titre.c--redpale {
    background-color: var(--c-redpale);
}

.v4-liste-item {}

.v4-liste-item:not(.hidden):not(.odd-force):nth-of-type(even),
.v4-liste-contenu .v4-liste-item:not(.odd-force):nth-child(even of :not(.hidden)),
.v4-liste-item.even-force {
    background-color: var(--c-beigeclaire);
}

.v4-liste-item.odd-force {
    background-color: var(--c-white);
}

a.v4-liste-item:hover,
.v4-liste-item.react:hover {
    background-color: var(--c-beigepale) !important;
}

.v4-cadre-contenu-generique {
    margin: 0.7em 1em;
}


.v4-cadre4 {
    border: 1px solid var(--c-beige);
    border-radius: 20px;
    /* overflow: hidden; */
    box-shadow: 0px 5px 10px #00000029;
    background-color: var(--c-beigeclaire);
    padding: 0.5em;
}

.v4-soustitre {
    background-color: var(--c-redpale);
    color: white;
    border-radius: 20px;
    padding: 0.5em 0.75em;
    font-weight: bold;
    box-shadow: 0px 5px 10px #00000029;
}

.v4-titre {
    background-color: var(--c-red);
    color: white;
    border-radius: 20px;
    padding: 0.5em 0.85em;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0px 5px 10px #00000029;
}


#profil2-notifications-conteneur {}

#profil2-notifications-thead {}

#profil2-notifications-thead>div {}

.profil2-notif-colonne-email {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

#profil2-notifications-thead .profil2-notif-colonne-email {
    border-color: gray;
}

.profil2-notif-lignetype {}

.profil2-notif-type {}

.profil2-notif-ligne {}

.profil2-notif-txt {
    padding: 1.25em 0.75em;
    font-size: 0.9em;
    color: var(--c-bluedark);
}


.profil2-fonctionnements-label {
    padding: 1em 0.5em;
    border: 1px solid lightgray;
    color: var(--c-bluedark);
}

#profil2-avatar-apercu-conteneur {
    height: 165px;
    min-height: 165px;
    max-height: 165px;
    border: 2px solid var(--c-red);
    border-radius: 15px;
}

#profil2-avatar-apercu-conteneur:hover {
    border-color: gray;
    background-color: rgba(200, 200, 200, 0.2);
}


#profil2-avatar-apercu {
    width: 155px;
    height: 155px;
    background-image: url('./images/site/avatar_sans.png');
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    border: 2px solid var(--c-bluepale);
}

#profil2-avatar-apercu:hover {
    border-color: var(--c-bluedark);
}


#profil2-signature-apercu-conteneur {
    border: 1px solid lightgray;
}

#profil2-signature-apercu-conteneur #profil-signature-actuelle:hover {
    border-color: gray;
    background-color: rgba(200, 200, 200, 0.2);
}


#agenda-rdv-tp-viachamps-recherche,
.form-adresse-recherche-villesproposees {
    position: absolute;
    top: 100%;
    right: 5px;
    max-height: 100px;
    z-index: 11;
    display: none;
    width: 98%;
}

#agenda-rdv-tp-viachamps-recherche.showed {
    display: block;
}

#agenda-rdv-tp-viachamps-recherche-contenu,
.form-adresse-recherche-villesproposees-contenu {
    max-height: 100px;
    overflow-y: auto;
    margin: 1px;
    background: var(--c-beige);
    border: 2px solid var(--c-redpale);
    border-radius: 10px;
    padding: 2px;
}

.cotation-viachamps-recherche-contenu,
#agenda-rdv-tp-viachamps-recherche-contenu,
#agenda-rdv-tp-viachamps-recherche {
    max-height: 150px;
}

.cotation-viachamps-recherche,
.tr-viachamps-recherche,
.tp-viachamps-recherche {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 150px;
    z-index: 11;
    display: none;
}

.cotation-viachamps-recherche.showed,
.tr-viachamps-recherche.showed,
.tp-viachamps-recherche.showed {
    display: block;
}

.cotation-viachamps-recherche-contenu,
.tr-viachamps-recherche-contenu,
.tp-viachamps-recherche-contenu {
    max-height: 150px;
    overflow-y: auto;
    margin: 1px;
    background-color: white;
    padding: 2px;
    border: 1px solid lightgray;
}

.form-adresse-recherche-villesproposees-contenu .ville-recherche-resultats-item,
#profil2-adresse-villesproposees-contenu .ville-recherche-resultats-item {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 3px 6px;
    border: 1px solid var(--c-red);
    border-radius: 10px;
    margin: 0.25em;
    background-color: var(--c-white);
}

.form-adresse-recherche-villesproposees-contenu .ville-recherche-resultats-item:hover,
#profil2-adresse-villesproposees-contenu .ville-recherche-resultats-item:hover {
    background-color: rgba(200, 200, 200, 0.2);
}

#profil2-adresse-ville-viaid {}

.adresse-lab-generique-lab,
#profil2-adresse-ville-viaid-lab {
    font-size: 0.85em;
}

.profil2-autorisation_rempla-ligne {
    padding: 0.25em;
    margin-bottom: 0.25em;
    border: 1px solid var(--c-redclaire);
    border-radius: 15px;
}

.profil2-autorisation_rempla-ligne div.formv3-donnees-conteneur {
    padding: 2px;
}


.ui-effects-transfer {
    z-index: var(--zi-lvl-10);
    border: 1px dotted gray;
    background-color: #f9f9f9;
    background-color: rgba(250, 250, 250, 0.9);
}

.profil2-infos-adeli {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.formv3-oursondevoreur-certif {
    opacity: 0.1 !important;
    height: 0px !important;
    max-height: 0px !important;
    min-height: 0px !important;
    width: 0px !important;
    max-width: 0px !important;
    min-width: 0px !important;
    overflow: hidden !important;
    padding: 0px !important;
}


.msg-around-loggin {
    margin: 0.5em;
    border: 1px solid gray;
    border-radius: 5px;
    font-size: 0.9em;
}

a.msg-around-loggin:hover {
    background-color: rgba(200, 200, 200, 0.2);
}



.input-pin {
    width: 50px;
    height: 50px;
    font-size: x-large;
    font-family: play;
    text-align: center;
}


input[type="number"].input-nbr-without-arrows::-webkit-outer-spin-button,
input[type="number"].input-nbr-without-arrows::-webkit-inner-spin-button,
.datepicker-input-conteneur input[type="number"]::-webkit-outer-spin-button,
.datepicker-input-conteneur input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"].input-nbr-without-arrows,
.datepicker-input-conteneur input[type="number"] {
    -moz-appearance: textfield;
}


#pin-conteneur {
    overflow-y: auto;
}

#pin-numbers {
    width: 100%;
    z-index: 15;
}

#pin-numbers-content {
    max-width: 500px;
    margin: auto;
    background: var(--c-red);
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 768px) {
    #pin-numbers {
        position: fixed;
        bottom: 0;
    }
}

html.onApp #pin-numbers {
    bottom: 55px;
}

.pin-numberize {
    height: 55px;
    color: white;
    font-size: x-large;
    font-family: var(--ff-play);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pin-numberize:focus,
.pin-numberize:active {
    background: rgba(255, 255, 255, 0.5);
    color: black;
}

.pin-numberize-icn {
    opacity: 0.5;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

html.nofooter-forpin #footer,
body.no-footer #footer {
    display: none;
}

html.nofooter-forpin.hasChat:not(.onApp) #conteneur-general {
    padding-bottom: 435px;
    background-image: url(./images/site/dots_footer_opacity.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
}


#import-form-suite,
#import-form-config,
.import-logiciels-infos {
    display: none;
}

#import-form-infos-logiciels {
    margin: 0.5em;
    font-size: 0.9em;
    padding: 0.5em;
    border: 2px solid var(--c-redpale);
    border-radius: 15px;
}

.import-logiciels-infos {}

#import-form-infos-logiciels-voirprocedure {
    text-align: right;
    margin-top: 0.5em;
    font-size: 0.9em;
    color: gray;
}

#import-form-config-label {}

#import-resultats-presentation {
    font-size: 0.9em;
}

#irp-infosresultats {
    text-align: center;
    margin-top: 0.5em;
    font-size: 1.1em;
}


.import-resultats-categ-lettre {
    margin-top: 1em;
}

.import-resultats-retour--nom {
    margin-top: 1em;
    color: #ab3b3d;
    font-family: Play;
    font-weight: bold;
}

.import-resultats-retour--patient-conteneur {
    margin: 0.25em;
    box-shadow: 0px 5px 10px #00000029;
    border: 3px solid var(--c-redpale);
    border-radius: 30px;
}

.irr--pc--formulaire,
.irr--pc--presentation {
    margin: 0.5em;
}

.irr-pc-presentation-donnee {
    font-family: var(--ff-play);
}

.irr-pc-presentation-lack {
    font-family: var(--ff-play);
    font-style: italic;
    color: gray;
    opacity: 0.8;
}

.irr--pc--traitementfait {
    display: none;
    margin: 0.15em 0.25em;
}

.irr--form--ligne--donnee-conteneur {
    padding: 3px;
}

.irr--form--ligne--donnee {
    border: 1px solid lightgray;
    padding: 2px;
    opacity: 0.7;
}

.irr-form--ligne--donnee.checked {
    opacity: 1;
}

.import-resultats-retour--patient-conteneur.import-traite {
    opacity: 0.4;
}

.import-resultats-retour--patient-conteneur.import-traite:hover {
    opacity: 0.8;
}

.import-resultats-retour--patient-conteneur.import-traite .irr--pc--select-tpid-conteneur,
.import-resultats-retour--patient-conteneur.import-traite .irr--pc--presentation,
.import-resultats-retour--patient-conteneur.import-traite .irr--pc--formulaire {
    display: none;
}

.import-resultats-retour--patient-conteneur.import-traite .irr--pc--traitementfait {
    display: block;
}

#import-form-fichier-pickachoose {}

.iffp-types,
.iffp-datas {
    padding: 2px;
}

.iffp-logiciel-ligne,
#iffp-inputfile,
#iffp-textarea {
    display: none;
}

#iffp-textarea {}

#iffp-textarea textarea.textareav3 {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    resize: none;
}

.agenda-taches {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.agenda-taches-top {
    margin-top: 0;
}

.agenda-tableau {
    position: relative;
    overflow: visible;
}

.agenda-header {
    background: gray;
    font-family: var(--ff-play);
    font-variant: small-caps;
    font-size: 1.15em;
    font-weight: bold;
    color: white;
}

.agenda-header-navig,
.agenda-header-titre {}

.agenda-header-titre {
    text-align: center;
}

.agenda-premiereligne,
.agenda-derniereligne {
    font-family: var(--ff-play);
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}


.agenda-premiereligne {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    z-index: 15;
}

.agenda-show-scroll .agenda-premiereligne {
    overflow-x: auto;
}

/* html:not(.onApp) .agenda-premiereligne { top: 45px; } */

html.modeVitrine:not([data-uconnecte="1"]) .agenda-premiereligne {
    top: 70px;
}

@media (max-width: 992px) {
    html:not(.onApp):not(.modeVitrine) .agenda-premiereligne {
        top: 35px;
    }
}

/* html.onappiOs .agenda-premiereligne { top: 0px !important; } */

.agenda-tableau-nbrjrs-1 .agenda-premiereligne {
    min-height: 41px;
}

.agenda-tableau-nbrjrs-1 .agenda-premiereligne:not(.stickyness) .agenda-header-navig {
    display: none;
}

.agenda-tableau-nbrjrs-1 .agenda-premiereligne.stickyness .apdlj-whoworks {
    display: none;
}


.agenda-premierederniereligne-jour {
    width: var(--t-width-colonne);
    min-width: var(--t-width-colonne);
    max-width: var(--t-width-colonne);
    border: 1px solid gray;
    border-top: 0px;
    border-bottom: 0px;
}

.agenda-premiereligne .agenda-premierederniereligne-jour {
	height: 100%;
    min-height: 35px;
}

.apdlj-whoworks {
    margin-bottom: 0.5em;
    padding-top: 0.25em;
}

.apdlj-whoworks-item {
    font-size: 12px;
    text-shadow: 0 0 2px white;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    position: relative;
    margin-right: 4px;
}

.apdlj-whoworks-soir .apdlj-whoworks-item {
    margin-right: 0;
    margin-left: 4px;
}

.apdlj-wwi-initiales {
    height: 100%;
    width: 100%;
    border-radius: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
}

.apdlj-wwi-tournee {
    position: absolute;
    bottom: -5px;
    right: -5px;
}

.apdlj-wwi-tournee .t-tournee-infos {
    font-size: 11px;
    padding: 1px 2px;
    opacity: 0.8;
}

.apdlj-wwi-doublon {
    position: absolute;
    top: -5px;
    left: -2px;
}

.apdlj-wwi-doublon>span {
    font-size: 10px;
    padding: 1px 2px;
    opacity: 0.9;
    border-radius: 50px;
}


.agenda-tableau-content {
    overflow-x: auto;
    overflow-y: hidden;
}

.rappel-soins-sans-horaires {
    width: var(--t-width-colonne);
    min-width: var(--t-width-colonne);
    max-width: var(--t-width-colonne);
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
}

.alh {}

.alh-h {}

.alh-h-block {
    font-family: var(--ff-play);
    font-size: 0.95em;
    font-weight: bold;
    color: gray;
    padding: 0.2em;
    padding-top: 0.5em;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    width: var(--t-width-colonne);
    min-width: var(--t-width-colonne);
    max-width: var(--t-width-colonne);
}

.alh-h-block,
.alh-hm {
    min-height: 20px;
}

.alh-hm.alh-hm-vide {
    /* display: none; */
}

.alh-hm.alh-hm-vide.alh-hm-vide-hide {
    display: none;
}

.alh-hm.alh-hm-vide-dots .alt-ch-h,
.alh-hm.alh-hm-vide-dots .alt-ch-min,
.alh-hm:not(.alh-hm-vide-dots) .alt-ch-dots {
    display: none;
}


.alh-tr-bckjr {
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    width: var(--t-width-colonne);
    min-width: var(--t-width-colonne);
    max-width: var(--t-width-colonne);
    min-height: 5px;
    border-top: 1px solid var(--c-beige);
}

.alt-contenu {
    width: 100%;
}

.alt-ch {
    font-family: var(--ff-play);
    font-size: 0.8em;
    text-align: right;
    padding-right: 2px;
}

.alt-ch-h {
    color: var(--c-beige);
    opacity: 0.8;
    font-size: 0.9em;
}

.alt-ch-min {
    color: var(--c-beige);
    font-weight: bold;
}

.alt-ch-dots {
    color: var(--c-redclaire);
    font-weight: bold;
    padding: 0 3px;
}



.alt-c--note-conteneur {
    padding: 0.25em;
    font-size: 0.95em;
}

.alt-c-n-c-contenu {
    /* border: 1px solid #ab3b3d; */
    background-color: white;
    border-radius: 5px;
    position: relative;
}

.alt-c--n-c-patienticn {
    font-family: var(--ff-play);
}

.alt-c--n-c-icn {
    padding: 2px 4px;
    font-size: 0.85em;
}

.alt-c--n-c-patient {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px 5px;
    color: #ab3b3d;
}

.alt-c--n-c-patient .tp-identite-nom {
    font-weight: bold;
}

.alt-c--n-c-patient .tp-identite-prenom {
    font-size: 0.9em;
}

.alt-c-patient-tournee {
    font-size: 0.8em;
    background: rgba(230, 230, 230, 0.8);
    border-radius: 15px;
    padding: 2px;
    opacity: 0.9;
    color: black;
}

.alt-c-n-c-infos {
    position: relative;
}

.alt-c-n-c-infos--notes {}

.alt-n-c-infos--note-bigconteneur {
    padding: 0.15em;
    margin-top: 0.15em;
}

.alt-c-n-c-infos--note {
    display: block;
    padding: 0.25em 0.15em;
    border: 1px solid lightgray;
    border-radius: 3px;
}

.alt-c-n-c-infos--note:hover {
    background: rgba(250, 250, 250);
}

.alt-c-n-c-infos--note.alt-c-n-c-infos--note-rappel {
    opacity: 0.8;
}

.alt-c-n-c-infos--note .anr-heure {
    font-family: var(--ff-play);
    font-weight: bold;
    color: black;
    font-size: 0.9em;
}

.alt-c-n-c-infos--note .anr-dateheure {
    color: #535353;
}

.alt-c-n-c-infos--note .anr-icn {
    font-size: 0.85em;
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
    opacity: 0.9;
}




.altcrc {
    padding: 0.25em;
}

.alt-c-r-c-contenu {
    /* border: 1px solid var(--c-red); */
    background-color: var(--c-white);
    border-radius: 18px;
    position: relative;
}

.alt-c-r-c-contenu::after {
    box-sizing: content-box;
    border: 1px solid var(--c-red);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 10;
    border-radius: 18px;
    pointer-events: none;
}

.agenda-tableau-content .agenda-shadows {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    top: 100%;
    background-color: rgba(250, 250, 250, 0.8);
    z-index: 10;
    border-radius: 5px;
}

.agenda-tableau-content.display-dropdown .agenda-shadows {
    display: block;
}

.alt-c--r-c-horairepatient {
    background: var(--c-red);
    color: var(--c-white);
    position: relative;
    min-height: 32px;
    border-radius: 18px;
}

.altcrc.display-content .alt-c--r-c-horairepatient {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.agenda-menufromhoraire,
.agenda-menufrompatient {
    display: none;
    position: absolute;
    width: 100%;
    /* background: var(--c-beigeclaire); */
    background: var(--c-white);
    top: 100%;
    z-index: 15;
    color: var(--c-bluedark);
    border: 1px solid var(--c-blueclaire);
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.agenda-menufromhoraire.totop,
.agenda-menufrompatient.totop {
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.agenda-menufromhoraire-item,
.agenda-menufrompatient-item {}

.agenda-menufrompatient-item-fiche {
    padding: 1px 0;
}

.agenda-menufrompatient-item-coordonnees {
    min-height: 10px;
}

.agenda-menufrompatient-item-coordonnees-adresse,
.agenda-menufrompatient-item-coordonnees-tel {
    /* min-height: 32px; */
    margin: 0.25em 0.15em;
    border: 1px solid var(--c-redpale);
    background-color: var(--c-redclaire);
    padding: 0.25em;
    border-radius: 20px;
    background-color: var(--c-jaune-05);
    /* border-color: var(--c-redclaire); */
    border-color: transparent;
}

.amfpica-infos,
.amfpict-infos {
    padding-left: 3px;
    max-width: calc(100% - 40px);
}

.amfpict-infos-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85em;
    text-transform: none;
    color: var(--c-red);
}

.amfpica-infos-label {
    font-size: 0.8em;
    color: var(--c-red);
}

/* .agenda-menufrompatient-item-coordonnees-adresse { */
/* font-size: 0.9em; */
/* margin: 0.25em 0.5em; */
/* border: 1px solid var(--c-redpale); */
/* padding: 0.5em; */
/* border-radius: 20px; */
/* } */
/* .agenda-menufrompatient-item-coordonnees-adresse > a { */
/* margin-bottom: 0.5em; */
/* } */

.agenda-menufrompatient-item-coordonnees-tel .amict-type {
    font-size: 0.85em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agenda-menufrompatient-item-coordonnees-tel .amict-num {
    text-align: center;
}

.infoscoordonnees-patient-adresse,
.infoscoordonnees-patient-tel {
    box-shadow: 0 0 3px grey;
    margin-bottom: 0.5em;
}

.infoscoordonnees-patient-adresse-type,
.infoscoordonnees-patient-tel-type {
    background: #ab3b3d;
    color: white;
    padding: 0.15em;
    text-align: left;
}

.infoscoordonnees-patient-adresse-type>div,
.infoscoordonnees-patient-tel-type>div {
    max-height: 60px;
    overflow-y: auto;
}

.infoscoordonnees-patient-adresse-adresse,
.infoscoordonnees-patient-tel-num {
    background: lightgray;
    padding: 0.25em;
    font-size: 1.1em;
}

.alt-c--r-c-horaire {
    font-family: var(--ff-play);
    padding: 1px 3px;
    white-space: nowrap;
    font-size: 0.9em;
    width: 90px;
}

.alt-c--r-c-horaire-heure {
    opacity: 0.8;
}

.alt-c--r-c-horaire-minutes {
    font-weight: bold;
}

.alt-c--r-c-horaire-visitedomcab {
    font-weight: normal;
    margin-left: 2px;
    color: var(--c-beige);
}

.altcrc:not(.visite-domcab-cab) .hideifdomcab-notcab,
.altcrc.visite-domcab-cab .hideifdomcab-cab,
.altcrc:not(.visite-domcab-telesoin) .hideifdomcab-nottelesoin,
.altcrc.visite-domcab-telesoin .hideifdomcab-telesoin,
.altcrc:not(.visite-domcab-domfree) .hideifdomcab-notdomfree,
.altcrc.visite-domcab-domfree .hideifdomcab-domfree,
.altcrc:not(.visite-domcab-dom) .hideifdomcab-notdom,
.altcrc.visite-domcab-dom .hideifdomcab-dom {
    display: none;
}

.alt-c--r-c-patient {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: var(--c-redpale);
    border-radius: 18px;
    padding: 1px 5px;
}

.alt-c--r-c-patient-p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.altcrc.withDataCv .alt-c--r-c-patient-p {
    width: calc(100% - 40px);
}

.alt-c--r-c-patient .tp-identite-nom {
    font-weight: bold;
}

.alt-c--r-c-patient .tp-identite-prenom {
    font-size: 0.9em;
}

.alt-c-soin-tournee {
    font-size: 0.9em;
    background: rgba(200, 200, 200, 0.8);
    border-radius: 15px;
    padding: 1px 5px;
    margin-right: 1px;
    color: white;
}

.alt-c--r-c-patient-cv {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.alt-c--r-c-patient-cv.read {
    /* background-color: var(--c-vitale-1); */
    /* color: var(--c-vitale-2); */
    color: var(--c-vitale-1);
}

.alt-c--r-c-patient-cv.unread {
    color: var(--c-beige);
    opacity: 0.7;
}

.alt-c--r-c-patient-amc {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.alt-c--r-c-patient-amc.read {
    /* background-color: var(--c-vitale-1); */
    color: var(--c-vitale-1);
}

.alt-c--r-c-patient-amc.unread {
    color: var(--c-beige);
    opacity: 0.7;
}

.alt-tpamocrecap {
    font-family: var(--ff-play);
    font-size: 0.75em;
    border: 1px solid var(--c-beigepale);
    border-radius: 6px;
    margin: 3px;
    margin-top: 5px;
    text-align: center;
    color: var(--c-redpale);
}

.alt-tpamocrecap:hover {
    border-color: var(--c-redpale);
}

.alt-tpamocrecap>div {
    padding: 2px;
}

.alt-c-r-infos--nbrsoins-nbr {
    padding: 0.15em;
    font-size: 0.85em;
    color: var(--c-bluedark);
    text-transform: uppercase;
    font-weight: bold;
}

.alt-c-r-c-infos {
    position: relative;
}



.alt-c-r-infos--nbrsoins {}

.alt-r-c-infos--parent-nonprogramme {
    padding: 0.25em;
    padding-bottom: 0em;
    font-style: italic;
    color: gray;
}

.alt-c-r-c-infos--soins {
    padding: 1px;
    padding-bottom: 0.6em;
}

.alt-r-c-infos--soin-bigconteneur {
    position: relative;
}

.alt-r-c-infos--soin-bigconteneur.display-content {
    z-index: 12;
}

.agenda-menufromsoin {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    /* top: 100%; */
    top: 35px;
    z-index: 15;
    color: black;
    border: 1px solid var(--c-red);
    border-top-width: 0px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.agenda-menufromsoin.totop {
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.agenda-menufromsoin-item {}


.alt-r-c-infos--soin-bigconteneur.display-content .alt-c-r-infos--soin-action-realisation {
    opacity: 0.5;
}

.alt-r-c-infos--soin-bigconteneur.canbedragged {
    /* cursor: pointer; */
}

.alt-r-c-infos--soin-bigconteneur.canbedragged .alt-c-r-infos--soin-nom {
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alt-c-r-c-infos--cotation {
    display: none;
    text-align: left;
    font-family: var(--ff-play);
    font-size: 0.75em;
    opacity: 1;
    color: var(--c-redpale);
}

.alt-c-r-c-infos--cotation span.t-elem-cotpec-cotation-generique {
    font-weight: normal;
}

.alt-c-r-c-infos--soin {
    margin: 0.5em 0;
    border-bottom: 1px dashed lightgray;
    overflow: hidden;
    max-width: 100%;
}

.alt-c-r-c-infos--soin-lignenomstatut {
    min-height: 35px;
}

.alt-c-r-c-infos--soin-stats {
    display: none;
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.75em;
    opacity: 0.8;
}

.alt-c-r-c-infos--soin-stats:not(.fc-red) {
    color: var(--c-bluedark);
}

.agenda-tableau.agenda-tableau-nbrjrs-1 .alt-c-r-c-infos--cotation,
.agenda-tableau.agenda-tableau-nbrjrs-1 .alt-c-r-c-infos--soin-stats {
    display: block;
}


.alt-r-c-infos--soin-bigconteneur--enfant {
    margin-left: 0.5em;
    padding-left: 0.25em;
    border-left: 1px solid gray;
}

.alt-r-c-infos--soin-bigconteneur--enfant .alt-c-r-c-infos--soin {
    margin: 0;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

.alt-c-r-c-infos--soins .alt-r-c-infos--soin-bigconteneur:last-child .alt-c-r-c-infos--soin {
    border-bottom: 0px;
    margin-bottom: 0.25em;
}


.alt-c-r-infos--soin-nom {
    max-width: 100%;
    padding: 0.15em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alt-c-r-c-infos--soin-done-nonfait .alt-c-r-infos--soin-nom {
    text-decoration: line-through;
}

.alt-c-r-c-infos--soin-done .alt-c-r-infos--soin-nom {
    max-width: calc(100% - var(--t-agenda-tsr));
}

.alt-c-r-c-infos--soin-done.alt-c-r-c-infos--soin-done-val .alt-c-r-infos--soin-nom {
    max-width: calc(100% - 70px);
}

.alt-c-r-infos--soin-nom-categ {
    padding-right: 0.2em;
}

.alt-c-r-infos--soin-nom-nom {
    font-family: var(--ff-play);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alt-c-r-infos--soin-infos {
    display: none;
    margin: 0.25em;
    border: 1px solid var(--c-redclaire);
    padding: 0.5em;
    font-size: 0.8em;
    max-height: 91px;
    overflow-y: auto;
    opacity: 0.9;
    border-radius: 18px;
}

.alt-c-r-infos--soin-noterdv {
    margin: 0.25em;
    border: 1px solid var(--c-redpale);
    padding: 0.5em;
    font-size: 0.9em;
    border-radius: 18px;
    color: var(--c-bluedark);
    font-style: italic;
}

.alt-c-r-infos--soin-dernierjour {
    text-align: center;
    font-size: 0.9em;
    color: red;
    opacity: 0.8;
}

.alt-c-r-infos--soin-dernierjour.alt-c-r-infos--soin-dernierjour-jrunique {
    color: #7aa571;
    font-size: 0.85em;
}

.alt-c-r-c-infos--soin-done {
    opacity: 0.7;
}

.alt-c-r-c-infos--soin-done .alt-c-r-infos--soin-infos,
.alt-c-r-c-infos--soin-done .alt-c-r-infos--soin-dernierjour,
.alt-c-r-c-infos--soin-done .alt-c-r-infos--soin-action-realisation {
    display: none;
}

.alt-c-r-c-infos--soin-done .alt-c-r-infos--soin-nom {}

.alt-c-r-infos--soin-action-realisation {
    height: 33px;
    min-height: 33px;
    max-height: 33px;
    min-width: 55px;
}

.ptu-rdv-realisation {
    margin-top: 0.5em;
}

.ptu-rdv-realisation.ptu-rdv-realisation--ta,
.alt-c-r-infos--soin-action-realisation.alt-c-r-infos--soin-action-realisation--ta {
    min-width: 65px;
}

.ptu-rdv-realisation .bton.bton-small,
.alt-c-r-infos--soin-action-realisation .bton.bton-small {
    min-height: 33px !important;
    height: 33px !important;
    margin: 0;
}

.alt-c-r-infos--soin-action-realisation.showbtns {
    min-width: 130px;
}

.ptu-rdv-realisation-askforsets,
.alt-c-r-infos--soin-action-realisation-askforsets {
    max-height: 100%;
}

.alt-c-r-infos--soin-action-realisation-askforsets .tsr-case-soin-horaire-valeur-input {
    height: 33px !important;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 65px;
    text-align: center;
}

.ptu-rdv-realisation-askforsets .tsr-case-soin-horaire-valeur-input {
    min-height: 33px !important;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
}

.ptu-rdv-realisation.showbtns .ptu-rdv-realisation-askforsets,
.alt-c-r-infos--soin-action-realisation.showbtns .alt-c-r-infos--soin-action-realisation-askforsets,
.ptu-rdv-realisation:not(.showbtns) .ptu-rdv-realisation-sets,
.alt-c-r-infos--soin-action-realisation:not(.showbtns) .alt-c-r-infos--soin-action-realisation-sets {
    display: none;
}

.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemehoraire,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-patientabsent,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemetournee {
    color: gray;
    opacity: 0.8;
    font-size: 0.9em;
}

.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemetournee .alt-c-r-infos--soin-dernierjour,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemehoraire .alt-c-r-infos--soin-dernierjour,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemehoraire .alt-c-r-infos--soin-infos,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-patientabsent .alt-c-r-infos--soin-dernierjour,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-patientabsent .alt-c-r-infos--soin-infos,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemetournee .alt-c-r-infos--soin-infos {
    display: none !important;
}

.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemehoraire .alt-c-r-infos--soin-nom-categ,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-patientabsent .alt-c-r-infos--soin-nom-categ,
.alt-c-r-c-infos--soin.alt-c-r-c-infos--soin-pasmemetournee .alt-c-r-infos--soin-nom-categ {
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}

.alt-c-r-c-infos--soindragged {
    display: none;
    margin: 0.5em 0;
    border-top: 1px dotted lightgray;
}

.alt-c-r-c-infos--soin.clone-draggable {
    background: white;
    border: 1px solid lightgray;
    border-top: 0px;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 185px;
    margin-top: 0;
}

.alt-c-r-c-infos--soin.clone-draggable .alt-c-r-infos--soin-infos,
.alt-c-r-c-infos--soin.clone-draggable .alt-c-r-infos--soin-action-realisation {
    display: none;
}

.clonesoin-patient {
    font-family: Play;
    background: #ab3b3d;
    color: white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 185px;
    max-width: 185px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alt-c-r-c-secur {
    padding: 4px;
}


.alt-c-r-c-cotation {
    padding: 2px 6px;
    padding-bottom: 4px;
    font-family: var(--ff-play);
    font-size: 0.7em;
    color: var(--c-redpale);
    text-align: center;
}

.altrcrc-cotation-cachee .alt-c-r-c-cotation {
    display: none;
}

.alt-c-r-infos--soin-realise {
    text-align: right;
    width: var(--t-agenda-tsr);
    min-width: var(--t-agenda-tsr);
    max-width: var(--t-agenda-tsr);
    text-align: right;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alt-c-r-c-infos--soin-done.alt-c-r-c-infos--soin-done-val .alt-c-r-infos--soin-realise {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}

.alt-c-r-infos--soin-realise-icn {
    font-size: 0.85em;
}

.alt-c-r-infos--soin-realise-val {
    font-size: 0.85em;
    color: #1d6e10;
    padding-right: 1px;
    text-shadow: 0 0 black;
    font-weight: bold;
}

.alt-c-r-infos--soin-realise-u {
    font-size: 0.85em;
    padding-right: 2px;
}

.lrr-real-statut-valeur-icn,
.alt-c-r-infos--soin-realise-val-background {
    position: absolute;
    left: 0.15em;
    opacity: 0.4;
}

.alt-c-r-c-infos--soin--cste-sameastsr .alt-c-r-infos--soin-realise-val-background {
    display: none;
}


.altcrc-done {
    /* opacity: 0.8; */
    font-size: 0.95em;
}

.altcrc-done:hover {
    /* opacity: 0.9; */
}

.altcrc-canceled .alt-c-r-infos--nbrsoins,
.altcrc-canceled .alt-c-r-infos--nbrsoins-btn,
.altcrc-done .alt-c-r-infos--nbrsoins,
.altcrc-done .alt-c-r-infos--nbrsoins-btn {
    display: none;
}

.altcrc-canceled .alt-c-r-c-infos--soins,
.altcrc-done .alt-c-r-c-infos--soins {
    padding-bottom: 1px;
}


.altcrc.display-content {
    opacity: 1;
}

.altcrc-blank {
    display: none;
}

.altcrc-blank .alt-c-r-c-contenu {
    opacity: 0.7;
    border: 1px dashed lightgray;
}

.altcrc-blank .alt-c-r-c-infos--soin {
    margin: 0.25em 0;
    border: 0px;
}





.agenda-tableau.draggable-en-cours {}

.agenda-tableau.draggable-en-cours .alt-c-r-infos--soin-infos,
.agenda-tableau.draggable-en-cours .alt-c-r-infos--soin-dernierjour,
.agenda-tableau.draggable-en-cours .alt-c-r-infos--soin-action-realisation {
    /* display: none; */
    opacity: 0.1;
}

.alt-contenu.draggable-in-hover {
    background: lightgray;
}

.alt-contenu:not(.draggedfromhere).draggable-in-hover:not(.draggable-in-hover-spectpid) .altcrc-blank {
    display: block;
}

.agenda-tableau.draggable-en-cours .alt-contenu.draggable-is-near {
    min-height: 30px;
    border-bottom: 1px dashed lightgray;
}

.agenda-tableau.draggable-en-cours .alt-contenu.draggable-is-near .alt-ch {
    display: block;
}

.alt-contenu.draggable-is-near {
    /* background: red; */
}

.alt-contenu.draggable-in-hover .altcrc:not(.draggable-in-hover):not(.altcrc-blank) {
    opacity: 0.3;
}

.agenda-tableau.draggable-en-cours .altcrc.draggable-in-hover {
    opacity: 1;
}

.agenda-tableau.draggable-en-cours .altcrc.draggable-in-hover .alt-c-r-c-infos--soindragged {
    display: block;
}

.alt-c-r-c-infos--soindragged .clonesoin-patient {
    display: none;
}

.alt-c-r-c-infos--soindragged .alt-c-r-c-infos--soin {
    border: 1px solid lightgray;
    margin: 0.5em;
    width: auto;
    max-width: 185px;
    background-color: #fafafa;
}

.alt-c-r-c-infos--soindragged .alt-c-r-infos--soin-nom {
    color: #ab3b3d;
}

.alt-contenu.draggable-in-hover.draggedfromhere {
    background: #fffce7;
}

.altcrc.altcrc--tp-absent {
    opacity: 0.6;
    font-size: 0.95em;
}

.altcrc.altcrc--tp-absent:hover {
    opacity: 0.9;
}

.altcrc.altcrc--tp-absent.display-content {
    opacity: 1;
}

.altcrc.altcrc--tp-absent .alt-c-r-infos--soin-infos,
.altcrc.altcrc--tp-absent .alt-c-r-infos--nbrsoins-btn,
.altcrc.altcrc--tp-absent .alt-c-r-infos--soin-action-realisation {
    display: none !important;
}

.alt-c-r-infos--absence {
    display: block;
    padding: 2px;
    text-align: center;
    color: gray;
}


.altcrc-done .alt-c--r-c-horairepatient {
    background-color: var(--c-beigepale);
}

.altcrc-done .alt-c--r-c-patient {
    /* background-color: var(--c-redclaire); */
    /* background-color: var(--c-beigeclaire); */
    /* color: var(--c-redclaire); */
    background-color: transparent;
    color: white;
}

.altcrc-canceled .alt-c--r-c-horairepatient .alt-c--r-c-horaire-visitedomcab,
.altcrc-done .alt-c--r-c-horairepatient .alt-c--r-c-horaire-visitedomcab {
    color: white;
}

.altcrc.altcrc--tp-absent .alt-c--r-c-horairepatient {
    background-color: lightgray;
}

.altcrc.altcrc--tp-absent .alt-c--r-c-patient {
    background-color: var(--c-beige);
    color: var(--c-redclaire);
}

.altcrc.altcrc--tp-absent .alt-c-r-c-contenu {
    border-color: gray;
}


.altcrc.altcrc-canceled {
    opacity: 0.8;
    font-size: 0.95em;
}

.altcrc.altcrc-canceled:hover {
    opacity: 0.9;
}

.altcrc.altcrc-canceled.display-content {
    opacity: 1;
}

.altcrc-canceled .alt-c--r-c-horairepatient {
    background-color: lightgray;
}

.altcrc-canceled .alt-c--r-c-patient {
    background-color: var(--c-beige);
    color: var(--c-redclaire);
}


.alt-r-c-infos--soin-bigconteneur.isbeingdragged {
    opacity: 0.9;
    background: gray;
}

.alh-vide.alh-00,
.alh-vide.alh-01,
.alh-vide.alh-02,
.alh-vide.alh-03,
.alh-vide.alh-04,
.alh-vide.alh-05,
.alh-vide.alh-06,
.alh-vide.alh-20,
.alh-vide.alh-21,
.alh-vide.alh-22,
.alh-vide.alh-23 {
    display: none;
}

.agenda-tableau.draggable-en-cours .agenda-lignehoraire.agenda-lignehoraire-showwhiledrag {
    display: block !important;
}

.agenda-tableau .calendrier-ligne-infos {
    height: auto !important;
    min-height: 2px;
}

.agenda-tableau .calendrier-jour {
    display: block;
    height: auto;
}

.agenda-tableau .calendrier-ligne-infos-1 .calendrier-jour {
    font-family: var(--ff-play);
    padding: 0.2em;
    font-size: 0.9em;
    text-align: center;
}

.agenda-tableau .calendrier-ligne-infos-1 .calendrier-jour .agenda-mois--nbrsoins {
    /* color: #ab3b3d; */
    /* font-size: 1.01em; */
    /* font-weight: bold; */
}

.agenda-tableau .calendrier-ligne-infos-1 .calendrier-jour .agenda-mois--nbrinterventions {
    font-size: 1.01em;
    font-weight: bold;
}

.agenda-tableau .calendrier-ligne-infos-1 .calendrier-jour .agenda-mois--nbrpatients {
    color: #545454;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agenda-tableau .agenda-mois--nbrgenerique-0 {
    opacity: 0.9;
    color: gray !important;
}

.agenda-tableau .agenda-mois--nbrgenerique .amng-icn {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
    opacity: 0.9;
}

.agenda-tableau .agenda-mois--nbrgenerique-0 .amng-icn {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
}

.agenda-tableau .calendrier-ligne-infos-numerosemaine {
    display: block;
    font-family: var(--ff-play);
    font-size: 1em;
    color: #ab3b3d;
    font-weight: bold;
}

.agenda-tableau .calendrier-ligne-infos-numerosemaine:hover {
    background-color: #fafafa;
}

.alhb-heure {
    color: var(--c-redpale);
}

.agenda-month-legende {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    opacity: 0.8;
}

.agenda-month-legende-item {
    background-color: var(--c-jaune);
    margin: 2px;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
}

.agenda-month-legende-item .amng-icn {
    padding: 2px;
    padding-right: 1px;
    color: var(--c-bluedark);
}

.agenda-month-legende-item .amli-label {
    font-size: 0.8em;
    padding: 2px 6px;
}

.agenda-pretabl {
    margin: 2px;
    background-color: var(--c-jaune);
    border-radius: 10px;
    border: 1px solid var(--c-beige);
    font-size: 0.9em;
    margin-top: 0.5em;
    color: var(--c-red);
    font-weight: normal;
}

.agenda-pretabl-transparent {
    opacity: 0.6;
}

.apt-labcol {
    /* border-bottom: 1px solid var(--c-beige); */
    font-weight: bold;
    font-size: 0.9em;
}

.apt-midcol {
    /* border-left: 1px solid var(--c-beige); */
    /* border-right: 1px solid var(--c-beige); */
}

.agenda-pretabl .apt-nbrgenerique {
    text-align: center;
    padding: 2px;
}

.agenda-pretabl .apt-icn {
    color: var(--c-bluedark);
}

.agenda-pretabl .apt-nbr-x {
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-bluedark);
    opacity: 0.9;
}

.agenda-honoraires-journee-conteneur {
    margin: 2px;
    padding: 2px;
    background-color: var(--c-jaune);
    border-radius: 10px;
    border: 1px solid var(--c-beige);
    font-size: 0.9em;
    margin-top: 0.5em;
    color: var(--c-red);
    font-weight: normal;
}

.ahj-label {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.ahj-valeur {
    font-family: var(--ff-play);
    font-weight: bold;
}


#agenda-peptalk {
    /* position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky; */
    position: fixed;
    bottom: 0;
    background-color: var(--c-beige);
    width: 100%;
    border-top: 1px solid var(--c-beigepale);
    padding: 0.5em 0.15em;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 11;
    font-size: 0.95em;
    text-align: center;
    font-weight: bold;
}

html.onApp #agenda-peptalk {
    padding-bottom: 60px;
    padding-bottom: calc(55px + 0.15em);
}

#agenda-detailssup {
    position: fixed;
    bottom: 0;
    background-color: var(--c-beige);
    width: 100%;
    border-top: 1px solid var(--c-beigepale);
    padding: 0.5em 0.15em;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 12;
    font-size: 0.95em;
    text-align: center;
    font-weight: bold;
}

html.onApp body:not(.keyboardopened) #agenda-detailssup {
    padding-bottom: 60px;
    padding-bottom: calc(55px + 0.15em);
}

html.onApp body.keyboardopened #agenda-detailssup {
    display: none !important;
}

.adsup {
    padding: 2px;
    margin-bottom: 8px;
    text-align: left;
}

.adsup:last-of-type {
    margin-bottom: 2px;
}

.adsup .adsup-titreopts {
    color: var(--c-bluedark);
}

.adsup .adsup-titreopts .adsup-titre {
    font-variant: small-caps;
    font-size: 0.9em;
    font-weight: bold;
}

.adsup .adsup-txt {}

.adsup .adsup-status {
	padding-left: 5px;
}

.agenda-tableau.agenda-tableau-nbrjrs-1 {}

.infowjour,
#agenda-note-journee,
#agenda-tvcg-prog,
.agenda-tableau.agenda-tableau-nbrjrs-1 .alh-tr-bckjr,
.agenda-tableau.agenda-tableau-nbrjrs-1 .alh-h-block,
.agenda-tableau.agenda-tableau-nbrjrs-1 .rappel-soins-sans-horaires,
.agenda-tableau.agenda-tableau-nbrjrs-1 .agenda-premierederniereligne-jour {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}

.agenda-tableau.agenda-tableau-nbrjrs-1 .alt-c-r-c-infos--soin:not(.alt-c-r-c-infos--soin-done) .alt-c-r-infos--soin-infos {
    display: block;
}

/* .agenda-tableau .alt-r-c-infos--soin-bigconteneur.display-content .alt-c-r-c-infos--soin .alt-c-r-infos--soin-infos { */
/* display: none; */
/* } */

.alt-c-r-c-infos.canbedragged {}

.alt-c-r-c-infos.canbedragged .alt-c-r-infos--nbrsoins-nbr {
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}

.alt-c-r-c-infos.isbeingdragged {}

.alt-c-r-c-infos.isbeingdragged .alt-c-r-infos--nbrsoins {}

.alt-c-r-c-infos.isbeingdragged .alt-c-r-c-infos--soin {}

.alt-c-r-c-infos.clone-draggable {}

.alt-c-r-c-infos.clone-draggable .alt-n-c-infos--note-bigconteneur,
.alt-c-r-c-infos.clone-draggable .alt-c-r-infos--nbrsoins {
    display: none;
}

.alt-c-r-c-infos.clone-draggable .alt-c-r-c-infos--soin {
    margin: 0 !important;
}


#agenda-tableau-contentagenda {
    max-width: 100%;
}

#agenda-conteneur-infos-patientsdates {
    margin: 0.25em;
    padding: 0.25em;
    background-color: #fffce7;
}

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

#agenda-mdpd-recherche {
    padding: 0.5em 0;
}

#agenda-recherche-infostrouvaille {
    padding: 5px;
    color: var(--c-bluedark);
}

#agenda-mdpd-pretabl {}

@media (max-width: 768px) {

    .partie-contenu,
    .formv3-donnees-conteneur {
        padding-left: 0.15em;
        padding-right: 0.15em;
    }

    #agenda-tableau-conteneurgrille {
        width: 100%;
    }

    #agenda-tableau-contentagenda,
    .infowjour,
    #agenda-note-journee,
	#agenda-tvcg-prog,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .alh-tr-bckjr,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .alh-h-block,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .rappel-soins-sans-horaires,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .agenda-premierederniereligne-jour {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .titreenluimeme {
        width: 100%;
    }


    #agenda-tableau-conteneur {
        padding-left: 0;
        padding-right: 0;
    }

    .atca {
        border: 0px solid transparent;
    }

    .altcrc {
        padding: 0.1em;
    }
}

@media (max-width: 425px) {

    .partie-contenu,
    .formv3-donnees-conteneur {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {

    .infowjour,
    #agenda-note-journee,
	#agenda-tvcg-prog,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .alh-tr-bckjr,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .alh-h-block,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .rappel-soins-sans-horaires,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .agenda-premierederniereligne-jour {
        width: 400px;
        min-width: 400px;
        max-width: 400px;
    }
}

@media (min-width: 1200px) {

    .infowjour,
    #agenda-note-journee,
	#agenda-tvcg-prog,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .alh-tr-bckjr,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .alh-h-block,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .rappel-soins-sans-horaires,
    .agenda-tableau.agenda-tableau-nbrjrs-1 .agenda-premierederniereligne-jour {
        width: 350px;
        min-width: 350px;
        max-width: 350px;
    }
}


.agenda-liste-rdvs {}

.agenda-liste-rdvs .agenda-tableau-content {
    overflow: visible;
}

.agenda-listerdvs-blockjour {
    position: relative;
}

.agenda-listerdvs-blockjour .agenda-premierederniereligne-jour {
    /*position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: -webkit-sticky;
		position: sticky;
		top: 58px;
		z-index: 9;
		*/
    border: 0px;
}

/* html:not(.onApp) .agenda-listerdvs-blockjour .agenda-premierederniereligne-jour { top: 58px; } */

@media (max-width: 992px) {
    /* html:not(.onApp) .agenda-listerdvs-blockjour .agenda-premierederniereligne-jour { top: 35px; } */
}

.alr-block-heure {
    margin-bottom: 0.25em;
}

.alr-block-heure-lab {
    font-size: 0.8em;
    color: gray;
    font-weight: bold;
    padding: 0 0.5em;
    background-color: rgb(250, 250, 250);
}

.alr-block-heure-contenu {}

.alr-block-mins {}

.alr-block-patient {
    border: 1px solid lightgray;
    margin: 0.25em;
}

.alr-block-patient-horairepatient {}

.alr-block-patient-horaire {
    font-weight: bold;
    padding: 0.25em;
    background-color: rgb(225, 225, 225);
}

.alr-block-patient-patient {
    font-weight: bold;
    padding: 0.25em;
}

.alr-block-patient-coordonnees {
    margin: 0.15em;
    background-color: #fefceb;
}

.alr-block-patient-coordonnees-tel-conteneur {
    font-size: 0.95em;
    padding: 0.2em;
}

.alr-block-patient-coordonnees-tel {
    display: block;
}

.alr-bpct-type {
    color: gray;
}

.alr-bpct-num {}

.alr-block-patient-coordonnees-adresse-conteneur {
    font-size: 0.8em;
    padding: 0.2em;
}

.alr-block-patient-coordonnees-adresse {}

.alr-block-patient.alr-block-patient-absent {
    opacity: 0.9;
}

.alr-block-patient.alr-block-patient-absent .alr-block-patient-horaire {
    background-color: rgb(235, 235, 235);
    padding: 0.15em;
    color: gray;
    font-size: 0.9em;
}

.alr-block-patient.alr-block-patient-absent .alr-block-patient-patient {
    padding: 0.15em;
    color: gray;
    font-size: 0.9em;
}

.alr-block-rdv-conteneur {
    padding: 0.2em;
}

.alr-block-rdv {}

.alr-block-rdv-soin-categnom {
    padding: 0.2em 0.5em;
    border: 1px solid lightgray;
    border-radius: 15px;
    text-align: center;
}

.alr-block-rdv-soin-categ {
    opacity: 0.9;
}

.alr-block-rdv-soin-nom {
    font-family: var(--ff-play);
}

.alr-block-rdv-soin-details {
    font-size: 0.8em;
    opacity: 0.8;
    padding: 0 0.6em;
}

.agenda-tableau.agenda-liste-rdvs .agenda-premierederniereligne-jour {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    font-size: 1.1em;
    font-weight: bold;
}

#agenda-tableau-conteneurgrille.opt-horaires-sans .agenda-tableau.agenda-liste-rdvs .alr-block-heure-lab,
#agenda-tableau-conteneurgrille.opt-soinslistes-sans .agenda-tableau.agenda-liste-rdvs .alr-block-patient-rdvs,
#agenda-tableau-conteneurgrille.opt-soinsdetails-sans .agenda-tableau.agenda-liste-rdvs .alr-block-rdv-soin-details,
#agenda-tableau-conteneurgrille.opt-coordonnees-sans .agenda-tableau.agenda-liste-rdvs .alr-block-patient-coordonnees {
    display: none;
}

#agenda-tableau-conteneurgrille.opt-coordonnees-gros .agenda-tableau.agenda-liste-rdvs .alr-block-patient-coordonnees .alr-block-patient-coordonnees-adresse-conteneur,
#agenda-tableau-conteneurgrille.opt-coordonnees-gros .agenda-tableau.agenda-liste-rdvs .alr-block-patient-coordonnees .alr-block-patient-coordonnees-tel-conteneur {
    font-size: 1em;
}


#rdv-edition-soin-nouveau-conteneur,
#rdv-edition-patient-nouveau-conteneur {
    border: 1px dashed var(--c-beige);
    padding: 0.25em;
    background: var(--c-beigeclaire);
    border-radius: 30px;
}

#rdv-edition-soin-nouveau-conteneur {
    margin-top: 0.25em;
}


.overflowywithshadows {
    overflow-y: auto;
    background:
        linear-gradient(white 30%, rgba(255, 255, 255, 0)),
        linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
        radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)),
        radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;
    background:
        linear-gradient(white 30%, rgba(255, 255, 255, 0)),
        linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
        radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)),
        radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    background-attachment: local, local, scroll, scroll;
}

.overflowxwithshadows {
    overflow-x: auto;
	overflow-y: hidden;
    background-image:
        linear-gradient(to right, white, white),
        linear-gradient(to right, white, white),
        linear-gradient(to right, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0)),
        linear-gradient(to left, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
    background-attachment: local, local, scroll, scroll;
}

.otest {
    background-image:

        /* Shadows */
        linear-gradient(to right, white, white),
        linear-gradient(to right, white, white),

        /* Shadow covers */
        linear-gradient(to right, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0)),
        linear-gradient(to left, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0));

    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

html body #ui-datepicker-div {
    z-index: var(--zi-lvl-85) !important;
}

@media (max-width: 600px) {
	html body #ui-datepicker-div {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}
	html body #ui-datepicker-div.centered {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}


#trans-protection-olay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 4500px;
    background: rgba(230, 230, 230, 0.9);
    z-index: var(--zi-lvl-10);
}

#tpo-1 {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: var(--ff-play);
    font-size: 1.2em;
}


html.protected-olay #trans-global-conteneur {
    filter: blur(4px);
}

html.protected-olay #trans-protection-olay {
    display: block !important;
}




#trans-menu-sticky-conteneur {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    background: white;
    z-index: 26;
    height: 52px;
    top: 45px;
    background-color: var(--c-beige);
}

html.modeVitrine:not([data-uconnecte="1"]) #trans-menu-sticky-conteneur {
    top: 70px;
}

/* html.onappiOs #trans-menu-sticky-conteneur { top: 0px; } */
#trans-menu-sticky {
    height: 50px;
    padding-top: 1px;
}

#trans-menu-sticky-conteneur.unstick {
    position: relative;
}

#trans-menu-sticky .bton-beige .bton-lab,
#trans-menu-sticky .btn-beige .bton-lab {
    color: var(--c-bluedark);
}

#tms-ouvrirslide {
    width: var(--t-side-panel-width);
    min-width: var(--t-side-panel-width);
    max-width: var(--t-side-panel-width);
}

#spmc-btn {
    height: 52px;
    min-height: 52px;
    max-height: 52px;
    margin-bottom: 1px;
}

#spmc-btn-icn {
    display: none;
    color: var(--c-bluedark);
    font-weight: bold;
    text-transform: uppercase;
}

/* @media (min-width: 992px) { */
/* #tms-ouvrirslide { display: none; } */
/* #spmc-btn { */

/* } */
/* #spmc-btn-btn { display: none; } */
/* #spmc-btn-icn { display: block; } */
/* } */
@media (max-width: 992px) {
    #trans-global-conteneur:not(.sidepanel-ouvert) #side-panel-conteneur {
        display: none;
    }

    #trans-conteneur-menucontenu {
        max-width: 100%;
    }

    #tms-ouvrirslide {
        width: 55px;
        min-width: 55px;
        max-width: 55px;
    }

    html:not(.onApp):not(.modeVitrine) #trans-menu-sticky-conteneur,
    html:not(.onApp):not(.modeVitrine) #side-panel-menu-complet {
        top: 35px;
    }

    #trans-global-conteneur.sidepanel-ouvert #side-panel-conteneur {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        z-index: 50;
    }


    #trans-global-conteneur.sidepanel-ouvert #side-panel-conteneur #side-panel-contenu {
        width: 90% !important;
        min-width: 90% !important;
        max-width: 90% !important;
    }

    #trans-global-conteneur.sidepanel-ouvert #side-panel-conteneur #side-panel-shadow {
        display: block !important;
    }
}

/* html.onappiOs #side-panel-menu-complet { top: 0px; } */
#trans-global-conteneur.sidepanel-ouvert {}

#trans-global-conteneur.sidepanel-ferme {}

#trans-global-conteneur.sidepanel-ferme #side-panel-conteneur {
    display: none;
}

#trans-conteneur-menucontenu.fullsize,
#trans-global-conteneur.sidepanel-ferme #trans-conteneur-menucontenu {
    max-width: 100% !important;
}

#trans-global-conteneur.sidepanel-ferme #tms-ouvrirslide {
    display: block !important;
}

#trans-global-conteneur.sidepanel-ouvert #tms-ouvrirslide {
    display: none !important;
}



#msg-poped {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    box-shadow: 0 0 6px #ab3b3d;
    font-family: var(--ff-play);
    text-align: center;
    padding: 0.5em 0.25em;
    z-index: var(--zi-lvl-85) !important;
}


#abo-titre {
    font-variant: small-caps;
    text-align: center;
    padding: 0.5em;
    background-color: #fffce7;
    font-weight: bold;
}

#abo-type-abo {}

#abo-type-abo p:first-child {
    margin-top: 0;
}

#abo-type-abo p:last-child {
    margin-bottom: 0;
}


#form-abo-sabonner {}

#abo-sabonner-prix-conteneur {
    border: 1px solid lightgray;
    background-color: #ab3b3d;
    color: white;
}

#aspc-prix {
    font-size: xx-large;
    font-family: var(--ff-play);
    padding: 0.35em;
    text-align: center;
    text-shadow: 0 0 3px black;
}

#aspc-prix-lettres {
    text-align: center;
    color: var(--c-beige);
    padding: 0.15em;
}

#aspc-prix-engagement {
    text-align: center;
    font-style: italic;
    padding: 0.15em;
}

#abo-sabonner-cgv-conteneur {
    background: rgb(240, 240, 240);
}

.abo-sabonner-inputs-conteneur {
    background: white;
    border: 1px solid var(--c-redpale);
    border-radius: 5px;
}

.abo-sabonner-inputs-label {
    padding: 0.5em;
    /* border: 1px solid lightgray; */
}

.abo-sabonner-inputs-infos {
    padding: 0.5em;
}


.trans-fonctionnement-titre {}

.trans-fonctionnement-partie {
    margin: 0.5em;
}

.trans-fonctionnement-partie-titre {}

.trans-cgv-titre {
    background-color: #fffce7;
    padding: 0.25em;
    font-variant: small-caps;
    font-weight: bold;
    border: 1px solid lightgray;
    font-size: 1.1em;
    text-align: center;
}

.trans-cgv-partie {
    margin: 0.5em;
}

.trans-cgv-partie div:not(.trans-cgv-partie-titre) {
    font-size: 0.95em;
}

.trans-cgv-partie-titre {
    margin-top: 2em;
}


#abo-listecals-conteneur {
    margin: 2em 1em;
}

#abo-listecals-label {
    color: var(--c-redpale);
    font-family: var(--ff-graphie);
}

#abo-listecals-liste {}

.abo-listecals-item-conteneur {
    padding: 0.25em;
}

.abo-listecals-item {
    height: 100%;
    border: 1px solid var(--c-red);
    border-radius: 12px;
    padding: 0.75em;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 5px 10px #00000029;
}

.abo-listecals-item:hover {
    background-color: #fffce7;
}

.abo-listecals-item-lab {
    font-size: 0.85em;
}

.abo-listecals-item-titre {
    font-weight: bold;
}

.abo-listecals-item-contenu {
    z-index: 3;
    text-shadow: 0 0 1px lightgray;
}



.import-logiciel-procedure-titre {
    background-color: #fffce7;
    padding: 0.25em;
    font-variant: small-caps;
    font-weight: bold;
    border: 1px solid lightgray;
    font-size: 1.1em;
    margin-bottom: 0.5em;
    margin-top: 2em;
}

.import-logiciel-procedure-titre:first-child {
    margin-top: 0;
}


#home-listetrans {}

.home-listetrans-item-conteneur {
    padding: 0.25em;
    padding-left: 1em;
}

.home-listetrans-item {
    border: 2px solid var(--c-redpale);
    border-radius: 15px;
    padding: 0.5em;
    background-color: var(--c-beigeclaire);
    color: var(--c-bluedark);
}

.home-listetrans-item:hover {
    background-color: rgb(240, 240, 240);
    color: var(--c-red);
}

.home-listetrans-item-contenu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-listetrans-item-lab {
    font-size: 0.9em;
    color: grey;
}

.home-listetrans-item-titre {
    font-weight: bold;
}

.home-listetrans-item-contenu-icn {
    border-left: 1px dashed gray;
}

html.onappiOs #menuioshome .menuioshome-item #home-listetrans {
    width: 100%;
}

html.onappiOs #menuioshome .menuioshome-item .home-listetrans-item-conteneur {
    padding: 0;
}

html.onappiOs #menuioshome .menuioshome-item .home-listetrans-item {
    border-color: black;
    background-color: rgba(230, 230, 230, 0.7);
}

html.onappiOs #menuioshome .menuioshome-item .home-listetrans-item:hover {
    border-color: black;
    background-color: rgba(200, 200, 200, 0.7);
}

html.onappiOs #menuioshome .menuioshome-item .home-listetrans-item .home-listetrans-item-contenu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.onappiOs #menuioshome .menuioshome-item .home-listetrans-item .home-listetrans-item-lab {
    font-size: 0.8em;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
}


.artvr-item-labeltype {
    background-color: var(--c-beigeclaire);
    padding: 0.25em 0.2em;
    font-size: 0.9em;
    color: var(--c-redpale);
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
}

.artvr-item-conteneur {}

.artvr-item {
    padding: 0.25em;
}

.artvr-item-conteneur:nth-of-type(odd) .artvr-item {
    background-color: rgba(240, 240, 240, 0.5);
}

.artvr-item:hover {
    background-color: rgba(230, 230, 230, 0.8) !important;
}


#t-config-users {
    border-collapse: collapse;
    font-size: 0.95em;
}

#t-config-users td {
    border: 1px solid lightgray;
    padding: 0.25em;
    border-right-style: dashed;
    border-left: 0;
}

#t-config-users tbody td:first-child {
    border-right: 0;
}

#t-config-users td:last-child {
    border-right-style: solid;
}


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

#t-config-users thead td {
    background-color: rgb(230, 230, 230);
    text-align: center;
    font-weight: bold;
}

#t-config-users tbody tr:nth-of-type(even) td {
    background-color: rgb(245, 245, 245);
}

#t-config-users tr.tcu-acces-0 td {
    color: gray;
}

#t-config-users tr.tcu-acces-1 td.tcu-init {
    font-weight: bold;
}


.horaire-selection-div {}

.horaire-selection-div .inputv3 {
    text-align: center;
}

.horaire-selection-conteneur {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    height: 120px;
    overflow-y: auto;
    background: white;
    /* border: 1px solid gray; */
    border-top: 0;
    box-shadow: 0 0 3px gray;
    /* z-index: 3; */
    z-index: 11;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.horaire-selection-div-conteneur-general .horaire-selection-conteneur {
    left: 19px;
}

.horaire-selection-div-conteneur-general .horaire-selection-conteneur.horaire-selection-conteneur-minutes {
    left: auto;
    right: 19px;
}

.horaire-selection-div-conteneur-general.selection-opened-heure .horaire-selection-conteneur-heure,
.horaire-selection-div-conteneur-general.selection-opened-minutes .horaire-selection-conteneur-minutes,
.horaire-selection-div.selection-opened .horaire-selection-conteneur {
    display: block;
}

.hsc-item {
    text-align: center;
    padding: 0.1em;
}

.hsc-item:nth-of-type(even) {
    background-color: rgba(250, 250, 250, 0.5);
}

.horaire-selection-conteneur .hsc-item:hover {
    background-color: rgba(220, 220, 220, 0.5);
}


.horaire-selection-div-conteneur-simple .horaire-selection-div {
    position: relative;
}

.horaire-selection-div-conteneur-simple .horaire-selection-conteneur {
    width: 100%;
}


#p-liste-recherche-erase {
    width: 25px;
    text-align: center;
    opacity: 0.05;
}

#p-liste-recherche-erase.using {
    opacity: 1;
}


#pro-liste-recherche-erase {
    width: 30px;
    text-align: center;
    opacity: 0.05;
}

#pro-liste-recherche-erase.using {
    opacity: 1;
}


#fichiers-liste-recherche-erase {
    width: 30px;
    text-align: center;
    opacity: 0.05;
}

#fichiers-liste-recherche-erase.using {
    opacity: 1;
}

.t-tournee-infos {
    padding: 1px 4px;
    background-color: rgb(240, 240, 240);
    border-radius: 50%;
    opacity: 0.9;
    font-family: var(--ff-graphie);
    color: var(--c-bluedark);
    border: 1px solid var(--c-bluepale);
}

	.t-tournee-infos.clean {
		background-color: transparent;
		border: 0;
	}


.t-element-rappelcabidentite {
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-family: var(--ff-graphie);
    background-color: var(--c-beigeclaire);
    padding: 2px 6px;
    border-radius: 25px;
    font-size: 0.9em;
}

.t-element-rappeltpidentite {
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-family: var(--ff-graphie);
}

.t-element-rappeltpidentite .tp-identite-conteneur {
    background-color: var(--c-beigeclaire);
    padding: 0.5em;
    border-radius: 25px;
    font-size: 0.95em;
}

.overflowellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fppn-identite-full {
    padding-left: 1px;
    padding-right: 1px;
}

#trans-global-conteneur .bton.btn-liste-previousnext {
    min-width: 30px;
    width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
}

.fppn-liste-full {
    display: none;
    position: absolute;
    min-width: 170px;
    max-width: 280px;
    min-height: 75px;
    max-height: 290px;
    border: 1px solid var(--c-beige);
    z-index: var(--zi-lvl-1b);
    overflow-y: auto;
    top: 100%;
    left: 0;
    box-shadow: 0 3px 3px 0 gray;
    border-radius: 5px;
}

.fiche-patient-previousnext.show-abso .fppn-liste-full {
    display: block;
}

/* .fiche-patient-previousnext.show-abso .fppn-liste-arrow-down, */
/* .fiche-patient-previousnext:not(.show-abso) .fppn-liste-arrow-up { */
/* display: none; */
/* } */
.fppn-liste-arrow-down {
    transition: transform 0.25s;
}

.fiche-patient-previousnext.show-abso .fppn-liste-arrow-down {
    transform: rotate(180deg);
}

/* .fiche-patient-previousnext.show-abso .fppn-liste-arrow-up, */
/* .fiche-patient-previousnext:not(.show-abso) .fppn-liste-arrow-down { */
/* display: block; */
/* } */

.fiche-patient-previousnext-next .fppn-liste-full {
    left: auto;
    right: 0;
}

.fppn-liste-nbrelements {
    text-align: center;
    padding: 3px;
    font-weight: bold;
    font-size: 0.9em;
    background: var(--c-beige);
}

.fppn-liste-elementslegende {
    text-align: center;
    padding: 3px;
    font-size: 0.9em;
    background: var(--c-beigeclaire);
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.fppn-liste-lien-patient {
    text-align: left;
    padding: 3px;
}

.fppn-liste-lien-patient:nth-child(odd) {
    background-color: rgb(250, 250, 250);
}

.fppn-liste-lien-patient:hover {
    background-color: rgb(240, 240, 240);
}


.absences-liste-contenu {}

.absence-item-conteneur {
    margin-top: 0.5em;
    padding: 0.25em;
}

.absence-item {
    background: var(--c-white);
    border-radius: 31px;
    padding: 0.25em;
    padding-bottom: 0.75em;
    border: 4px solid var(--c-redpale);
}

.absence-item.absence-item-ancienne {}

.absence-item:hover {
    opacity: 1;
}


.absence-item--patientstatut {}

.absence-item--patient {
    padding: 0.25em;
    font-family: var(--ff-play);
    opacity: 0.9;
}

.absence-item--statut {
    padding: 0.25em;
}

.absence-item--dates {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.5em;
    margin: 0.2em;
    font-size: 0.9em;
    border: 1px solid var(--c-redclaire);
}

.ti--d-icns {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
}

.absence-item--motif {
    background-color: var(--c-beige);
    border-radius: 31px;
    padding: 0.75em;
    margin: 0.2em;
    border: 1px solid var(--c-redclaire);
}

.absence-item--options {
    margin-top: 0.25em;
}


.absence-item.absence-item-ancienne {
    border-color: var(--c-redclaire);
    color: var(--c-redpale);
}

.absence-item.absence-item-ancienne .absence-item--dates,
.absence-item.absence-item-ancienne .absence-item--motif {
    font-size: 0.9em;
}


.absence-item.absence-item-avenir {
    border-color: var(--c-redclaire);
}

.index-titre-tachesnotes {
    text-transform: uppercase;
    border-radius: 30px;
    padding: 1em;
    font-weight: bold;
    text-shadow: 0px 24px 26px #00000029;
    background-color: var(--c-redclaire);
    color: var(--c-beigeclaire);
}

.index-titre-tachesnotes.active {
    color: var(--c-bluedark);
    background-color: var(--c-beige);
}

.index-titre-tachesnotes.click-ajax:hover {
    background-color: var(--c-redpale);
}

.t-index-tachesnotes {
    background-color: var(--c-beige);
    border-radius: 31px;
    overflow: hidden;
}

#tsr-menupatient {}

#tsr-menu-dropdown-arrows {}

#tsr-menu-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 265px;
    max-width: 98%;
    min-height: 50px;
    max-height: 300px;
    border: 1px solid lightgray;
    z-index: 20;
    box-shadow: 0 0 3px gray;
}

#tsr-menupatient:not(.opened) #tsr-menu-dropdown {
    display: none;
}

.btn-liste-arrow-down {
    transition: transform 0.25s;
}

#tsr-menupatient.opened .btn-liste-arrow-down,
.btn-liste-arrow-reference.opened .btn-liste-arrow-down {
    transform: rotate(180deg);
}


.agenda-asterisque-maj-partie,
.agenda-asterisque-maj {
    font-family: 'Play', arial;
    color: yellow;
    font-weight: bold;
    text-shadow: 0 0 2px white;
}

.altcrc:not(.tpnm-total) .agenda-asterisque-maj,
.altcrc .agenda-asterisque-maj-partie {
    display: none;
}

.altcrc.tpnm-constante .agenda-asterisque-maj-partie-constante,
.altcrc.tpnm-transmission .agenda-asterisque-maj-partie-transmission,
.altcrc.tpnm-fichier .agenda-asterisque-maj-partie-fichier,
.altcrc.tpnm-soin .agenda-asterisque-maj-partie-soin {
    display: inline;
}


.agenda-progra-liste-tp-conteneur {
    margin-bottom: 2em;
}

.agenda-progra-liste-tp-label {}

.agenda-progra-liste-tp-contenu {}

.apltpc-item-conteneur {
    padding-top: 1em;
    padding-bottom: 1em;
}


.apltpcic-date,
.apltpcic-soin,
.apltpcic-type,
.apltpcic-tournee,
.apltpcic-opts {
    /* border: 1px solid lightgray; */
    /* border-right-style: dashed; */
    /* border-left-style: dashed; */
    text-align: center;
    padding: 1px;
}

.apltpcic-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    text-align: center;
    /* border-left-style: solid; */
}

.apltpcic-soin {}

.apltpcic-soin>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apltpcic-type {}

.apltpcic-tournee {}

.apltpcic-opts {
    /* border-right-style: solid; */
    font-size: 0.9em;
}

.apltpcic-alaplace {
    /* border: 1px solid lightgray; */
    /* border-top: 0; */
    padding: 0.25em;
    /* border-right-style: dashed; */
}

.apltpcic-alaplace-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.apltpc-item-conteneur.apltpc-item-conteneur--type-0 {}

.apltpc-item-conteneur.apltpc-item-conteneur--type-0 .apltpcic-type {
    color: red;
}

.apltpc-item-conteneur.apltpc-item-conteneur--type-1 {}

.apltpc-item-conteneur.apltpc-item-conteneur--type-1 .apltpcic-type {
    color: green;
}


#mg0 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: rgba(150, 150, 150, 0.8);
    z-index: var(--zi-lvl-83a);
    padding: 0.5em;
}

#mg0:not(.displayed) {
    display: none;
}

#mg1 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background: white;
    box-shadow: 0 0 3px lightgray;
    border-radius: 3px;
}

#mgmap {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

#mgclose {
    position: fixed;
    top: 0.25em;
    right: 0.25em;
    z-index: var(--zi-lvl-8a);
    background: white;
    border-radius: 5px;
}

.mapt-selectpos-conteneur {
    margin-top: 1em;
    text-align: center;
}

.mapt-selectpos {
    background: rgb(230, 230, 230);
    padding: 2px;
}


.tpasteriskmaj-total,
.tpasteriskmaj-soin,
.tpasteriskmaj-constante,
.tpasteriskmaj-suivibio,
.tpasteriskmaj-transmission,
.tpasteriskmaj-soinrealisation,
.tpasteriskmaj-fichier,
.tpasteriskmaj-fiche,
.tpasteriskmaj-absence,
.tpasteriskmaj-tache,
.tpasteriskmaj-traitement,
.tpasteriskmaj-traitement-alerte,
.tpasteriskmaj-note {
    font-family: 'Play', arial;
    display: none;
    font-weight: bold;
    color: red;
}

.bton:not(.bton-beige):not(.btn-beige) span[class^="tpasteriskmaj-"] {
    color: yellow;
}

.fpmenu-liste-arrow-alerte {
    display: none;
    font-size: small;
}

.altcrc .tpasteriskmaj-total {
    color: yellow;
}

.tpnm-total .tpasteriskmaj-total,
.tpnm-soin .tpasteriskmaj-soin,
.tpnm-constante .tpasteriskmaj-constante,
.tpnm-suivibio .tpasteriskmaj-suivibio,
.tpnm-transmission .tpasteriskmaj-transmission,
.tpnm-soinrealisation .tpasteriskmaj-soinrealisation,
.tpnm-fichier .tpasteriskmaj-fichier,
.tpnm-fiche .tpasteriskmaj-fiche,
.tpnm-absence .tpasteriskmaj-absence,
.tpnm-tache .tpasteriskmaj-tache,
.tpnm-traitement .tpasteriskmaj-traitement,
.tpnm-ttt_alerte .tpasteriskmaj-traitement-alerte,
.tpnm-ttt_alerte .fpmenu-liste-arrow-alerte,
.tpnm-note .tpasteriskmaj-note {
    display: inline;
}

.tpnm-ttt_alerte .tpmenu-btn-ttt {
    color: red;
}




#acn--conteneur {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    margin: 0.25em;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border: 1px solid #ab3b3d;
    border-radius: 5px;
    overflow: hidden;
}

#acn--conteneur table {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    font-family: var(--ff-play);
    font-size: 0.95em;
}

#acn--conteneur table tr {}

#acn--conteneur table td {
    width: 39px;
    min-width: 39px;
    max-width: 39px;
    height: 35px;
    text-align: center;
    border: 1px solid lightgray;
}

#acn--conteneur table td.td-numsemaine {
    width: 27px;
    min-width: 27px;
    max-width: 27px;
    font-size: 0.9em;
}

#acn--conteneur table td.td-jrgris:not(.td-jrdate) {
    border-color: transparent;
}

#acn--conteneur table .tr-semaine-premiere td.td-jrgris {
    border-bottom: 1px solid lightgray;
}

#acn--conteneur table .tr-semaine-premiere td.td-jrgris.td-jrgris-dernier {
    border-right: 1px solid lightgray;
}

#acn--conteneur table td.td-jrgris.td-jrdate a {
    color: lightgray;
}

#acn--conteneur table td.td-jrgris.td-jrdate a:hover {
    color: gray;
}



#acn--header {
    background: #ab3b3d;
    color: white;
}

#acn--jrsemaine {
    margin-bottom: 0.25em;
}

#acn--jrsemaine td {
    font-weight: bold;
    font-size: 0.9em;
    /* border: 1px solid transparent !important; */
    background: #fafafa !important;
}

.acn--dates {}

.acn--dates tr {}

.acn--dates tr td {}

.acn--dates tr td.td-numsemaine {
    color: gray;
    background-color: #fafafa;
    font-size: 0.8em;
}

.acn--dates tr td.td-jrdate {
    font-size: 0.9em;
    opacity: 0.8;
    transition: all 0.25s linear;
    cursor: pointer;
}

.acn--dates tr td.td-jrdate-periode-actuelle {
    background-color: rgba(255, 255, 190, 0.8);
}

.acn--dates tr td.td-jrdate:hover {
    background-color: #fafafa;
}

.acn--dates tr td.td-jrdate.checked {
    opacity: 1;
    font-size: 1em;
    background-color: #ae7a7b;
    color: white;
    font-weight: bold;
    box-shadow: 0 0 3px white inset;
}

.acn--dates tr td.td-jrdate.td-jrdate-aujourdhui {
    box-shadow: 0 0 5px gray inset;
}

.td-jrdate-djf {
	background-color: var(--c-beige-02);
}
.td-jrdate-djf,
.td-jrdate-djf a {
    color: red;
}


@media (min-width: 375px) {
    #acn--conteneur {
        width: 340px;
        min-width: 340px;
        max-width: 340px;
    }

    #acn--conteneur table td {
        width: 44px;
        min-width: 44px;
        max-width: 44px;
        height: 42px;
    }

    #acn--conteneur table td.td-numsemaine {
        width: 32px;
        min-width: 32px;
        max-width: 32px;
    }
}

@media (min-width: 400px) {
    #acn--conteneur {
        width: 380px;
        min-width: 380px;
        max-width: 380px;
    }

    #acn--conteneur table td {
        width: 49px;
        min-width: 49px;
        max-width: 49px;
        height: 45px;
    }

    #acn--conteneur table td.td-numsemaine {
        width: 37px;
        min-width: 37px;
        max-width: 37px;
    }
}


#liste-patients-recap {}

.lpr-item {
    margin-bottom: 0.25em;
    border: 2px solid var(--c-redpale);
    border-radius: 15px;
    overflow: hidden;
}

.lpr-item:nth-of-type(even) {
    background: var(--c-beigeclaire);
}

.lpri-identite {
    font-weight: bold;
    font-size: 0.95em;
    padding: 2px;
    background-color: var(--c-beige);
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    min-height: 40px;
}

.lpri-contacts {}

.lpri-contacts-item {
    font-size: 0.9em;
    padding: 2px;
}

.lpri-rdv {
    font-size: 0.9em;
    padding: 2px;
}

.lpri-infos {}

.lpri-infos .textareav3 {
    border-right: 0;
    border-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.lpri-order .inputv3 {
    border-right: 0;
    border-top: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}



#trans-menu-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    border: 1px solid lightgray;
    min-height: 50px;
    max-height: 310px;
    min-width: 200px;
    max-width: 99%;
    z-index: 15;
    overflow-y: auto;
    box-shadow: 0 0 3px gray;
}

#trans-menu-sticky:not(.opened) #trans-menu-dropdown {
    display: none;
}

.trans-liste-arrow-down {
    transition: transform 0.25s;
}

#trans-menu-sticky.opened .trans-liste-arrow-down {
    transform: rotate(180deg);
}

#trans-menu-dropdown .bton {
    min-height: 40px;
}

#trans-menu-dropdown .bton .bton-icn .material-icons-outlined {
    font-size: 30px;
}

#trans-menu-dropdown .bton .bton-icn {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

#trans-menu-dropdown .bton .bton-lab {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

#trans-menu-dropdown .bton:not(.no-icn):not(.no-lab) .bton-lab {
    width: calc(100% - 40px);
    min-width: calc(100% - 40px);
    max-width: calc(100% - 40px);
}


#titre-page-trans-all {
    margin-bottom: 0.15em;
}


#tmed-edition-bdmid-selected {
    margin-bottom: 0.25em;
}

#tmed-edition-bdmid-propositions {
    max-height: 150px;
}

.t-medocs-bdm-item {
    margin: 2px;
    border: 1px solid var(--c-redclaire);
    border-radius: 15px;
}

.t-medocs-bdm-item .tmbi-nom {
    font-size: 0.95em;
    padding: 5px;
}

.t-medocs-bdm-item .tmbi-options {}

.t-medocs-bdm-item.selected {
    opacity: 0.8;
    font-size: 0.9em;
    color: gray;
    font-style: italic;
}

.t-medocs-bdm-item.selected .tmbi-options {
    visibility: hidden;
}

#tmed-edition-bdmid-selected .t-medocs-bdm-item {
    background-color: #fafafa;
    max-width: 95%;
}

#tmed-edition-bdmid-selected .t-medocs-bdm-item .tmbi-nom {
    font-weight: bold;
    padding-left: 4px;
}

#tmed-edition-bdmid-selected .t-medocs-bdm-item .tmbi-options .tmbi-options-aselectionner,
#tmed-edition-bdmid-propositions .t-medocs-bdm-item .tmbi-options .tmbi-options-selectionne {
    display: none;
}

#tp-traitements-tableau {}

.tptt-horaires {}

.tptt-horaires-cases {
    width: var(--t-ttt-case);
    min-width: var(--t-ttt-case);
    max-width: var(--t-ttt-case);
}

.tptt-horaires-case {
    text-align: center;
    width: var(--t-ttt-case);
    min-width: var(--t-ttt-case);
    max-width: var(--t-ttt-case);
    border: 1px solid transparent;
    border-right-color: var(--c-bluedark);
    border-bottom-color: var(--c-red);
}

.tptt-horairesprise-case {
    height: 45px;
}

.tptt-horairesdistrib-case {
    font-size: 0.95em;
    height: 45px;
}

.tptt-horaires-cases .tptt-horaires-case:first-child,
.tptt-horaires-case-total,
.tptt-horaires-case-stock,
.tptt-horaires-case-prepares {
    border-top: 2px solid var(--c-red);
}

/* #tptt-horaires .tptt-horaires-cases:first-child { border-left: 1px solid gray; } */
/* #tptt-medocs-liste .tppt-medocs-item:first-child { border-top: 2px solid gray; } */
#tptt-medocs-liste .tppt-medocs-item:last-child,
#tptt-programmations-parmedocs .tppt-programmations-item:last-child .tppt-programmations-item-case {
    border-bottom: 1px solid gray;
}

#tptt-medocs {}

#tptt-medocs-blank {
    min-height: 90px;
    overflow: hidden;
    text-align: right;
    color: var(--c-white);
    padding-right: 5px;
    font-size: 0.9em;
    /* border: 2px solid var(--c-red); */
    border-right: 0;
    border-bottom: 0;
    background: var(--c-red);
    border-top-left-radius: 20px;
}

.tptt-medocs-blank2 .tppt-medocs-item {
    overflow: hidden;
    color: white;
    font-size: 0.9em;
    text-align: right;
    padding-right: 5px;
    border: 2px solid var(--c-red);
    background-color: var(--c-red);
}

#tptt-medocs-blank2 .tppt-medocs-item {
    overflow: hidden;
    color: white;
    font-size: 0.9em;
    text-align: right;
    padding-right: 5px;
    border: 2px solid var(--c-red);
    background-color: var(--c-red);
    border-bottom-left-radius: 20px;
}

#tptt-medocs-liste {
    border-left: 2px solid var(--c-red);
}

.tppt-medocs-item {
    height: var(--t-ttt-case-height);
    min-height: var(--t-ttt-case-height);
    max-height: var(--t-ttt-case-height);
    border: 1px solid lightgray;
    border-left: 0;
    border-bottom-color: var(--c-red);
    border-right-color: var(--c-bluedark);
    border-top-color: transparent;
    border-bottom-color: var(--c-red);
    border-right-color: var(--c-bluedark);
    border-top-color: transparent;
}

.tppt-medocs-item-nom {
    padding: 1px 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%;
}

.tppt-medocs-item-nom-sb {
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: blue;
}

.tppt-medocs-item-forme {
    font-size: 0.85em;
    padding: 1px 2px;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--c-redpale);
}

.tppt-medocs-item-format {
    font-family: var(--ff-play);
    padding: 1px 2px;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
}

.tppt-medocs-item-dates {}

a.tppt-medocs-item-dates:hover {
    background-color: var(--c-beige);
    color: var(--c-bluedark);
}

.tppt-medocs-item-dates.tppt-medocs-item-dates-fini {
    color: gray;
    font-style: italic;
    font-size: 0.9em;
}

.tppt-medocs-item-dates.tppt-medocs-item-dates-avenir {
    color: gray;
    font-style: italic;
}

.tppt-medocs-item-dates-freq {
    padding: 1px 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%;
    font-size: 0.95em;
}

.tppt-medocs-item-dates-infosup {
    padding: 1px 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%;
    font-size: 0.9em;
}

.ttt-liste-prochaineprise {}

.ttt-liste-prochaineprise-label {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.ttt-liste-infodates {
    font-size: 0.9em;
}

.tppt-medocs-item-forme>div,
.tppt-medocs-item-format>div,
.tppt-medocs-item-dates-frequence>div,
.tppt-medocs-item-dates-infosup>div,
.tppt-medocs-item-nom>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tppt-medocs-item-apartirde {
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: lightgray;
    border-bottom-color: var(--c-red);
    font-size: 0.9em;
    background-color: rgba(245, 245, 245, 0.9);
}

#tptt-programmations {
    overflow-x: auto;
}

#tptt-horaires,
#tptt-totaux {
    min-height: 24px;
}

#tptt-horaires-distrib {
    min-height: 24px;
}

#tptt-programmations-parmedocs {}

.tppt-programmations-item {}

.tppt-programmations-item-case {
    height: var(--t-ttt-case-height);
    min-height: var(--t-ttt-case-height);
    max-height: var(--t-ttt-case-height);
    width: var(--t-ttt-case);
    min-width: var(--t-ttt-case);
    max-width: var(--t-ttt-case);
    background-color: var(--c-beigeclaire);
    border: 1px solid lightgray;
    border-top-color: transparent;
    border-right-color: var(--c-bluedark);
    border-bottom-color: var(--c-red);
    border-left-color: transparent;
}

.tppt-programmations-item-case input.inputv3 {
    border: 0px solid transparent;
    /* box-shadow: none; */
    border-radius: 0;
}

.tppt-programmations-item-case input.inputv3.fc-lightgray {
    color: #c2c2c2;
}

.tppt-totaux-item-case {
    height: var(--t-ttt-case-height);
    min-height: var(--t-ttt-case-height);
    max-height: var(--t-ttt-case-height);
    width: var(--t-ttt-case);
    min-width: var(--t-ttt-case);
    max-width: var(--t-ttt-case);
    background-color: var(--c-beigeclaire);
    border: 1px solid transparent;
    border-right-color: var(--c-bluedark);
    border-top-color: var(--c-bluedark);
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: #898989;
    border-bottom: 2px solid var(--c-red);
}

.tppt-programmations-item-case-total,
.tppt-programmations-item-case-stock,
.tppt-programmations-item-case-prepares {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.tppt-programmations-item-case-total,
.tptt-horaires-case-total {
    font-size: 0.8em;
    color: #898989;
}

.tptt-horaires-case-total,
.tppt-programmations-item-case-total {
    border-left-color: var(--c-bluedark);
}

.tptt-horaires-case-stock,
.tppt-programmations-item-case-stock {
    border-left-color: var(--c-bluedark);
}

.tptt-horaires-case-prepares,
.tppt-programmations-item-case-prepares,
.tppt-programmations-item-case-prepares-jours {
    border-right: 2px solid var(--c-red);
}

.tppt-programmations-item-case-stock-doses,
.tppt-programmations-item-case-prepares-doses {
    border-right: 1px solid var(--c-bluedark);
}

.tppt-programmations-item-case-stock-jours,
.tppt-programmations-item-case-prepares-jours {
    border-left: 1px solid lightgray;
    font-size: 0.8em;
    color: #898989;
}

.tppt-programmations-item-case-stock,
.tppt-programmations-item-case-prepares,
.tptt-horaires-case-stock,
.tptt-horaires-case-prepares,
.tppt-programmations-item-case-blank-double {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}

.tppt-programmations-item-case-stock.tppt-programmations-item-case-stock-alerte-1 {
    background-color: var(--c-jaune) !important;
    font-weight: bold;
    /* font-size: large; */
}

.tppt-programmations-item-case-stock.tppt-programmations-item-case-stock-alerte-2 {
    background-color: var(--c-jaune) !important;
    font-weight: bold;
    font-size: large;
    color: red;
}

.tptt-horaires-case-stock-lab,
.tptt-horaires-case-prepares-lab {
    border: 1px dashed transparent;
    height: 50%;
    min-height: 50%;
    max-height: 50%;
}

.tptt-horaires-case-stock-lab-moit,
.tptt-horaires-case-prepares-lab-moit {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}

.tppt-programmations-item-case-equivaljours {
    color: gray;
    opacity: 0.8;
}

.tppt-programmations-item-case-blank {
    background-color: rgba(245, 245, 245, 0.9);
    border: 1px solid transparent;
    border-top: 1px solid transparent;
}


.tppt-programmations-item-blank {}

.tppt-programmations-item-blank .tppt-programmations-item-case-blank {
    border-top-color: lightgray;
    border-bottom-color: var(--c-red);
}

.tppt-programmations-item-blank .tppt-programmations-item-case-blank:last-child {
    border-right: 2px solid var(--c-red);
}

/* .tppt-programmations-item-blank .tppt-programmations-item-case-blank:last-of-type { border-right: 1px solid lightgray; }				 */
/* .tppt-programmations-item-blank .tppt-programmations-item-case-blank:first-of-type { border-left: 1px solid lightgray; } */

.tptt-horaires-case-total,
.tptt-horaires-case-stock,
.tptt-horaires-case-prepares {
    background-color: var(--c-beigeclaire);
}

#tptt-horaires .tptt-horaires-case-prepares {
    border-top-right-radius: 20px;
}

.tptt-totaux .tppt-programmations-item-case-blank,
#tptt-totaux .tppt-programmations-item-case-blank {
    background-color: var(--c-red);
    border-bottom: 2px solid var(--c-red);
}

#tptt-totaux .tppt-programmations-item-case-blank:last-of-type {
    border-right: 2px solid var(--c-red);
    border-bottom-right-radius: 20px;
}

#tp-traitements-finis-conteneur {
    margin-top: 1em;
}

#tp-traitements-finis-label {
    font-weight: bold;
    color: var(--c-redpale);
}

#tp-traitements-finis-liste {}

.tmed-fini-item {
    margin: 0.25em;
    padding: 0.15em 0.5em;
    background-color: rgba(245, 245, 245, 0.9);
    border-radius: 15px;
}



.ttt-edition-preparation-ligne-ttt {
    border-bottom: 1px solid var(--c-red);
}

.ttt-edition-preparation-ligne-ttt:last-of-type {
    border-bottom: 0px;
}

.ttt-edition-preparation-ligne-ttt-labels {
    text-align: center;
    border: 0;
}

.ttt-preparation-ligne-ttt-nom {
    text-align: left;
    padding: 0.25em;
    border-right: 1px dashed var(--c-bluedark);
}

.ttt-preparation-ligne-ttt-stock {
    text-align: center;
    padding: 0.25em;
    font-size: 0.85em;
    color: var(--c-redclaire);
    border-right: 1px dashed var(--c-bluedark);
}

.ttt-edition-preparation-ligne-ttt-labels .ttt-preparation-ligne-ttt-stock {
    color: var(--c-white);
}

.ttt-preparation-ligne-ttt-dose {
    text-align: center;
    padding: 0.25em;
    border-right: 1px dashed var(--c-bluedark);
}

.ttt-preparation-ligne-ttt-nombre {}


.ttt-preparation-ligne-ttt-nombre input {
    border-radius: 0;
    border: 0;
}


.tppt-programmations-item-labelline {}

.tppt-programmations-item-labelline.tppt-medocs-item,
.tppt-programmations-item-labelline .tppt-programmations-item-case {
    border-top-color: var(--c-bluedark);
    background-color: var(--c-redclaire-05);
}

.tppt-medocs-item:not(.tppt-medocs-item-dates) {
    /* border-left: 2px solid var(--c-red); */
}




.tp-covid19-partie-conteneur {}

.tp-covid19-partie-legende {
    color: var(--c-redpale);
}

.tp-covid19-generique-liste {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#tp-covid19-vaccination-conteneur {}

#tp-covid19-vaccination-liste {}

.tp-covid19-vac-liste-item {}

.tp-covid19-vac-liste-item:nth-of-type(odd) {}

.tp-covid19-vac-liste-item:hover {}

.tp-covid19-vac-liste-item .tpcvlic-date {
    text-align: center;
    padding: 0.25em;
}

.tp-covid19-vac-liste-item .tpcvlic-marque {
    padding: 0.25em;
}

.tp-covid19-vac-liste-item .tpcvlic-prochaine {
    text-align: center;
    padding: 0.25em;
    font-size: 0.9em;
}


.tp-covid19-vac-item--titrepartie {
    border: 1px solid lightgray;
    background: rgb(250, 250, 250);
    padding: 0.5em;
    color: #ab3b3d;
    font-weight: bold;
    margin-top: 1em;
}

.tp-covid19-vac-item--partie {
    border: 1px solid lightgray;
    padding: 0.25em 0.5em;
}


.tpgvlic-date,
.tpgelic-date {
    text-align: center;
    padding: 0.5em 0.25em;
}

.tpgvlic-marque,
.tpgelic-rep {
    text-align: center;
    padding: 0.5em 0.25em;
    font-weight: bold;
}

.tpgvlic-date {
    font-weight: bold;
}

.tpgvlic-marque {
    font-weight: normal;
}

.grippe-miniitem {
    font-size: 0.9em;
    background-color: var(--c-beige);
    padding: 0.25em 0.5em;
    margin: 0.25em;
    border-radius: 14px;
}

.tmed-item--infos {}

.tmed-item--contentgenerique {
    background: var(--c-beige);
    padding: 0.25em 0.5em;
    margin: 0.25em;
    border-radius: 15px;
    box-shadow: 0px 5px 10px #00000029;
}

.tmed-item--dates {
    font-size: 0.9em;
}

.tmed-item--dates.tmed-item--dates-avenir {}

.tmed-item--dates.tmed-item--dates-fini {
    opacity: 0.8;
    background: var(--c-jaune);
}

.tmed-infos--nom {}

.tmed-infos--type-data {}

.tmed-infos--format {}

.tmed-infos--format-label {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.tmed-infos--format-data {
    font-family: var(--ff-play);
}

.tmed-infos--bdminfos {
    margin: 1em;
    border-color: var(--c-redpale);
}

.tmed-infos--bdminfos-label.v4-cadre-titre {
    background-color: var(--c-redpale) !important;
}

.tmed-infos--bdminfos-nom {
    padding: 0.25em 0.5em;
    font-weight: bold;
}

.tmed-infos--bdminfos-formeetvoie {
    padding: 0.25em 0.5em;
}

.tmed-infos--bdminfos-lien {
    text-align: right;
    font-size: 0.9em;
    padding: 0 0.25em;
}

.tmed-infos--stocks {
    margin: 1em 0;
}

.tmed-infos--stocks-table {
    margin: auto;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #f9f9f9;
}

.tmed-infos--stocks-table td {
    border: 1px solid lightgray;
    padding: 0.25em;
}

.tmed-infos--stocks-label {
    text-align: center;
    font-weight: bold;
    background: lightgray;
}

.tmed-infos--dates {
    margin: 0.25em;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.tmed-infos--dates-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 0.15em 0.5em;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-color: lightgray;
    margin: 0.25em;
}

.tmed-infos--alerte {
    margin: 0.25em;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.tmed-infos--alerte-alerte {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 0.15em 0.5em;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-color: lightgray;
    margin: 0.25em;
}

.tmed-infos--dates-debut,
.tmed-infos--dates-fin {}


.form-ttt-distrib-liste {}

.ftdl-partie {}

.ftdl-partie--type-total {
    font-size: 0.85em;
    opacity: 0.9;
}

.ftdl-partie--type-total .ftdl-item {
    background-color: var(--c-beigeclaire);
}

.ftdl-partie--type-sibesoin {
    font-size: 0.9em;
}

.ftdl-partie--type-courant {}

.ftdl-partie--type-courant.ftdl-partie--doseprevue-0 {
    opacity: 0.8;
    font-size: 0.9em;
    background-color: rgba(250, 250, 250, 0.8);
}

.ftdl-item {
    padding: 0 !important;
    border: 1px solid var(--c-redpale);
    padding: 0 !important;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 1px;
}

.ftdl-item-nom {
    padding: 0.5em 0.25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.pt2 {
    font-variant: small-caps;
    font-weight: bold;
    color: #ab3b3d;
}


#ttt-mouvements-liste {
    margin-top: 1em;
}

#ttt-mouvements-liste-contenu {
    margin: 1em 0;
}

.ttt-mouvements-item {}

.ttt-mouvements-item:nth-of-type(even) {}

.ttt-mouvements-item .tttmi-date {
    text-align: center;
    font-family: Play;
    font-size: 0.9em;
    padding: 0.20em;
}

.ttt-mouvements-item .tttmi-indiv {
    text-align: center;
    font-family: Play;
    font-size: 0.9em;
}

.ttt-mouvements-item .tttmi-indiv img {
    width: 13px;
}

.ttt-mouvements-item .tttmi-from {
    text-align: center;
    padding: 0.25em;
    font-weight: bold;
}

.ttt-mouvements-item .tttmi-type {
    padding: 0.25em;
}

.ttt-mouvements-item .tttmi-valeur {
    text-align: center;
    padding: 0.25em;
    font-weight: bold;
}

.ttt-mouvements-item .tttmi-details {
    padding: 0.25em;
    font-size: 0.9em;
}

#tp-traitements-distributions-liste {}

.ttt-distrib-liste--item {}

.ttt-distrib-liste--item:nth-of-type(even) {}

.ttt-dlic--typelabel {
    margin: 0.15em;
    background-color: var(--c-redpale);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 20px;
    overflow: hidden;
}

.ttt-dlic--typelabel-icn {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
}

.ttt-dlic--typelabel-label {
    padding: 0.25em 0.75em;
    background-color: var(--c-redclaire);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-family: var(--ff-graphie);
}

.ttt-distrib-liste--item .ttt-dlic-date {
    text-align: center;
    font-family: Play;
    font-size: 0.9em;
    padding: 0.25em 0.2em;
}

.ttt-distrib-liste--item .ttt-dlic-individu {
    text-align: center;
    font-family: Play;
    font-size: 0.9em;
}

.ttt-distrib-liste--item .ttt-dlic-individu img {
    width: 13px;
}

.ttt-distrib-liste--item .ttt-dlic-medocs {
    padding: 0.5em 0.15em;
}

.ttt-distrib-liste--item .ttt-dlic-medocs .ttt-dlic--medoc {
    margin: 4px 3px;
    padding: 3px 6px;
    background-color: var(--c-beigeclaire);
    border-radius: 15px;
    border: 1px solid var(--c-beigeclaire);
    overflow: hidden;
    box-shadow: 0px 5px 10px #00000029;
}

.ttt-distrib-liste--item:nth-of-type(even) .ttt-dlic-medocs .ttt-dlic--medoc {
    background-color: white;
}

.ttt-dlic-medocs .ttt-dlic--medoc.click-ajax:hover {
    background-color: var(--c-beige);
}

.ttt-distrib-liste--item .ttt-dlic-medocs .ttt-dlic--medoc .ttt-dlic--medoc-valeur {
    color: gray;
    font-size: 0.85em;
    padding: 1px;
}

.ttt-distrib-liste--item .ttt-dlic-medocs .ttt-dlic--medoc .ttt-dlic--medoc-nom {
    font-weight: bold;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
}

.ttt-distrib-liste--item .ttt-dlic-medocs .ttt-dlic--medoc .ttt-dlic--medoc-format {
    color: gray;
    font-size: 0.8em;
    padding: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tmed-mouvement--infos {}

.tmed-mouvement--infos--ttt {}

.tmed-mouvement--infos--ttt-nom {
    font-weight: bold;
}

.tmed-mouvement--infos--ttt-format {
    color: gray;
    font-size: 0.8em;
}

.tmed-mouvement--infos--individu {
    font-weight: bold;
}

.tmed-mouvement--infos--individu img {
    width: 13px;
}

.tmed-mouvement--infos--date {
    font-weight: bold;
    font-family: var(--ff-play);
}


.top-pan-labels-item {
    color: white;
    font-size: 1em;
    font-weight: bold;
}

.top-pan-labels-item:not(.show) {
    display: none;
}

.top-pan-labels--icone {
    padding: 1px;
}


.page-cabinet-titre {
    display: block;
    padding: 0.75em;
    text-align: center;
}

.cab-menu-item {
    font-size: 1.1em;
    padding: 0.25em;
}

.cab-menu-item-link {
    border-left: 3px solid rgb(150, 150, 150);
    padding: 1em 0.75em;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 4px 4px 0 0 lightgray;
}

.cab-menu-item-link:hover {
    box-shadow: 0 0 3px lightgray;
}


.info-t-decouverte-content {
    font-size: 0.8em;
    margin: 0.25em;
    border: 1px solid var(--c-redclaire);
    background-color: var(--c-beigeclaire);
    text-align: left;
    border-radius: 20px;
    overflow: hidden;
}

.info-t-decouverte-lab {
    font-size: 0.85em;
    background-color: var(--c-redclaire);
    padding: 0.15em;
    padding-left: 1em;
    font-weight: bold;
    color: var(--c-white);
}

.info-t-decouverte-close {
    font-weight: normal;
}

.info-t-decouverte-contenu,
.info-t-decouverte--contenu {
    padding-left: 0.25em;
    padding-right: 0.25em;
    color: var(--c-redpale);
}

.info-t-decouverte-contenu p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.info-t-decouverte-lien {
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin: 0.25em;
    color: var(--c-bluedark);
}

.info-t-decouverte.decouv-opened .info-t-decouverte-lien,
.info-t-decouverte:not(.decouv-opened) .info-t-decouverte--contenu {
    display: none;
}

.info-lienverstuto-content {
    font-size: 0.9em;
    margin: 0.25em;
    border: 1px solid var(--c-redclaire);
    background-color: var(--c-beigeclaire);
    text-align: left;
    border-radius: 20px;
    overflow: hidden;
}

.info-lienverstuto-icn {
    min-width: 30px;
    background-color: var(--c-redclaire);
    color: var(--c-red);
    border-radius: 20px;
}

.info-lienverstuto-lab {
    padding: 0.25em;
}

.info-lienverstuto-titre {
    font-family: var(--ff-play);
    font-weight: bold;
}

.info-lienverstuto-talk {
    font-size: 0.85em;
}


.info-lienverstuto-content:hover {
    border: 1px solid var(--c-red);
    color: var(--c-red);
}

.info-lienverstuto-content:hover .info-lienverstuto-icn {
    background-color: var(--c-red);
    color: var(--c-beige);
}


.export-transsauf-item {
    margin-bottom: 1px;
}

.export-transsauf-item:not(.checked):nth-of-type(odd) {
    background-color: rgba(250, 250, 250, 0.4);
}

.ets-item {
    margin: 2px;
    padding: 2px;
    font-size: 0.9em;
    font-family: var(--ff-play);
    background: rgb(250, 250, 250);
    border: 1px solid lightgray;
}


.leftmidborder {
    box-shadow: -7px 0px 0px -6px grey;
}


#ttt-liste-actions-conteneur {}

#ttt-liste-actions {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid lightgray;
    box-shadow: 0 0 3px gray;
    border-radius: 2px;
    z-index: var(--zi-lvl-1b);
    display: none;
}

#ttt-liste-actions-conteneur.opened #ttt-liste-actions {
    display: block;
}


.btons {
    border-radius: 50px;
    overflow: hidden;
    margin: 2px 1px;
}

.btons .bton-conteneur {
    border: 1px solid var(--c-beige);
    border-top: 0;
    border-bottom: 0;
}

.btons .bton-conteneur:first-child {
    border-left-color: transparent;
}

.btons .bton-conteneur:last-child {
    border-right-color: transparent;
}

.btons .bton {
    margin: 0;
    border-radius: 0;
    border: 0;
    /* min-height: 37px; */
    padding: 0 5px;
    height: auto;
    width: 100% !important;
}

.btons .bton .bton-lab {
    text-align: center;
}



#agenda-affichageliste-dropdown,
#agenda-actionsliste-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid lightgray;
    box-shadow: 0 0 3px gray;
    border-radius: 2px;
    z-index: 21;
    display: none;
    min-width: 280px;
}

#agenda-actionsliste-conteneur.opened #agenda-actionsliste-dropdown,
#agenda-affichageliste-conteneur.opened #agenda-affichageliste-dropdown {
    display: block;
}


.dropdownlist.btns-adaptes {}

.dropdownlist.btns-adaptes>.bton:not(.inadapte),
.dropdownlist.btns-adaptes>.btons .bton:not(.inadapte),
.dropdownlist.btns-adaptes div.btns-adaptes .bton:not(.inadapte) {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.dropdownlist.btns-adaptes>.btons .bton:not(.inadapte) .bton-icn,
.dropdownlist.btns-adaptes>.bton:not(.inadapte) .bton-icn,
.dropdownlist.btns-adaptes div.btns-adaptes .bton:not(.inadapte) .bton-icn {
    padding: 1px 5px;
}


.agenda-menufromhoraire-tpid-acharger {
    position: relative;
    min-height: 35px;
}

.agenda-menufromhoraire-tpid-acharger.loaded {
    min-height: auto;
}


.io4 #fiche-patient-soinrealisations-liste-only .tsr-ligne-datessoins {
    top: 0px !important;
}

#liste-patients-search-seeall {
    display: none;
}

#liste-patients-search {
    margin-top: 5px;
    background-color: var(--c-beige);
    z-index: 2;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.ts-partie-conteneur-soin {
    /* margin: 0.25em;
	border: 1px solid #ab3b3d;
	border-radius: 5px;
	padding: 0.25em; */
}

.trdv-item-options,
.ts-item-options,
.tf-partie-conteneur-fichier-options,
.ts-partie-conteneur-soin-options {
    position: absolute;
    top: 100%;
    right: 0;
    border: 1px solid lightgray;
    box-shadow: 0 0 3px gray;
    border-radius: 7px;
    z-index: 21;
    display: none;
    min-width: 260px;
}

.trdv-item-options-conteneur.opened .trdv-item-options,
.ts-item-options-conteneur.opened .ts-item-options,
.tf-partie-conteneur-fichier-options-conteneur.opened .tf-partie-conteneur-fichier-options,
.ts-partie-conteneur-soin-options-conteneur.opened .ts-partie-conteneur-soin-options {
    display: block;
}


.ts-programmation-horaire-conteneur {
    margin-bottom: 0.5em;
    border: 1px solid var(--c-redclaire);
    padding: 0.25em;
    border-radius: 15px;
    background-color: var(--c-white);
}

.ts-programmation-horaire-conteneur.selected {
    border: 1px solid var(--c-bluedark);
}

.ts-programmation-horaire-conteneur:not(.selected) {
    opacity: 0.8;
    font-size: 0.95em;
}

.ts-programmation-horaire-conteneur.ts-programmation-horaire-conteneur-type-2:not(.selected) {
    font-style: italic;
    border: 1px solid var(--c-beige);
    opacity: 0.6;
}

.ts-programmation-horaire-conteneur:not(.selected) .t-tournee-infos {
    opacity: 0.8;
    font-size: 0.95em;
}

.ts-programmation-horaire-conteneur:not(.selected):hover {
    opacity: 1;
    border: 1px solid gray;
}

.ts-programmation-horaire-conteneur:not(.selected) .ts-programmation-horaire-contenu {
    display: none;
}

.ts-programmation-horaire-conteneur:not(.selected) .ts-horaire-input-conteneurlabel {
    width: 100% !important;
}

.ts-programmation-horaire-conteneur:not(.programspec) .ts-programmation-horaire-specifique-contenu {
    display: none;
}

.ts-programmation-horaire-conteneur .tsph-infostype {
    color: var(--c-redpale);
    font-style: italic;
    font-size: 0.9em;
    font-weight: normal;
}



.patienthoraires-label {
    font-weight: bold;
    font-size: 0.9em;
}

.patienthoraires-item--horaires-item {}

.patienthoraires-item--horaires-item-contenu {}

.phihic-heure {
    font-weight: bold;
    padding: 0.5em;
}

.phihic-tournee {
    padding: 0.5em;
}

.phihic-opts {
    padding: 0.25em;
}

.phihic-nbrutile {
    padding: 0.5em;
    font-family: var(--ff-play);
    color: var(--c-redpale);
}


.ts-partie-conteneur-soin-contenu {
    margin: 0.15em;
    margin-bottom: 1.5em;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
    background-color: var(--c-beigeclaire);
}

#summerremplabirthdaytirage {
    margin: auto;
    height: 250px;
    font-size: 50px;
    border-radius: 10px;
    overflow: hidden;
}

#summerremplabirthdaytirage:hover {
    background-color: rgba(200, 200, 200, 0.6);
}


#factu-liste-conteneur {}


#factu-resume-rdvs {
    font-size: 0.85em;
    margin: 1em 0;
    color: var(--c-redpale);
}

#factu-resume-fse {
    margin: 1em 0;
    color: var(--c-redpale);
}

#factu-resume-rdvs[data-honorairesjustepoursoi="1"] .factu-honoraires-affiches-indiv-details {
    display: none;
}

#factu-liste-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible;
    border-radius: 5px;
}

#factu-liste-table thead {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
}

#factu-liste-table thead td {
    text-align: center;
    font-weight: bold;
    font-size: 0.75em;
    /* border: 1px solid lightgray; */
    padding: 5px 2px;
    font-style: normal;
}

#factu-liste-table tfoot {
    background-color: var(--c-red);
    color: var(--c-white);
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    top: 55px;
}

html.onApp body:not(.keyboardopened) #factu-liste-table tfoot {
    bottom: 50px;
}

#factu-liste-table .factu-liste-item,
#factu-liste-table .factu-liste-item-details {
    border: 1px solid lightgray;
}

#factu-liste-table .factu-liste-item td {
    min-height: 45px;
    height: 45px;
}

#factu-liste-table .factu-liste-item td:not(.fli-options):not(.fli--date):not(.fli-individu:nth-of-type(even)) {
    border-right: 1px dashed lightgray;
}

#factu-liste-table .factu-liste-item td:not(.fli-case-etat):not(.fli-case-facture-regle):not(.fli-soin2):not(.fli-individu):not(.fli-cotation) {
    border-top: 1px dashed lightgray;
}

#factu-liste-table thead .factu-liste-item td,
#factu-liste-table .factu-liste-item.factu-liste--date td,
#factu-liste-table .factu-liste-item.factu-liste-item-blank td {
    border-top: 0px !important;
}

#factu-liste-table .factu-liste-item-patienttime {
    background-color: var(--c-beige);
}

#factu-liste-table .factu-liste-item-cotation {
    background-color: var(--c-beigeclaire);
    min-height: 30px;
}

#factu-liste-table .factu-liste-item-blank {
    background-color: var(--c-white);
    border-left-color: transparent;
    border-right-color: transparent;
}

#factu-liste-table .factu-liste-item.factu-liste-item-tsid-coche {
    background-color: var(--c-jauneappuye);
}

#factu-liste-table .factu-liste-item-blank td {
    height: 5px;
    font-size: 1px;
    border: 0px;
}

#factu-liste-table .factu-liste-item-cotation td {
    height: auto;
    min-height: 30px;
}

#factu-liste-table .factu-liste-item-cotation .fli-cotation-totale {
    height: 35px;
    min-height: 35px;
}

#factu-liste-table .factu-liste-item-cotation .fli-cotation-totale-pec {
    text-align: left;
    font-family: var(--ff-play);
    font-size: 0.8em;
    padding: 2px;
}

#factu-liste-table .factu-liste-item-cotation .fli-cotation-totale-cot {
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 2px;
    padding-right: 4px;
}

.factu-liste-item .fli-case {
    text-align: center;
    font-size: 0.8em;
    width: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
}

.fli-case.fli-case-etat,
.fli-case.fli-case-facture,
.fli-case.fli-case-regle {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

.fli-case.fli-case-facture-regle {
    width: 50px !important;
    min-width: 40px !important;
    max-width: 50px !important;
}

.factu-liste-item.factu-liste-item--regle-0 .fli-case-regle .fli-case-checked,
.factu-liste-item.factu-liste-item--facture-0 .fli-case-facture .fli-case-checked {
    opacity: 0.6;
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
}

.factu-liste-item .fli-patient,
.factu-liste-item .fli-patient .gcc0,
.factu-liste-item .fli-patient .tp-identite-conteneur,
.factu-liste-item .fli-soin a:not(.factu-soin-infos-item),
/* .factu-liste-item .fli-soin2 a:not(.factu-soin-infos-item), */
.factu-liste-item .fli-soin span,
.factu-liste-item .fli-soin2 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.factu-liste-item .fli-case label {
    height: 100%;
}


.factu-liste-item .fli-soin a:not(.factu-soin-infos-item),
.factu-liste-item .fli-soin span,
.factu-liste-item .fli-soin2 a:not(.factu-soin-infos-item),
.factu-liste-item .fli-soin2 span {
    display: block;
    max-width: 100%;
}

.factu-liste-item .fli-soin a:not(.factu-soin-infos-item),
.factu-liste-item .fli-soin2 a:not(.factu-soin-infos-item) {
    padding: 2px 5px;
    font-weight: bold;
}

.factu-liste-item .fli-soin a:not(.factu-soin-infos-item):not(:hover),
.factu-liste-item .fli-soin2 a:not(.factu-soin-infos-item):not(:hover) {
    color: var(--c-bluedark);
}

.factu-liste-item.factu-liste-item--nonfacturable .fli-soin a:not(.factu-soin-infos-item),
.factu-liste-item.factu-liste-item--nonfacturable .fli-soin2 a:not(.factu-soin-infos-item) {
    font-weight: normal;
    font-size: 0.95em;
}

.factu-liste-item .fli-soin a:not(.factu-soin-infos-item).soinparent {
    opacity: 0.8;
    font-size: 0.9em;
}


/*
			HEIGHT sur les TD plutôt que sur le TR
			LABEL en GRILLE pour mettre le bouton en plein milieu et prendre toute la largeur/hauteur de TD en compte


		*/

.factu-liste-item .fli-patient {
    padding: 2px;
    /* max-width: 120px; */
    position: relative;
    overflow: visible;
}

.factu-liste-item .fli-patient .tp-identite-conteneur {
    font-size: 0.85em;
}

.fli-patient-dropdown,
.fri-patient-dropdown,
.ffi-patient-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 225px;
    max-width: 250px;
    background: white;
    box-shadow: 0 0 3px gray;
    z-index: 100;
}

.ffi-identite:not(.opened) .ffi-patient-dropdown,
.fri-identite:not(.opened) .fri-patient-dropdown,
.fli-patient:not(.opened) .fli-patient-dropdown {
    display: none;
}

.factu-liste-item .fli-soin,
.factu-liste-item .fli-soin2 {
    /* font-size: 0.95em; */
    padding: 2px;
    background-color: var(--c-jaune-03);
}

.factu-liste-item .fli-individu {
    font-size: 0.85em;
    text-align: center;
    /* padding: 2px; */
    width: 50px;
    max-width: 50px;
    min-width: 45px;
}

.factu-liste-item .fli-individu[colspan="2"] {
    width: 100px;
    max-width: 100px;
    min-width: 90px;
}

.fli-individu-multiple {
    height: 100%;
    min-height: 100%;
    width: 50px;
}

.fli-individu-multiple-1 {
    width: 100%;
}

.fli-individu-multiple-2 {
    width: 100%;
    background-color: white;
}

.fli-individu-multiple-1>div,
.fli-individu-multiple-2>div {
    padding: 2px;
}

.factu-liste-item .fli-cotation,
.factu-liste-item .fli-timestamp {
    font-family: var(--ff-play);
    text-align: center;
    padding: 2px;
    min-width: 70px;
    width: 90px;
    max-width: 90px;
}

.factu-liste-item .fli-timestamp-month {
    font-size: 0.9em;
}

.factu-liste-item .fli-timestamp-heure {
    font-weight: bold;
}

.factu-liste-item .fli-cotation {
    font-family: var(--ff-play);
    font-size: 0.85em;
}

.factu-liste-item--sanscotation .fli-cotation {
    color: lightgray;
}

.factu-liste-item .fli-options {
    position: relative;
    overflow: visible;
    text-align: center;
    padding: 2px;
    width: 45px;
    max-width: 45px;
}

.fli-options-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    min-width: 250px;
    max-width: 250px;
    background: white;
    box-shadow: 0 0 3px gray;
    z-index: 100;
}

.fli-options:not(.opened) .fli-options-dropdown {
    display: none;
}





#factu-liste-table .factu-liste-item.factu-liste--date {
    padding: 2px;
}

#factu-liste-table .factu-liste-item.factu-liste--date td {
    height: 32px !important;
}

.factu-liste-item.factu-liste--date .fli--date {
    padding: 2px;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 1px solid var(--c-beige);
}

.factu-liste-item.factu-liste--date .fli--date-val {
    font-size: 0.9em;
    font-weight: normal;
    color: var(--c-beige);
    font-style: italic;
    padding-right: 2px;
}

.factu-liste-table--type-facture-0 .factu-liste-item--facture-1 td:not(.fli-options),
.factu-liste-table--type-facture-1 .factu-liste-item--facture-0 td:not(.fli-options),
.factu-liste-table--type-regle-0 .factu-liste-item--regle-1 td:not(.fli-options),
.factu-liste-table--type-regle-1 .factu-liste-item--regle-0 td:not(.fli-options),
.factu-liste-item-hors-recherche td:not(.fli-options) {
    opacity: 0.7;
    font-size: 0.9em;
    color: var(--c-gray);
}

.factu-liste-table--type-facture-0 .factu-liste-item--facture-1:hover,
.factu-liste-table--type-facture-1 .factu-liste-item--facture-0:hover,
.factu-liste-table--type-regle-0 .factu-liste-item--regle-1:hover,
.factu-liste-table--type-regle-1 .factu-liste-item--regle-0:hover,
.factu-liste-item-hors-recherche:hover {
    opacity: 1;
}

.factu-liste-table--type-facture-0 .factu-liste-item--facture-1 .fli-case-checkbox label,
.factu-liste-table--type-facture-0 .factu-liste-item--facture-1 .fli-case-etat span,
.factu-liste-table--type-facture-1 .factu-liste-item--facture-0 .fli-case-checkbox label,
.factu-liste-table--type-facture-1 .factu-liste-item--facture-0 .fli-case-etat span,
.factu-liste-table--type-regle-0 .factu-liste-item--regle-1 .fli-case-checkbox label,
.factu-liste-table--type-regle-0 .factu-liste-item--regle-1 .fli-case-etat span,
.factu-liste-table--type-regle-1 .factu-liste-item--regle-0 .fli-case-checkbox label,
.factu-liste-table--type-regle-1 .factu-liste-item--regle-0 .fli-case-etat span,
.factu-liste-item-hors-recherche .fli-case-checkbox label,
.factu-liste-item-hors-recherche:not(.factu-liste-item--nonfacturable) .fli-case-etat span {
    display: none;
}

.factu-soin-infos-item {
    margin: 0.25em;
    padding: 0.25em 0.75em;
    background: var(--c-beigeclaire);
    border-radius: 20px;
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.8em;
    font-style: normal;
    opacity: 0.9;
}

.fli-soin {
    width: 240px;
    max-width: 240px;
}

@media (max-width: 767px) {
    .fli-soin2 {
        background-color: transparent !important;
    }

    .fli-soin2 div,
    .fli-soin2 a {
        display: none !important;
    }

    .factu-liste-item .fli-patient {
        max-width: 170px;
    }
}

@media (min-width: 768px) {
    .fli-soin {
        height: 0.1px !important;
        max-height: 0.1px !important;
    }

    .fli-soin div,
    .fli-soin a {
        display: none !important;
    }
}

.size-0 .factu-liste-item .fli-patient {
    max-width: 170px;
}

.size-768 .factu-liste-item .fli-patient {
    max-width: auto;
}

.size-0 .fli-soin2 {
    background-color: transparent !important;
}

.size-0:not(.size-768) .fli-soin2 div,
.size-0:not(.size-768) .fli-soin2 a {
    display: none !important;
}

/* .size-768 .fli-soin2 div, */
/* .size-768 .fli-soin2 a { display: block !important; } */
.size-768 .fli-soin {
    height: 0.1px !important;
    max-height: 0.1px !important;
}

.size-768 .fli-soin div,
.size-768 .fli-soin a {
    display: none !important;
}


.profil-contenu--metier {
    display: none;
}

.profil--metier-infirmier .profil-contenu--metier-infirmier,
.profil--metier-etudiant .profil-contenu--metier-etudiant,
.profil--metier-medecin .profil-contenu--metier-medecin,
.profil--metier-autre .profil-contenu--metier-autre,
.profil--metier-facturier .profil-contenu--metier-facturier {
    display: block;
}


.agenda-menufromhoraire-item-basculer:not(.opened) .amfhib-liste {
    display: none;
}

.amfhib-liste {
    padding-bottom: 5px;
}

.alt-r-c-infos--soin-bigconteneur-done .agenda-menufromsoin-item-optsrdv,
.altcrc-canceled .agenda-menufromhoraire-items-ifundone,
.altcrc-done .agenda-menufromhoraire-items-ifundone {
    display: none !important;
}


.alt-ttts-alerte-infos {
    margin: 0.25em;
    border: 1px solid var(--c-beige);
    padding: 0.5em;
    font-size: 0.8em;
    opacity: 0.9;
    border-radius: 18px;
    background-color: var(--c-beigeclaire);
}

.altcrc-canceled .alt-ttts-alerte-infos,
.altcrc-done .alt-ttts-alerte-infos {
    display: none;
}

.alt-ttts-alerte-infos--fullinfos {
    display: none;
}

.alt-ttts-alerte-infos--fullinfos-content {
    min-width: 250px;
}

.ataif-item {}

.ataif-item--nom {
    text-align: left;
    font-weight: bold;
    padding: 0.5em;
}

.ataif-item--stock {
    text-align: center;
    font-weight: bold;
    padding: 0.25em;
}

.alt-taches-alerte-infos-proches {
    width: 95%;
    margin: 0.25em auto;
    padding: 0.4em;
}


.ts-program-cotation-calcul-conteneur,
.ts-program-cotation-valeur-conteneur {
    display: none;
}

.ts-program-cotation-infosconteneur-base .ts-program-cotation-valeur-conteneur-base,
.ts-program-cotation-infosconteneur-acte .ts-program-cotation-valeur-conteneur-acte,
.ts-program-cotation-infosconteneur-acte_perso .ts-program-cotation-valeur-conteneur-acte_perso,
.ts-program-cotation-infosconteneur-hn .ts-program-cotation-valeur-conteneur-hn,
.ts-program-cotation-infosconteneur-lie_soin .ts-program-cotation-valeur-conteneur-lie_soin {
    display: block;
}

.ts-program-cotation-infosconteneur-acte .ts-program-cotation-calcul-conteneur,
.ts-program-cotation-infosconteneur-acte_perso .ts-program-cotation-calcul-conteneur,
.ts-program-cotation-infosconteneur-base.ts-program-cotation-infosconteneurbase-acte .ts-program-cotation-calcul-conteneur,
.ts-program-cotation-infosconteneur-base.ts-program-cotation-infosconteneurbase-acte_perso .ts-program-cotation-calcul-conteneur {
    display: block;
}

.ts-programmation-cotation-acte {}

.tspca-cotation {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: bold;
    padding: 0.15em;
}

.tspca-description {
    color: #3a3a3a;
    padding: 0.15em;
}

.factu-liste-item-patienttime--visite-cab .ticns-dom,
.factu-liste-item-patienttime--visite-cab .ticns-domfree,
.factu-liste-item-patienttime--visite-cab .ticns-telesoin,
.factu-liste-item-patienttime--visite-cab .btn-visite-cab,
.factu-liste-item-patienttime--visite-dom .ticns-cab,
.factu-liste-item-patienttime--visite-dom .ticns-domfree,
.factu-liste-item-patienttime--visite-dom .ticns-telesoin,
.factu-liste-item-patienttime--visite-dom .btn-visite-dom,
.factu-liste-item-patienttime--visite-domfree .ticns-cab,
.factu-liste-item-patienttime--visite-domfree .ticns-dom,
.factu-liste-item-patienttime--visite-domfree .ticns-telesoin,
.factu-liste-item-patienttime--visite-domfree .btn-visite-domfree,
.factu-liste-item-patienttime--visite-telesoin .ticns-cab,
.factu-liste-item-patienttime--visite-telesoin .ticns-dom,
.factu-liste-item-patienttime--visite-telesoin .ticns-domfree,
.factu-liste-item-patienttime--visite-telesoin .btn-visite-telesoin,
.factu-liste-item-patienttime--dep-0 .ticns-dependance,
.factu-liste-item-patienttime--dep-0 .btn-dep-0,
.factu-liste-item-patienttime--dep-1 .btn-dep-1 {
    display: none;
}

.factu-liste-item.factu-liste-item--nonfacturable .btn-factu-nonfacturable,
.factu-liste-item:not(.factu-liste-item--nonfacturable) .btn-factu-facturable {
    display: none;
}

.factu-liste-item.factu-liste-item--nonfacturable .fli-cotation,
.factu-liste-item.factu-liste-item--nonfacturable-alreadyCoted .fli-cotation {
    text-decoration: line-through;
    color: gray;
    font-style: italic;
    opacity: 0.8;
}





.dropdownlist-conteneur-basics {
    position: relative;
}

.dropdownlist-basics {
    position: absolute;
    top: 100%;
    right: 2px;
    background: var(--c-white);
    border: 1px solid var(--c-redpale);
    border-radius: 8px;
    overflow: auto;
    z-index: 100;
    box-shadow: 0 0 6px gray;
}

.dropdownlist-conteneur:not(.opened) .dropdownlist-basics {
    display: none !important;
}

.dropdownlist-basics.db-left {
    right: auto;
    left: 0;
}

.page-titre-principal {
    font-family: var(--ff-graphie);
    font-weight: 900;
    color: var(--c-bluedark);
    font-size: 1.1em;
}

.page-titre-secondaire,
.partie-titre {
    font-family: var(--ff-graphie);
    font-weight: bold;
    color: var(--c-redpale);
    font-size: 1.05em;
}

.form-adresse-conteneur {
    position: relative;
}

.form-adresse-contenu {
    border: 2px solid var(--c-red);
    border-radius: 25px;
    overflow: hidden;
}

.form-adresse-conteneur .formv3-donnees-input-conteneur {
    overflow: hidden;
    border-right: 1px solid var(--c-red);
}

.form-adresse-conteneur .formv3-donnees-input-conteneur.adresse-conteneurinput-generique-numporte,
.form-adresse-conteneur .formv3-donnees-input-conteneur.adresse-conteneurinput-generique-ville {
    border-right: 0px solid transparent;
}

.form-adresse-conteneur .inputv3 {
    border: 0px solid transparent;
    border-radius: 0px;
    padding: 13px;
}

.form-adresse-conteneur .adresse-conteneur-generique-viaid .inputv3,
.form-adresse-conteneur .adresse-input-generique-ville.inputv3 {
    border-color: transparent;
}

.form-adresse-conteneur .adresse-conteneurinput-generique-etage,
.form-adresse-conteneur .adresse-conteneurinput-generique-numporte,
.form-adresse-conteneur .adresse-conteneurinput-generique-details {
    border-top: 1px solid var(--c-red);
}

.form-adresse-conteneur .adresse-conteneur-generique-base {
    border-top: 1px solid var(--c-red);
    padding: 0.15em 0.5em;
}

.form-adresse-conteneur .adresse-conteneurinput-generique-geo {
    background-color: var(--c-red);
}

.form-adresse-conteneur .adresse-conteneurinput-generique-type {
    border-right: 0;
}

.form-adresse-conteneur .adresse-conteneurinput-generique-type .selectv3 {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.form-adresse-conteneur .adresse-conteneurinput-generique-type .inputv3 {
    border-bottom: 1px solid var(--c-red);
}


.t-inputs-date,
.form-ligne-champs {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.t-inputs-date::after,
.menupage.menupage-noarrows::after,
.form-ligne-champs::after {
    box-sizing: content-box;
    border: 2px solid var(--c-red);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: 2;
    border-radius: 20px;
    pointer-events: none;
}

.form-ligne-champs.redpale::after {
    border-color: var(--c-redpale);
}

.form-ligne-champs .flc-inputcontainer {
    border: 1px solid var(--c-redclaire);
}

.form-ligne-champs .inputv3,
.form-ligne-champs .selectv3,
.form-ligne-champs .textareav3 {
    border: 0px;
    border-radius: 0;
}

.statistiques-options-listeindividus-individu {}

.statistiques-options-listeindividus-individu-hide {
    display: none;
}

.statistiques-item-titre .pseudonyme-conteneur,
.statistiques-options-listeindividus-individu .pseudonyme-conteneur {
    color: var(--c-bluedark);
    font-variant: normal;
}


.menupage {
    border: 2px solid var(--c-redpale);
    border-radius: 20px;
    overflow: hidden;
    background: var(--c-beige);
}

.menupage-arrow {
    width: 40px;
    min-width: 40px;
    font-family: 'Material Icons Outlined';
    background-color: var(--c-white);
}

.menupage-arrow-left {
    border-right: 1px solid var(--c-redpale);
}

.menupage-liste {
    overflow: hidden;
}

.menupage-item {
    border-right: 1px solid var(--c-redpale);
}

.menupage-item-lien {
    height: 100%;
    font-family: var(--ff-poppins);
    font-weight: bold;
    background-color: var(--c-beige);
    color: var(--c-red);
    padding: 0.6em 0.4em;
}

.menupage-item--lab {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: var(--c-bluedark);
}

.menupage-item-active .menupage-item-lien {
    background-color: var(--c-red);
}

.menupage-arrow:not(.no-click):hover,
.menupage-item .menupage-item-lien:not(.no-click):hover {
    background-color: var(--c-redpale);
    color: var(--c-white);
}

.menupage-item-active .menupage-item-lien .menupage-item--lab,
.menupage-item-lien:not(.no-click):hover .menupage-item--lab {
    color: var(--c-white);
}

.menupage-item-lien:not(.no-click):active {
    box-shadow: 0 0 5px inset black;
}

.menupage.mini {}

.menupage.mini .menupage-arrow {
    width: 36px;
    min-width: 36px;
}

.menupage.mini .menupage-liste {}

.menupage.mini .menupage-item {
    min-height: 35px;
}

.menupage.mini2 .menupage-item {
    min-height: 30px;
}

.menupage.mini .menupage-item-lien {
    padding: 0.15em 0.25em;
    font-weight: normal;
}

.menupage.mini .menupage-item--lab {
    font-size: 0.85em;
}

.menupage.mini2 .menupage-item--lab {
    font-size: 0.8em;
}

.menupage.mini .menupage-item-active .menupage-item-lien {}

.menupage.mini .menupage-arrow:not(.no-click):hover,
.menupage.mini .menupage-item .menupage-item-lien:not(.no-click):hover {}

.menupage.mini .menupage-item-active .menupage-item-lien .menupage-item--lab,
.menupage.mini .menupage-item-lien:not(.no-click):hover .menupage-item--lab {}

.menupage.mini .menupage-item-lien:not(.no-click):active {}


.menupage.menupage-noarrows {
    position: relative;
    border: 0px;
}

.menupage.menupage-noarrows .menupage-item {
    border: 1px solid var(--c-redpale);
}

.periode-contrat-table {
    margin: auto;
    border: 1px solid var(--c-bluedark);
    border-radius: 10px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

.periode-contrat-table td {
    padding: 5px;
    min-width: 40px;
    background-color: var(--c-beige-05);
    text-align: center;
    border-bottom: 1px solid lightgray;
}

.periode-contrat-table td:last-child {
    border-right: 0;
}

.periode-contrat-table td.pct-u-avatar {
    min-width: 31px;
    padding: 0;
}

.pct-u-avatar img {
    max-height: 30px;
    max-width: 30px;
}

.pct-u {
    font-weight: bold;
    color: var(--c-bluedark);
    text-shadow: 0 0 white;
    border-right: 1px solid lightgray;
	text-align: left !important;
	font-family: var(--ff-graphie);
}

.pct-signature {
    border-right: 1px solid lightgray;
}

.pct-paper,
.pct-old,
.pct-delete {
    font-size: 0.9em;
    color: var(--c-redpale);
}



.noradius {
    border-radius: 0px !important;
}

.noradiustop {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.noradiusbottom {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.noradiusright {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.noradiustopright {
    border-top-right-radius: 0px !important;
}

.noradiusbottomright {
    border-bottom-right-radius: 0px !important;
}

.cal-header-navig-arrows {
    width: 40px;
    color: var(--c-white);
}

.cal-header-navig-arrows:hover {
    color: var(--c-beige);
}


.forum-entete-principal {
    margin-bottom: 1.5em;
}

.forum-entete-principal .forum-item-titresoustitre {}

.forum-entete-principal .forum-item-titre {
    font-family: var(--ff-graphie);
    font-weight: 900;
    font-size: 1.3em;
    color: var(--c-red);
}

.forum-entete-principal .forum-item-soustitre {
    font-family: var(--ff-graphie);
    font-weight: normal;
    color: var(--c-redpale);
    font-size: 1em;
    opacity: 1;
}


.btn-arrow-transmenu {}

.material-icons,
.material-icons-outlined {
    vertical-align: bottom;
    vertical-align: text-bottom;
    font-size: 22px;
}

.px10 .material-icons,
.px10 .material-icons-outlined {
    font-size: 10px;
}

.px10.material-icons,
.px10.material-icons-outlined {
    font-size: 10px !important;
}

.px12 .material-icons,
.px12 .material-icons-outlined {
    font-size: 12px;
}

.px12.material-icons,
.px12.material-icons-outlined {
    font-size: 12px !important;
}

.px14 .material-icons,
.px14 .material-icons-outlined {
    font-size: 14px;
}

.px14.material-icons,
.px14.material-icons-outlined {
    font-size: 14px !important;
}

.px15 .material-icons,
.px15 .material-icons-outlined,
.px15>.material-icons,
.px15>.material-icons-outlined {
    font-size: 15px;
}

.px15.material-icons,
.px15.material-icons-outlined {
    font-size: 15px !important;
}

.px16 .material-icons,
.px16 .material-icons-outlined,
.px16>.material-icons,
.px16>.material-icons-outlined {
    font-size: 16px;
}

.px16.material-icons,
.px16.material-icons-outlined {
    font-size: 16px !important;
}

.px18 .material-icons,
.px18 .material-icons-outlined {
    font-size: 18px;
}

.px18.material-icons,
.px18.material-icons-outlined {
    font-size: 18px !important;
}

.px20 .material-icons,
.px20 .material-icons-outlined {
    font-size: 20px;
}

.px20.material-icons,
.px20.material-icons-outlined {
    font-size: 20px !important;
}

.px24 .material-icons,
.px24 .material-icons-outlined {
    font-size: 24px;
}

.px24.material-icons,
.px24.material-icons-outlined {
    font-size: 24px !important;
}

.px26 .material-icons,
.px26 .material-icons-outlined {
    font-size: 26px;
}

.px26.material-icons,
.px26.material-icons-outlined {
    font-size: 26px !important;
}

.px28 .material-icons,
.px28 .material-icons-outlined,
.px28 .material-icons-round {
    font-size: 28px;
}

.px30 .material-icons,
.px30 .material-icons-outlined,
.px30 .material-icons-round {
    font-size: 30px;
}

.px30.material-icons,
.px30.material-icons-outlined {
    font-size: 30px !important;
}

.px35 .material-icons,
.px35 .material-icons-outlined {
    font-size: 35px !important;
}

.px35.material-icons,
.px35.material-icons-outlined {
    font-size: 35px !important;
}

.px40 .material-icons,
.px40 .material-icons-outlined,
.px40 .material-icons-round {
    font-size: 40px !important;
}

.px40.material-icons,
.px40.material-icons-outlined {
    font-size: 40px !important;
}

.px60 .material-icons,
.px60 .material-icons-outlined {
    font-size: 60px !important;
}

.px60.material-icons,
.px60.material-icons-outlined {
    font-size: 60px !important;
}

.bton-icn .material-icons,
.bton-icn .material-icons-outlined,
.mi-mid .material-icons,
.mi-mid .material-icons-outlined,
.mi-mid.material-icons,
.mi-mid.material-icons-outlined {
    vertical-align: middle;
}



.lds-dual-ring {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 2px;
    bottom: 2px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 26px;
    height: 26px;
    margin: 2px;
    border-radius: 50%;
    border: 3px solid #fed;
    border-color: #ab3b3d transparent #ab3b3d transparent;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring.mini {
    width: 22px;
    height: 22px;
}

.lds-dual-ring.mini:after {
    width: 14px;
    height: 14px;
    margin: 0;
}

.lds-dual-ring.inline {
    position: relative;
}

.element-chargement.element-chargement-full .lds-dual-ring {
    width: 80px;
    height: 80px;
}

.element-chargement.element-chargement-full .lds-dual-ring:after {
    width: 64px;
    height: 64px;
    margin: 2px;
    border-radius: 50%;
    border-width: 6px;
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#top-pan-liens-messagerie {}

.tpl-messagerie-unread {
    -webkit-animation: tpl-messagerie-animate 3s linear infinite;
    animation: tpl-messagerie-animate 3s linear infinite;
}

@keyframes tpl-messagerie-animate {
    0% {
        color: var(--c-bluedark);
    }

    50% {
        color: red;
    }

    100% {
        color: var(--c-bluedark);
    }
}

#top-pan-liens-messagerie.with-unread .tpl-messagerie-basic,
#top-pan-liens-messagerie:not(.with-unread) .tpl-messagerie-unread {
    display: none;
}

@media (max-width: 400px) {
    html:not(.modeVitrine) #top-pan-liens-messagerie {
        display: none;
    }
}

label[for] {
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}



.strict-all-12 {
    width: var(--col-12);
    min-width: var(--col-12);
}

.strict-all-11 {
    width: var(--col-11);
    min-width: var(--col-11);
}

.strict-all-10 {
    width: var(--col-10);
    min-width: var(--col-10);
}

.strict-all-9 {
    width: var(--col-9);
    min-width: var(--col-9);
}

.strict-all-8 {
    width: var(--col-8);
    min-width: var(--col-8);
}

.strict-all-7 {
    width: var(--col-7);
    min-width: var(--col-7);
}

.strict-all-6 {
    width: var(--col-6);
    min-width: var(--col-6);
}

.strict-all-5 {
    width: var(--col-5);
    min-width: var(--col-5);
}

.strict-all-4 {
    width: var(--col-4);
    min-width: var(--col-4);
}

.strict-all-3 {
    width: var(--col-3);
    min-width: var(--col-3);
}

.strict-all-2 {
    width: var(--col-2);
    min-width: var(--col-2);
}

.strict-all-1 {
    width: var(--col-1);
    min-width: var(--col-1);
}

/* XSMALL-SIZE */
@media (max-width: 767px) {

    #banverticale,
    #banverticale2 {
        display: none;
    }

    #isls-cadre-3,
    #isls-cadre-4 {
        margin-top: 0;
    }

    #index-titre {
        font-size: 3em;
    }

    #index-premiercadre {
        position: relative;
    }

    #index-partietitre {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        text-shadow: 0 0 15px white;
        background-color: rgba(255, 255, 255, 0.5);
    }

    #index-splashart {
        min-height: 300px;
        height: 300px;
    }

    #index-secondcadre .partie-contenu {
        padding-top: calc(3em + 100px);
    }


    .form-adresse-conteneur .formv3-donnees-input-conteneur.adresse-conteneurinput-generique-voie {
        border-right: 0px solid transparent;
    }

    .form-adresse-conteneur .formv3-donnees-input-conteneur.adresse-conteneurinput-generique-num,
    .form-adresse-conteneur .formv3-donnees-input-conteneur.adresse-conteneurinput-generique-bister,
    .form-adresse-conteneur .formv3-donnees-input-conteneur.adresse-conteneurinput-generique-voie {
        border-bottom: 1px solid var(--c-red);
    }


    .bton.btn-xbig .bton-icn,
    .bton.bton-xbig .bton-icn {
        width: 100%;
    }

    .bton.btn-xbig .bton-lab,
    .bton.bton-xbig .bton-lab {
        width: 100%;
    }

    .strict-xs-12 {
        width: var(--col-12);
        min-width: var(--col-12);
    }

    .strict-xs-11 {
        width: var(--col-11);
        min-width: var(--col-11);
    }

    .strict-xs-10 {
        width: var(--col-10);
        min-width: var(--col-10);
    }

    .strict-xs-9 {
        width: var(--col-9);
        min-width: var(--col-9);
    }

    .strict-xs-8 {
        width: var(--col-8);
        min-width: var(--col-8);
    }

    .strict-xs-7 {
        width: var(--col-7);
        min-width: var(--col-7);
    }

    .strict-xs-6 {
        width: var(--col-6);
        min-width: var(--col-6);
    }

    .strict-xs-5 {
        width: var(--col-5);
        min-width: var(--col-5);
    }

    .strict-xs-4 {
        width: var(--col-4);
        min-width: var(--col-4);
    }

    .strict-xs-3 {
        width: var(--col-3);
        min-width: var(--col-3);
    }

    .strict-xs-2 {
        width: var(--col-2);
        min-width: var(--col-2);
    }

    .strict-xs-1 {
        width: var(--col-1);
        min-width: var(--col-1);
    }

    @media (max-width: 425px) {
        .strict-xxs-12 {
            width: var(--col-12);
            min-width: var(--col-12);
        }

        .strict-xxs-11 {
            width: var(--col-11);
            min-width: var(--col-11);
        }

        .strict-xxs-10 {
            width: var(--col-10);
            min-width: var(--col-10);
        }

        .strict-xxs-9 {
            width: var(--col-9);
            min-width: var(--col-9);
        }

        .strict-xxs-8 {
            width: var(--col-8);
            min-width: var(--col-8);
        }

        .strict-xxs-7 {
            width: var(--col-7);
            min-width: var(--col-7);
        }

        .strict-xxs-6 {
            width: var(--col-6);
            min-width: var(--col-6);
        }

        .strict-xxs-5 {
            width: var(--col-5);
            min-width: var(--col-5);
        }

        .strict-xxs-4 {
            width: var(--col-4);
            min-width: var(--col-4);
        }

        .strict-xxs-3 {
            width: var(--col-3);
            min-width: var(--col-3);
        }

        .strict-xxs-2 {
            width: var(--col-2);
            min-width: var(--col-2);
        }

        .strict-xxs-1 {
            width: var(--col-1);
            min-width: var(--col-1);
        }

        .menupage:not(.arrows-xs):not(.arrows-xxs) .menupage-arrow {
            display: none;
        }

        .menupage:not(.arrows-xs):not(.arrows-xxs) .menupage-item:last-of-type {
            border-right-color: transparent;
        }
    }

    @media (min-width: 426px) {
        .menupage:not(.arrows-xs) .menupage-arrow {
            display: none;
        }

        .menupage:not(.arrows-xs) .menupage-item:last-of-type {
            border-right-color: transparent;
        }
    }


    .xs-flex-size-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .clhd-input-conteneur-heure {
        border-right: 0px;
        border-bottom: 2px solid var(--c-bluedark);
    }

    .clhd-input-conteneur-jr {
        border-right: 2px solid var(--c-bluedark);
    }

    .cotations-ligne-horaires-cotations-recherches .cotations-ligne-horaires-cotations-listeactes {
        width: 100%;
    }
}

/* SMALL-SIZE */
@media (max-width: 991px) {

    #banverticale,
    #banverticale2 {
        display: none;
    }

    #isls-cadre-3,
    #isls-cadre-4 {
        margin-top: 0;
    }

    #index-titre {
        font-size: 3em;
    }

    @media (min-width: 768px) {
        .strict-sm-12 {
            width: var(--col-12);
            min-width: var(--col-12);
        }

        .strict-sm-11 {
            width: var(--col-11);
            min-width: var(--col-11);
        }

        .strict-sm-10 {
            width: var(--col-10);
            min-width: var(--col-10);
        }

        .strict-sm-9 {
            width: var(--col-9);
            min-width: var(--col-9);
        }

        .strict-sm-8 {
            width: var(--col-8);
            min-width: var(--col-8);
        }

        .strict-sm-7 {
            width: var(--col-7);
            min-width: var(--col-7);
        }

        .strict-sm-6 {
            width: var(--col-6);
            min-width: var(--col-6);
        }

        .strict-sm-5 {
            width: var(--col-5);
            min-width: var(--col-5);
        }

        .strict-sm-4 {
            width: var(--col-4);
            min-width: var(--col-4);
        }

        .strict-sm-3 {
            width: var(--col-3);
            min-width: var(--col-3);
        }

        .strict-sm-2 {
            width: var(--col-2);
            min-width: var(--col-2);
        }

        .strict-sm-1 {
            width: var(--col-1);
            min-width: var(--col-1);
        }

        .menupage:not(.arrows-sm) .menupage-arrow {
            display: none;
        }

        .menupage:not(.arrows-sm) .menupage-item:last-of-type {
            border-right-color: transparent;
        }

        .sm-flex-size-1 {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }
    }
}

/* MEDIUM-SIZE */
@media (max-width: 1199px) {
    @media (min-width: 992px) {
        .strict-md-12 {
            width: var(--col-12);
            min-width: var(--col-12);
        }

        .strict-md-11 {
            width: var(--col-11);
            min-width: var(--col-11);
        }

        .strict-md-10 {
            width: var(--col-10);
            min-width: var(--col-10);
        }

        .strict-md-9 {
            width: var(--col-9);
            min-width: var(--col-9);
        }

        .strict-md-8 {
            width: var(--col-8);
            min-width: var(--col-8);
        }

        .strict-md-7 {
            width: var(--col-7);
            min-width: var(--col-7);
        }

        .strict-md-6 {
            width: var(--col-6);
            min-width: var(--col-6);
        }

        .strict-md-5 {
            width: var(--col-5);
            min-width: var(--col-5);
        }

        .strict-md-4 {
            width: var(--col-4);
            min-width: var(--col-4);
        }

        .strict-md-3 {
            width: var(--col-3);
            min-width: var(--col-3);
        }

        .strict-md-2 {
            width: var(--col-2);
            min-width: var(--col-2);
        }

        .strict-md-1 {
            width: var(--col-1);
            min-width: var(--col-1);
        }

        .menupage:not(.arrows-md) .menupage-arrow {
            display: none;
        }

        .menupage:not(.arrows-md) .menupage-item:last-of-type {
            border-right-color: transparent;
        }

        .md-flex-size-1 {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }
    }
}

/* LARGE-SIZE */
@media (max-width: 1599px) {
    @media (min-width: 1200px) {
        .strict-lg-12 {
            width: var(--col-12);
            min-width: var(--col-12);
        }

        .strict-lg-11 {
            width: var(--col-11);
            min-width: var(--col-11);
        }

        .strict-lg-10 {
            width: var(--col-10);
            min-width: var(--col-10);
        }

        .strict-lg-9 {
            width: var(--col-9);
            min-width: var(--col-9);
        }

        .strict-lg-8 {
            width: var(--col-8);
            min-width: var(--col-8);
        }

        .strict-lg-7 {
            width: var(--col-7);
            min-width: var(--col-7);
        }

        .strict-lg-6 {
            width: var(--col-6);
            min-width: var(--col-6);
        }

        .strict-lg-5 {
            width: var(--col-5);
            min-width: var(--col-5);
        }

        .strict-lg-4 {
            width: var(--col-4);
            min-width: var(--col-4);
        }

        .strict-lg-3 {
            width: var(--col-3);
            min-width: var(--col-3);
        }

        .strict-lg-2 {
            width: var(--col-2);
            min-width: var(--col-2);
        }

        .strict-lg-1 {
            width: var(--col-1);
            min-width: var(--col-1);
        }

        .menupage:not(.arrows-lg) .menupage-arrow {
            display: none;
        }

        .menupage:not(.arrows-lg) .menupage-item:last-of-type {
            border-right-color: transparent;
        }

        .lg-flex-size-1 {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }
    }
}

/* XLARGE-SIZE */
@media (min-width: 1600px) {
    .strict-xl-12 {
        width: var(--col-12);
        min-width: var(--col-12);
    }

    .strict-xl-11 {
        width: var(--col-11);
        min-width: var(--col-11);
    }

    .strict-xl-10 {
        width: var(--col-10);
        min-width: var(--col-10);
    }

    .strict-xl-9 {
        width: var(--col-9);
        min-width: var(--col-9);
    }

    .strict-xl-8 {
        width: var(--col-8);
        min-width: var(--col-8);
    }

    .strict-xl-7 {
        width: var(--col-7);
        min-width: var(--col-7);
    }

    .strict-xl-6 {
        width: var(--col-6);
        min-width: var(--col-6);
    }

    .strict-xl-5 {
        width: var(--col-5);
        min-width: var(--col-5);
    }

    .strict-xl-4 {
        width: var(--col-4);
        min-width: var(--col-4);
    }

    .strict-xl-3 {
        width: var(--col-3);
        min-width: var(--col-3);
    }

    .strict-xl-2 {
        width: var(--col-2);
        min-width: var(--col-2);
    }

    .strict-xl-1 {
        width: var(--col-1);
        min-width: var(--col-1);
    }

    .menupage:not(.arrows-xl) .menupage-arrow {
        display: none;
    }

    .menupage:not(.arrows-xl) .menupage-item:last-of-type {
        border-right-color: transparent;
    }

    .xl-flex-size-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

#paillettes {
    position: fixed;
    width: 252px;
    height: 166px;
    top: 50%;
    left: 50%;
    transform: translate(-126px, -83px);
    background-image: url('./images/site/paillettes.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    border: 3px solid pink;
    z-index: var(--zi-lvl-max);
}

.share-options-conteneur {
    position: relative;
}

.liste-bbcode {
    margin-top: 0.5em;
    /* padding-left: 1em; */
}

.liste-bbcode .liste-bbcode {
    margin-top: 0;
}

.liste-bbcode li {
    margin-bottom: 0.3em;
}

.liste-bbcode li .liste-bbcode li {
    margin-bottom: 0.15em;
}

.bbcode-youtube-apercu {
    margin: 0.5em;
}

.bbcode-youtube-apercu a,
.bbcode-youtube-apercu>div {
    position: relative;
}

.bbcode-youtube-apercu img.bbcode-youtube-apercu-icn {
    position: absolute;
    left: 40%;
    left: calc(50% - 40px);
    top: 40%;
    top: calc(50% - 30px);
}

.bbcode-youtube-apercu img.bbcode-youtube-apercu-icn-mini {
    left: 40%;
    left: calc(50% - 20px);
    top: 40%;
    top: calc(50% - 15px);
}

.bbcode-youtube-apercu img:not(.bbcode-youtube-apercu-icn) {
    border: 2px solid var(--c-red);
    opacity: 0.8;
}

.bbcode-youtube-apercu img:not(.bbcode-youtube-apercu-icn):hover {
    border: 2px solid var(--c-beige);
    opacity: 1;
}

.outsidepost {
    display: block;
    margin: 0.5em;
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid var(--c-beige);
    box-shadow: 0px 5px 10px #00000029;
}

.outsidepost-titre {
    background-color: var(--c-beige);
    color: var(--c-redpale);
    padding: 0.5em;
    font-weight: bold;
}

.outsidepost-description {
    padding: 0.75em;
    color: var(--c-red) !important;
}

.outsidepost-img {
    max-height: 400px;
    text-align: center;
}

.outsidepost-img img {
    max-height: 100%;
    max-width: 100%;
    opacity: 0.9;
}

.outsidepost-url {
    padding: 0.25em;
    text-align: center;
    background-color: var(--c-beigeclaire);
    font-size: 0.9em;
}

.outsidepost:hover {
    box-shadow: 0px 5px 10px lightgray;
}

.outsidepost:hover .outsidepost-titre {
    color: var(--c-red);
}

.outsidepost:hover .outsidepost-img img {
    opacity: 1;
}


.t-input-conteneur-date-iptc {
    min-width: calc(33% - 15px);
    width: calc(33% - 15px);
    max-width: calc(33% - 15px);
}

.t-input-conteneur-date-iptc:last-child {
    min-width: 33%;
    width: 33%;
    max-width: 33%;
}

.t-input-conteneur-date-slash {
    min-width: 15px;
    width: 15px;
    max-width: 15px;
}

.t-input-conteneur-datetime-list {
    min-width: calc(50% - 27px);
    width: calc(50% - 27px);
    max-width: calc(50% - 27px);
}

.t-input-conteneur-datetime-iptc {
    min-width: calc(50% - 7px);
    width: calc(50% - 7px);
    max-width: calc(50% - 7px);
}

.t-input-conteneur-datetime-iptc input {
    box-shadow: none;
    outline-style: none;
}

.t-input-conteneur-datetime-slash {
    min-width: 14px;
    width: 14px;
    max-width: 14px;
}

.t-agenda-dpdpatient-ne-infos {
    font-size: 0.8em;
    margin: 0.15em;
    padding: 0.15em;
    /* background-color: var(--c-beige); */
    border-radius: 20px;
    /* box-shadow: 0px 5px 10px #00000029; */
    text-align: center;
}

.tp-tpat-conteneur,
.tp-tpmat-conteneur,
.tp-tpk-conteneur,
.tp-tpcovid-conteneur,
.tp-tppal-conteneur {
    background: var(--c-beige-05);
    padding: 0.15em;
    border-radius: 20px;
    margin: 0.15em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}

.tp-tpamc-conteneur:not(.resume):not(.delete) .tp-tpamc-conteneur-resume,
.tp-tpamc-conteneur:not(.delete) .tp-tpamc-conteneur-delete,
.tp-tpamc-conteneur.delete .tp-tpamc-conteneur-utilisation,
.tp-tpamc-conteneur.delete .tp-tpamc-conteneur-alertes,
.tp-tpamc-conteneur.delete .tamccr-btn,
.tp-tpamc-conteneur:not(.edit) .tp-tpamc-conteneur-edit {
    display: none;
}

.tp-tpamo-conteneur-delete,
.tp-tpamc-conteneur-delete {
    padding: 0 0.75em;
    font-size: 0.85em;
    color: var(--c-bluedark);
}


.tp-tpamc-conteneur-infossup {
    background-color: var(--c-jaune-07);
    margin: 0.75em;
    border-radius: 10px;
}

.tp-tpamc-conteneur-gestion--unique .tpamc-amc-typeconvention,
.tp-tpamc-conteneur-gestion--unique .tpamc-amc-csr {
    display: none;
}

html.with-fancybox {
    overflow: hidden;
}

.fancybox-iframe,
.fancybox-iframe html,
.fancybox-iframe body {
    min-height: 130px;
}

.fancybox-iframe video {
    position: relative;
}

video:-webkit-full-page-media {
    position: relative;
}

#msg-connectivite {
    position: fixed;
    top: 5px;
    left: 5px;
    background: white;
    z-index: var(--zi-lvl-10);
    padding: 3px 6px;
    border-radius: 15px;
    font-size: 0.8em;
    border: 2px solid var(--c-red);
}

#msg-notif {
    position: fixed;
    bottom: 5px;
    right: 8px;
    background: var(--c-jaune);
    z-index: var(--zi-lvl-8);
    padding: 13px 7px;
    border-radius: 10px;
    /* font-size: 0.85em; */
    border: 2px solid var(--c-red);
    min-width: 175px;
    max-width: 260px;
    max-height: calc(100% - 20px);
    box-shadow: 0 0 5px gray;
    background-image: url('./images/site/dots_footer_opacity.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 25%;
}

html.onApp #msg-notif {
    bottom: 55px;
    max-height: calc(100% - 70px);
}

#msg-notif-content {}

#msg-notif-content-content {
    max-height: 300px;
    overflow-y: auto;
}

#msg-notif-content-close {
    position: absolute;
    top: -15px;
    right: -10px;
    background: white;
    padding: 3px;
    border: 2px solid var(--c-red);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    color: red;
    font-weight: bold;
    box-shadow: 0 0 5px gray;
}

#msg-notif-content-close:hover {
    background: var(--c-jaune);
    border-color: red;
}

.msg-notif-msg {
    margin: 8px 0;
}

.msg-notif-msg .msg-notif-msg-horodatage {
    font-size: 0.8em;
    font-family: var(--ff-play);
    font-weight: bold;
}

.msg-notif-msg .msg-notif-msg-msg {
    padding-left: 5px;
	text-align: justify;
}

#menu-notifs-msgs-infos .menu-categorie-contenu {
    max-height: 300px;
    overflow-y: auto;
}

#menu-notifs-msgs-infos .msg-notif-msg {
    margin: 10px 5px;
    border: 1px solid var(--c-redpale);
    background: var(--c-jaune);
    border-radius: 10px;
    padding: 5px;
    font-size: 0.9em;
}

.form-submit-sticked {
    bottom: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
}

body:not(.keyboardopened) .form-submit-sticked {
    position: -webkit-sticky;
    position: sticky;
}

html.onApp body:not(.keyboardopened) .form-submit-sticked {
    bottom: 50px;
}

html body:not(.keyboardopened) .io0 .form-submit-sticked {
    bottom: 0px !important;
}




#rdvnouveau-listeoptions-soin,
#rdvnouveau-listeoptions {
    display: none;
    margin: 0.2em;
    border-radius: 20px;
    padding: 0.25em;
    background-color: var(--c-jaune);
}

#calendrier-export-lien {
    border: 2px solid var(--c-red);
    border-radius: 40px;
    overflow: hidden;
    background-color: var(--c-beige);
    margin-bottom: 0.5em;
}


.tp-whatsnew-newsemaine-contenu {
    position: relative;
    min-height: 50px;
}


.t-whatsnew-jour-conteneur {
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
}

.t-whatsnew-jour-contenu {
    padding: 2px;
    z-index: 1;
}

.t-whatsnew-jour-label {
    /* font-family: var(--ff-graphie); */
    /* font-weight: bold; */
    /* font-size: 1.1em; */
    /* color: var(--c-redpale); */
    /* text-transform: uppercase; */
    background-color: var(--c-beige);
    color: var(--c-redpale);
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}

.generic-item-wn-conteneur-type1,
.soin-item-wn-conteneur {
    margin: 0.5em 0;
}

.generic-item-wn,
.soin-item-wn {
    border: 1px solid var(--c-redpale);
    border-radius: 30px;
    overflow: hidden;
    background-color: var(--c-beige-05);
}

a.generic-item-wn:hover,
a.soin-item-wn:hover {
    border: 1px solid var(--c-red);
    background-color: var(--c-beige);
}

.giwn-icn,
.siwn-icn {
    background-color: var(--c-redpale);
    color: var(--c-white);
    width: 28px;
}

a.generic-item-wn:hover .giwn-icn,
a.soin-item-wn:hover .siwn-icn {
    background-color: var(--c-red);
}

.giwn-infos,
.siwn-infos {
    width: calc(100% - 28px);
}

.giwn-infos-unom,
.siwn-infos-unom {}

.giwn-infos-nomconteneur {
    width: calc(100% - 56px);
    padding: 0.5em;
}

a.generic-item-wn:hover .giwn-infos-nomconteneur {
    color: var(--c-red);
}

.giwn-infos-nom,
.siwn-infos-nom {
    font-weight: bold;
    color: var(--c-red);
}

.giwn-infos-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-redpale);
}

.giwn-infos-uconteneur {
    width: 56px;
    padding: 0.5em 1px;
}

.giwn-infos-u,
.siwn-infos-u {
    font-family: var(--ff-play);
    color: var(--c-bluedark);
    font-size: 0.8em;
    opacity: 0.9;
}

.giwn-infos-details,
.siwn-infos-details {
    margin: 0.5em 0.25em;
    margin-top: 0;
    padding: 0.25em 0.5em;
    border: 1px solid var(--c-beige);
    border-radius: 20px;
    font-size: 0.9em;
    font-style: italic;
    color: var(--c-red);
}

a.generic-item-wn:hover .giwn-infos-details,
a.soin-item-wn:hover .siwn-infos-details {
    border-color: var(--c-redpale);
}

.ttaiwn-infos-nomconteneur {
    width: 100% !important;
}

.ttaiwn-infos-nomconteneur-infostache {
    width: calc(100% - 22px);
}

.ttaiwn-infos-nomconteneur-infosreal {
    width: 22px;
    color: gray;
}

.ttaiwn-infos-realisation {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.ttaiwn-infos-date {
    font-family: var(--ff-play);
}

.taiwn-infos-nom,
.ttaiwn-infos-nom,
.tniwn-infos-nom {
    font-size: 0.9em;
}

.taiwn-infos-nom-date,
.tniwn-infos-nom-date {
    font-family: var(--ff-play);
    font-weight: bold;
}

.tfiiwn-rsltats {
    font-size: 0.9em;
    font-style: italic;
    color: var(--c-bluepale);
}

.fichiers-wn-conteneur {}

.fichier-item-wn-conteneur {
    margin: 3px;
}

.fichier-item-wn {
    width: 105px;
    height: 105px;
    background-color: var(--c-beige-05);
    border-radius: 20px;
    position: relative;
    border: 1px solid var(--c-redclaire);
}

a.fichier-item-wn:hover {
    border: 1px solid var(--c-red);
    background-color: var(--c-beige);
}

.fiwn-miniature {
    max-height: 90px;
    max-width: 90px;
}

.fiwn-miniature img {
    max-height: 88px;
    max-width: 88px;
}

.fiwn-type {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    background-color: var(--c-redpale);
    border-radius: 100%;
    color: white;
    border: 1px solid var(--c-beigepale);
}

a.fichier-item-wn:hover .fiwn-type {
    background-color: var(--c-red);
}

.constantes-wnOLD-conteneur {}

.constante-item-wnOLD-conteneur {
    margin: 3px;
    height: 100%;
}

.constante-item-wnOLD {
    display: block;
    width: 100px;
    height: 100px;
    background-color: var(--c-beige);
    border-radius: 20px;
    border: 1px solid var(--c-redclaire);
    overflow: hidden;
}

a.constante-item-wnOLD:hover {
    border: 1px solid var(--c-red);
}

.ciwnOLD-type {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: var(--c-redclaire);
    height: 22px;
}

a.constante-item-wnOLD:hover .ciwnOLD-type {
    background-color: var(--c-red);
    color: var(--c-white);
}

.ciwnOLD-valconteneur {
    height: 58px;
}

.ciwnOLD-valconteneur-icn {
    opacity: 0.7;
    font-size: 0.8em;
}

.ciwnOLD-valconteneur-val {
    font-weight: bold;
    color: var(--c-red);
}

.ciwnOLD-valconteneur-unit {
    font-family: var(--ff-play);
    font-size: 0.75em;
}

.ciwnOLD-horaire {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.8em;
    height: 20px;
    color: var(--c-redpale);
}

.constantes-wn-conteneur {}

.constante-item-wn-conteneur {
    margin: 3px;
}

.constante-item-wn {
    background-color: var(--c-beige-05);
    border-radius: 20px;
    border: 1px solid var(--c-redclaire);
    overflow: hidden;
}

a.constante-item-wn:hover {
    border: 1px solid var(--c-red);
    background-color: var(--c-beige);
}

.ciwn-type {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: var(--c-redclaire);
    padding: 5px;
    padding-right: 7px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.ciwn-type-icn {
    opacity: 0.7;
    font-size: 0.8em;
}

a.constante-item-wn:hover .ciwn-type {
    background-color: var(--c-red);
    color: var(--c-white);
}

.ciwn-valconteneur {
    padding: 5px;
    padding-right: 4px;
}

.ciwn-valconteneur-val {
    font-weight: bold;
    color: var(--c-red);
}

.ciwn-valconteneur-unit {
    font-family: var(--ff-play);
    font-size: 0.75em;
}

.ciwn-horaire {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-redpale);
    padding: 5px;
    padding-left: 0px;
}


.btn-special-voir-nouveautes {
    margin-bottom: 5px;
}

.btn-special-voir-nouveautes .bton-icn .material-icons-outlined {
    color: var(--c-bluedark);
}

.liste-patients-item:not(.tpnm-total) .btn-special-voir-nouveautes,
.altcrc:not(.tpnm-total) .btn-special-voir-nouveautes,
.liste-patients-item.tpnm-juste-fiche .btn-special-voir-nouveautes,
.altcrc.tpnm-juste-fiche .btn-special-voir-nouveautes {
    display: none;
}

.block-affichage-avec-onglets {
    background-color: var(--c-beige);
    border-radius: 31px;
    margin-top: 1em;
}

.baao-onglets {
    background-color: var(--c-redclaire);
    /* border-bottom-left-radius: 30px; */
    /* border-bottom-right-radius: 30px; */
    border-radius: 30px;
    overflow: hidden;
}

.baao-onglets-onglet {
    text-transform: uppercase;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 6px;
    font-weight: bold;
    text-shadow: 0px 24px 26px #00000029;
    background-color: var(--c-redclaire);
    color: var(--c-beigeclaire);
    text-align: center;
    min-height: 50px;
    transition: 0.15s padding linear;
}

.baao-onglets-onglet:last-of-type {
    border-top-right-radius: 0px;
}

.baao-onglets-onglet:first-of-type {
    border-top-left-radius: 0px;
}

.baao-onglets-onglet.active:not(:hover) {
    color: var(--c-bluedark);
    background-color: var(--c-beige);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 1px;
}

.baao-onglets-onglet:hover {
    background-color: var(--c-redpale);
    padding-bottom: 1px;
}

.baao-partie {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    position: relative;
    min-height: 50px;
    padding-bottom: 0.25em;
}

.baao-partie:not(.active) {
    display: none;
}

.block-affichage-avec-onglets.version-white,
.block-affichage-avec-onglets.version-white .baao-onglets-onglet.active:not(:hover) {
    background-color: var(--c-base-white);
}

#t-index-affichage-esi {
    background-color: var(--c-beige);
    border-radius: 31px;
    overflow: hidden;
    margin-top: 1em;
}

.t-iae-menu {
    background-color: var(--c-redclaire);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.t-iae-menu-item {
    text-transform: uppercase;
    border-radius: 30px;
    padding: 6px;
    font-weight: bold;
    text-shadow: 0px 24px 26px #00000029;
    background-color: var(--c-redclaire);
    color: var(--c-beigeclaire);
    text-align: center;
    min-height: 50px;
}

.t-iae-menu-item:last-of-type {
    border-top-right-radius: 0px;
}

.t-iae-menu-item:first-of-type {
    border-top-left-radius: 0px;
}

.t-iae-menu-item.active:not(:hover) {
    color: var(--c-bluedark);
    background-color: var(--c-beige);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.t-iae-menu-item:hover {
    background-color: var(--c-redpale);
}

.t-iae-menu-item-count {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: normal;
}

.t-iae-partie {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    display: none;
    position: relative;
    min-height: 50px;
}

#t-index-affichage-raccourcis {
    background-color: var(--c-beige);
    border-radius: 31px;
    overflow: hidden;
}

.t-iar-menu {
    background-color: var(--c-redclaire);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.t-iar-menu-item {
    text-transform: uppercase;
    border-radius: 30px;
    padding: 6px;
    font-weight: bold;
    text-shadow: 0px 24px 26px #00000029;
    background-color: var(--c-redclaire);
    color: var(--c-beigeclaire);
    text-align: center;
    min-height: 50px;
}

.t-iar-menu-item:last-of-type {
    border-top-right-radius: 0px;
}

.t-iar-menu-item:first-of-type {
    border-top-left-radius: 0px;
}

.t-iar-menu-item.active:not(:hover) {
    color: var(--c-bluedark);
    background-color: var(--c-beige);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.t-iar-menu-item:hover {
    background-color: var(--c-redpale);
}

.t-iar-menu-item-count {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: normal;
}

.t-iar-partie {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    display: none;
}

#fiche-all-anniversaires-liste {
    padding: 0.35em;
}

.anniv-liste-label {
    font-weight: bold;
}

.anniv-liste-label-date {
    font-weight: normal;
    font-family: var(--ff-play);
    font-size: 0.95em;
}


.anniv-liste-item {
    padding: 0.7em 0.5em;
    color: var(--c-red);
}

.anniv-liste-item:hover {
    color: var(--c-bluedark);
}


#fiche-all-traitements-liste {
    padding: 0.35em;
}

.ttt-index-liste-item {
    padding: 0.7em 0.5em;
    color: var(--c-red);
}

.ttt-index-liste-item:hover {
    color: var(--c-bluedark);
}

.ttt-index-liste-item-label {
    padding: 0.5em;
    background-color: var(--c-redpale) !important;
    color: var(--c-white);
    font-weight: bold;
    text-align: center;
    font-size: 0.85em;
}


#ban-trans {
    background-image: url('./images/index/index_background8_sm.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-family: var(--ff-graphie);
    font-size: 2em;
    font-weight: bold;
    /* text-shadow: 0 0 4px white; */
    padding: 10px;
    border-radius: 20px;
    border: 2px solid var(--c-red);
    text-transform: uppercase;
    text-align: center;
    -webkit-text-stroke: 2px var(--c-beige);
}



#ban-trans .bant-soust {
    background: rgba(170, 60, 60, 0.8);
    color: white;
    border-radius: 20px;
    padding: 0.25em;
    -webkit-text-stroke: 0px;
}

#ban-trans:not(.bantrans-bordertop) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* border-top: 0; */
}


#ban-trans2 {
    background-image: url('./images/index/index_background8_sm.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 50px;
    font-family: var(--ff-graphie);
    font-size: 2em;
    font-weight: bold;
    /* text-shadow: 0 0 4px white; */
    padding: 0.5em;
    border-radius: 20px;
    border: 2px solid var(--c-red);
    text-transform: uppercase;
    text-align: center;
}

#ban-trans2>div {
    background: rgba(170, 60, 60, 0.8);
    color: white;
    border-radius: 20px;
    padding: 0.2em 0.5em;
}

#ban-trans2:not(.bantrans-bordertop) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* border-top: 0; */
}

.partie-prestrans {
    font-size: 1.2em;
}

.partie-prestrans .page-titre-secondaire {
    text-transform: uppercase;
    margin-bottom: 0.5em;
    font-size: 2em;
}

.ppt-contenu {
    padding: 0.25em;
    text-align: justify;
}

.ppt-contenu p:first-child {
    margin-top: 0;
}

.ppt-contenu p:last-child {
    margin-bottom: 0;
}

.partie-prestrans-images {
    padding-top: 1em;
    padding-bottom: 2em;
}

.ppti-item {
    margin: 0.5em;
}

.ppti-item img {
    max-width: 300px;
    max-height: 300px;
    border-radius: 20px;
    border: 2px solid var(--c-redpale);
    -webkit-filter: grayscale(25%);
    -moz-filter: grayscale(25%);
    -o-filter: grayscale(25%);
    -ms-filter: grayscale(25%);
    filter: grayscale(25%);
}

.ppti-item img:hover {
    border: 2px solid var(--c-red);
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

.partie-red .ppti-item img {
    border-color: var(--c-beige);
}

.partie-red .ppti-item img:hover {
    border-color: var(--c-jaune);
}

.ppt-icn {
    font-size: 19px;
    color: var(--c-redclaire);
}

.ppt-icn .material-icons-outlined {
    font-size: 19px;
}

.ppt-liste {
    list-style-type: none;
    margin-top: 0;
}

.ppt-liste li {
    margin-top: 0.25em;
}



@keyframes eggMoving {
    0% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}

@keyframes eggMoving2 {
    0% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}


.paquesEgg-conteneur {}

.paquesEgg {
    max-width: 100px;
    animation-name: eggMoving;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.paquesEgg:not(.paquesEggFound) {
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
    opacity: 0.9;
}


.paques-overlay-titre {
    text-align: center;
    font-family: var(--ff-graphie);
    font-weight: 900;
    color: var(--c-bluedark);
}

.paques-overlay-infos {
    margin-top: 1em;
    font-size: 0.8em;
    font-style: italic;
    text-align: right;
}

.paquesEggs-panier {
    margin-top: 1em;
    background-image: url(./images/site/paques_grass.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.paquesEggs-panier .paquesEgg {
    max-width: 75px;
}

.paquesEggs-panier .paquesEggs-panier-item:nth-of-type(odd) .paquesEgg {
    animation-name: eggMoving2;
    animation-duration: 3s;
}

.paquesEggs-panier .paquesEgg:not(.paquesEggFound) {
    max-width: 65px;
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    filter: grayscale(80%);
    opacity: 0.8;
}

@media (max-width: 768px) {
    .paquesEggs-panier .paquesEgg {
        max-width: 50px;
    }

    .paquesEggs-panier .paquesEgg:not(.paquesEggFound) {
        max-width: 40px;
    }
}




html.onApp #trans-menu-sticky-conteneur,
html.onApp .agenda-premiereligne,
html.onApp .tsr-ligne-datessoins,
html.onApp .agenda-listerdvs-blockjour .agenda-premierederniereligne-jour {
    top: 0px;
}

.LGstopClick {
    pointer-events: none;
}

a.bton *,
.bton.click-ajax * {
    pointer-events: none;
}

.dropdownlist-coordonnees-options-tel {
    right: auto;
}

.agenda-menufrompatient-item .dropdownlist-coordonnees-options {
    width: 98%;
    left: 1%;
}

.dco-item {
    padding: 5px;
    text-align: center;
    font-size: 0.9em;
}

.dco-item>.fc-beige {
    color: white;
}


.dropdownlist-fixedxs {}

@media (max-width: 768px) {

    html.noscrollmenuoptionsxs,
    html.noscrollmenuoptionsxs body,
    html.noscrolldropdownmenuxs,
    html.noscrolldropdownmenuxs body {
        overflow: hidden !important;
        height: 100% !important;
    }

    html.noscrollmenuoptionsxs,
    html.noscrolldropdownmenuxs {
        overflow-y: scroll !important;
    }

    html.noscrollmenuoptionsxs #trans-menu-sticky-conteneur,
    html.noscrollmenuoptionsxs .agenda-premiereligne,
    html.noscrolldropdownmenuxs #trans-menu-sticky-conteneur,
    html.noscrolldropdownmenuxs .agenda-premiereligne {
        position: relative;
    }

    html.noscrollmenuoptionsxs #toolbar-menuApp,
    html.noscrolldropdownmenuxs #toolbar-menuApp {
        display: none;
    }

	.agenda-menufrompatient,
	.agenda-menufromhoraire,
    .menuoptions-conteneur,
    .dropdownlist-fixedxs {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        max-height: 90% !important;
        max-height: calc(100% - 45px) !important;
        left: 0 !important;
        border-right: 0px !important;
        border-left: 0px !important;
        border-bottom: 0px !important;
        padding-bottom: 5px;
        z-index: var(--zi-lvl-6);
		overflow-y: auto;
    }

    .shadowmenuoptions,
    .shadowdpdmenu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: var(--zi-lvl-5);
        background-color: rgba(240, 240, 240, 0.4);
    }

    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {

        .shadowmenuoptions,
        .shadowdpdmenu {
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);
        }
    }

    html.noscrollmenuoptionsxs .shadowmenuoptions,
    html.noscrolldropdownmenuxs .shadowdpdmenu {
        display: block;
    }
	
	.agenda-menu-choix.fromTop {
		display: none;
	}
	
	.agenda-menu-choix.fromBottom {
		position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky;
		top: auto;
		bottom: 0;
		background-color: white;
		margin-bottom: 0;
		margin-top: 2px;
	}
	.agenda-menu-choix.fromBottom .agenda-menu-choix--choix {
		border-top: 1px solid var(--c-beige);
		min-height: 35px;
	}
	
	.agenda-menufrompatient,
	.agenda-menufromhoraire {
		padding-bottom: 0;
	}
	
	.agenda-menu-choix-close {
		padding: 5px;
		font-family: var(--ff-play);
		font-size: 0.85em;
		text-align: right;
		color: var(--c-blueclaire);
	}
}
@media (min-width: 769px) {	
	.altcrc.display-content .alt-c--r-c-horairepatient {
		z-index: 11;
	}
	
	.agenda-menu-choix.fromBottom,
	.agenda-menu-choix-close {
		display: none;
	}
}

.agenda-menu-contenu {
	max-width: 400px;
	margin: auto;
}

.dotsstel {
    font-size: 8px;
    opacity: 0.5;
    color: gray;
}

.cadre-astuce {
    background-color: #fff7e7;
    border-radius: 20px;
    padding: 0.5em;
    margin: 0.5em;
    box-shadow: 0px 5px 10px #00000029;
    font-size: 0.9em;
    color: var(--c-red);
}


.liste-rdvs-rdv {
    text-align: center;
}



.lrr-patient {
	font-family: var(--ff-graphie);
	/* font-weight: bold; */
	width: 140px;
	min-width: 140px;
	max-width: 140px;
	padding: 2px;
	padding-right: 4px;
	font-size: 0.95em;
}

	.lrr-patient a:not(:hover) {
		color: var(--c-blueclaire);
	}

	.lrr-patient > div {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}
	
	.liste-rdvs-rdv-sameprevioustpdate .lrr-patient {
		/* visibility: hidden; */
		opacity: 0.5 !important;
	}

.lrr-date {
    padding: 0.5em 0.25em;
    color: var(--c-red);
}

.lrr-date-date {
    font-family: var(--ff-play);
    font-size: 0.85em;
}

.lrr-date-heure {
    font-size: 0.9em;
}

.lrr-date-order {
    font-family: var(--ff-play);
    color: var(--c-bluedark);
    font-size: 0.85em;
}

.lrr-date-order-total {
    opacity: 0.8;
}

.lrr-domcabtournee {
    font-size: 0.9em;
    color: var(--c-red);
}

.lrr-domcab {}

.lrr-tournee {}

.lrr-real {
    padding: 0.5em 0.25em;
    color: var(--c-red);
}

.lrr-real-statut {
    position: relative;
    font-weight: bold;
}

.lrr-real-who {
    font-size: 0.8em;
}

.lrr-real-who-avatar {}

.lrr-real-who-avatar img {
    width: 16px;
}

.lrr-note {
    text-align: left;
    padding: 0.5em 0.25em;
    color: var(--c-red);
}

.lrr-note-infos {
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-redpale);
}

.lrr-note-reelle {
    font-style: italic;
    margin: 0 !important;
    padding: 0.2em 0.5em !important;
}

.lrr-fact {
    color: var(--c-redpale);
}

.lrr-fact-cotation {
    font-family: var(--ff-play);
    font-size: 0.85em;
}

.lrr-options {
    color: var(--c-redpale);
}

.liste-rdvs-rdv.liste-rdvs-rdv-old,
.liste-rdvs-rdv.liste-rdvs-rdv-annule {}

.liste-rdvs-rdv.liste-rdvs-rdv-old>div>div:not(.lrr-options-menu),
.liste-rdvs-rdv.liste-rdvs-rdv-annule>div>div:not(.lrr-options-menu) {
    color: gray;
    font-size: 0.9em;
    opacity: 0.9;
}

.liste-rdvs-rdv.liste-rdvs-rdv-old .lrr-note-infos,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-date,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-domcabtournee,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-real,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-note-infos {
    color: gray;
}

.liste-rdvs-rdv.liste-rdvs-rdv-old .lrr-date {
    font-style: italic;
}

.liste-rdvs-rdv.liste-rdvs-rdv-old .lrr-domcabtournee,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-fact,
.liste-rdvs-rdv.liste-rdvs-rdv-old .lrr-fact {
    opacity: 0.5;
}

.liste-rdvs-rdv.liste-rdvs-rdv-old .lrr-options {
    /* display: none; */
}


.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-date,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-domcabtournee .material-icons-outlined,
.liste-rdvs-rdv.liste-rdvs-rdv-annule .lrr-domcabtournee {
    text-decoration: line-through;
    text-decoration-color: var(--c-redpale);
}

.liste-rdvs-rdv.liste-rdvs-rdv-absence {}

.liste-rdvs-rdv.liste-rdvs-rdv-absence>div>div:not(.lrr-options-menu) {
    color: var(--c-redpale);
    font-size: 0.9em;
    opacity: 0.9;
}

.liste-rdvs-rdv.liste-rdvs-rdv-absence .lrr-note-infos {
    color: var(--c-redpale);
}

.liste-rdvs-rdv.liste-rdvs-rdv-absence .lrr-date {}

.liste-rdvs-rdv.liste-rdvs-rdv-absence .lrr-fact,
.liste-rdvs-rdv.liste-rdvs-rdv-absence .lrr-domcab {
	visibility: hidden;
}

.liste-rdvs-rdv.liste-rdvs-rdv-absence .lrr-domcabtournee,
.liste-rdvs-rdv.liste-rdvs-rdv-absence .lrr-fact {
    opacity: 0.5;
}

.liste-rdvs-rdv.liste-rdvs-rdv-realise-statut-2 {}

.liste-rdvs-rdv.liste-rdvs-rdv-realise-statut-2 .lrr-fact {}


.info-id-little {
    color: var(--c-lightgray);
    font-size: 0.7em;
    text-align: right;
    padding: 2px;
	font-family: var(--ff-play);
}

.menuoptions-conteneur:not(.opened) {
    display: none;
}


.c-acces-u {
    font-weight: bold;
}

.c-acces-u img {
    width: 15px;
}


#side-panel-infos-users-table {}

.spiut-couleur {
    width: 30px;
}

.spiut-couleur .calendrier-legende-item-block-datescouleur {
    height: 25px;
    min-height: 25px;
    max-height: 25px;
}

.spiut-avatar {
    width: 35px;
}

.spiut-avatar img {
    width: 25px;
}

.spiut-initiales {
    font-family: var(--ff-play);
    font-weight: bold;
    color: var(--c-bluedark);
    padding: 8px 5px;
}

.spiut-identite {
    padding: 8px 5px;
    text-align: left;
}

.spiut-statut {
    font-size: 0.85em;
    color: var(--c-redpale);
}

#ttt-horaire-gestiondates-conteneur {}

.ttt-horaire-gestiondates {
    padding: 0.25em;
    border: 1px solid var(--c-redclaire);
    background-color: var(--c-beige);
    border-radius: 15px;
    margin-bottom: 0.5em;
}

#ttt-horaire-gestiondates-conteneur.only-one .ttt-horaire-gestiondates-suppr-conteneur {
    display: none;
}


.generique-miniliste-item {
    margin: 0.25em;
    padding: 0.25em 0.75em;
    background: var(--c-beige);
    border-radius: 20px;
    text-align: center;
    font-size: 0.9em;
}

.generique-miniliste-item.large {
    font-size: 1.1em;
}

.generique-miniliste-item.click-ajax:hover {
    background: var(--c-redclaire);
}

a.generique-miniliste-item.click-ajax:hover {
    color: var(--c-red);
}

.generique-miniliste-item-special {
    background: var(--c-redclaire);
    /* font-size: 0.85em; */
}

.generique-miniliste-item-special.click-ajax:hover {
    background: var(--c-red);
    color: white;
}

.generique-miniliste-item.with-icn {
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.generique-miniliste-item2 {
    margin: 0.25em;
    font-size: 0.85em;
    padding: 0.25em 0.5em;
    border-radius: 15px;
    background-color: var(--c-beigeclaire);
}


.ttt-distrib-dateretenue {
    border-radius: 15px;
    padding: 3px 6px;
    background-color: var(--c-beige);
}

.ttt-distrib-dateretenue:hover {
    background-color: var(--c-redclaire);
}


.fiedc-lastdatas {
    margin: 0.25em;
    opacity: 0.9;
}

.fiedc-lastdatas-lab {
    font-size: 0.75em;
    font-family: var(--ff-play);
    color: gray;
}

.fiedc-lastdatas-data {
    font-size: 0.85em;
    color: var(--c-redpale);
}


#connexion-cps-block {}

.connexion-cps-bind {
    margin: 1em;
    font-style: normal;
    border: 2px solid var(--c-psc-blue);
    border-radius: 10px;
    background: white;
    padding: 5px;
}

.connexion-cps-bind-lab {
    font-family: var(--ff-psc-medium);
    font-size: 0.85em;
    color: var(--c-psc-gray);
}

.connexion-cps-bind-num {
    font-family: var(--ff-psc-bold);
    font-weight: bold;
    font-size: 3em;
    color: var(--c-psc-red);
}

#connexion-cps-block:not(.bindGot) .connexion-cps-bind {
    display: none;
}

#connexion-cps-block #connexion-cps-block-img,
#connexion-cps-block #connexion-cps-block-urlmaking,
#connexion-cps-block #connexion-cps-block-goodtogo,
#connexion-cps-block #connexion-cps-block-waitingresponse {
    padding: 20px;
}

#connexion-cps-block.urlMaking #connexion-cps-block-img,
#connexion-cps-block.waitingForResponse #connexion-cps-block-img,
#connexion-cps-block.goodToGo #connexion-cps-block-img,
#connexion-cps-block #connexion-cps-block-urlmaking,
#connexion-cps-block #connexion-cps-block-goodtogo,
#connexion-cps-block #connexion-cps-block-waitingresponse {
    display: none;
    font-style: italic;
}

#connexion-cps-block.goodToGo #connexion-cps-block-goodtogo,
#connexion-cps-block.urlMaking #connexion-cps-block-urlmaking,
#connexion-cps-block.waitingForResponse #connexion-cps-block-waitingresponse {
    display: block;
}

.ciba-identifiant-type-div {
    padding: 0 6px;
    padding-left: 8px;
    background-color: var(--c-red);
    color: var(--c-beige);
    font-family: var(--ff-play);
    min-width: 80px;
    font-size: 0.9em;
}

#form-connexion-cps-ciba:not(.isAdeli) .ciba-it-adeli,
#form-connexion-cps-ciba:not(.isRpps) .ciba-it-rpps {
    display: none;
}



.psc-medium {
    font-family: var(--ff-psc-medium);
    text-transform: uppercase;
    font-style: normal;
}

.psc-bold {
    font-family: var(--ff-psc-bold);
    text-transform: uppercase;
    font-style: normal;
}

.bg-c-1 {
    background-color: #fff7e7;
}


.trans-config-partie-conteneur {
    margin-top: 2em;
}

.trans-config-partie {
    margin: 0.15em;
    margin-bottom: 1.5em;
    padding-bottom: 0.5em;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
    background-color: var(--c-beigeclaire);
}

.trans-config-partie p {
    margin-left: 1em;
    margin-right: 1em;
}


.form-t-ficheperso-edition--formulaire {}

.form-t-ficheperso-edition--formulaire.form-actif {}

.form-t-ficheperso-edition--formulaire.form-inactif {}

.form-t-ficheperso-edition--formulaire.form-actif .show-if-form-inactif,
.form-t-ficheperso-edition--formulaire.form-inactif .hide-if-form-inactif,
.tfip-edition-fieldconteneur.tfip-edition-fieldconteneur-active-0 .hide-if-inactif,
.tfip-edition-fieldconteneur.tfip-edition-fieldconteneur-active-1 .show-if-inactif {
    display: none;
}


.tfip-edition-fieldconteneur {
    margin: 0.15em;
    margin-bottom: 1em;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
    background-color: var(--c-beigeclaire);
}

.tfip-edition-fieldconteneur-partie {
    margin-bottom: 1em;
}

.tfip-edition-fieldconteneur.tfipef-type-text .hideandshow:not(.show-if-text),
.tfip-edition-fieldconteneur.tfipef-type-textarea .hideandshow:not(.show-if-textarea),
.tfip-edition-fieldconteneur.tfipef-type-number .hideandshow:not(.show-if-number),
.tfip-edition-fieldconteneur.tfipef-type-slider .hideandshow:not(.show-if-slider),
.tfip-edition-fieldconteneur.tfipef-type-select .hideandshow:not(.show-if-select),
.tfip-edition-fieldconteneur.tfipef-type-radio .hideandshow:not(.show-if-radio),
.tfip-edition-fieldconteneur.tfipef-type-checkbox .hideandshow:not(.show-if-checkbox),
.tfip-edition-fieldconteneur.tfipef-type-constante .hideandshow:not(.show-if-constante),
.tfip-edition-fieldconteneur.tfipef-type-fichier .hideandshow:not(.show-if-fichier),
.tfip-edition-fieldconteneur.tfipef-type-fiche .hideandshow:not(.show-if-fiche),
.tfip-edition-fieldconteneur.tfipef-type-transmission .hideandshow:not(.show-if-transmission),
.tfip-edition-fieldconteneur.tfipef-type-dessin .hideandshow:not(.show-if-dessin) {
    display: none;
}

.tfip-liste-item {}

.tfip-liste-item .tfipli-infos {
    padding: 0.5em;
    color: var(--c-red);
}

.tfip-liste-item .tfipli-nom {
    font-weight: bold;
    color: var(--c-bluedark);
    font-size: 1.1em;
}

.tfip-liste-item .tfipli-description {
    padding: 0.5em;
    font-size: 0.9em;
    font-style: italic;
}

.tfip-liste-item .tfipli-infos-fields {
    padding: 0.5em;
    font-size: 0.9em;
}

.tfip-liste-item .tfipli-infos-fields-nbr {
    font-family: var(--ff-play);
    color: var(--c-redpale);
    font-style: normal;
}

.tfip-liste-item .tfipli-infos-fields-field {}

.tfip-liste-item .tfipli-infos-fields-field-arr {
    color: var(--c-redpale);
}

.tfip-liste-item .tfipli-infos-fields-field-nom {
    font-weight: bold;
}

.tfip-liste-item .tfipli-infos-fields-field-type {
    font-style: italic;
    font-size: 0.95em;
    color: var(--c-redpale);
}

.tfip-liste-item .tfipli-infos-fields-field--inactive .tfipli-infos-fields-field-arr,
.tfip-liste-item .tfipli-infos-fields-field--inactive .tfipli-infos-fields-field-nom,
.tfip-liste-item .tfipli-infos-fields-field--inactive .tfipli-infos-fields-field-type {
    color: gray;
    font-weight: normal;
    font-size: 0.9em;
}

.tfip-liste-item .tfipli-infos-nbrcopies {
    text-align: center;
    padding: 0.25em;
    font-size: 0.8em;
    font-style: italic;
    color: var(--c-bluedark);
}


.tfip-liste-item .tfipli-infos {
	max-width: calc(100% - 50px);
}

.tfip-liste-item .tfipli-active-nbr {
    width: 50px;
	min-width: 50px;
	max-width: 50px;
}

.tfip-liste-item .tfipli-active {
    padding: 0.5em 0.25em;
    font-family: var(--ff-play);
    font-size: 0.8em;
}

.tfip-liste-item .tfipli-nbr {
    padding: 0.25em 0.15em;
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.tfip-liste-item.tfip-liste-item-nbr-0 .tfipli-nbr {
    color: var(--c-redpale);
}


.tfi-ipt-fiche-select {}

.tfi-ipt-fiche-select--selection {
    border: 1px solid var(--c-redpale);
    border-radius: 10px;
    overflow: hidden;
}

.tfi-ipt-fiche-select--selection-btn {
    margin: 5px;
}

.tfi-ipt-fiche-select--selection-ficheselected-opt {
    background-color: var(--c-redclaire);
}

.tfi-ipt-fiche-select--selection-ficheselected-opt:hover {
    background-color: var(--c-redpale);
}

.tfi-ipt-fiche-select:not(.fiche-selected) .tfi-ipt-fiche-select--selection-ficheselected,
.tfi-ipt-fiche-select.fiche-selected .tfi-ipt-fiche-select--selection-btn {
    display: none;
}

.tfipcopiables-liste {}

.tfipcopiables-item {}

.tfipcopiables-item-infos {
    padding: 0.5em;
}

.tfipcopiables-item-infos-nom {
    font-weight: bold;
    color: var(--c-bluedark);
    font-size: 1.1em;
}

.tfipcopiables-item-infos-description {
    padding: 0.5em;
    font-size: 0.9em;
    font-style: italic;
}

.tfipcopiables-item-infos-alreadycopied {
    text-align: center;
    padding: 0.25em;
    font-size: 0.8em;
    font-style: italic;
    color: var(--c-bluedark);
}

.tfipcopiables-item-infos-fields {
    padding: 0.5em;
    font-size: 0.9em;
}

.tfipcopiables-item-infos-fields-nbr {
    font-family: var(--ff-play);
    color: var(--c-redpale);
    font-style: normal;
}

.tfipcopiables-item-infos-fields-field {}

.tfipcopiables-item-infos-fields-field-arr {
    color: var(--c-redpale);
}

.tfipcopiables-item-infos-fields-field-nom {
    font-weight: bold;
}

.tfipcopiables-item-infos-fields-field-type {
    font-style: italic;
    font-size: 0.95em;
    color: var(--c-redpale);
}

.tfipcopiables-item-nbrcopies {
    font-family: var(--ff-play);
    margin-top: 0.25em;
    color: var(--c-redclaire);
}


.calacces-dates-conteneur-infoetudiant {
    font-size: 0.9em;
    margin-top: 0.5em;
}

.btn-ligne-end {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#form-esi-doublon {
    margin: 0.5em;
}

#form-esi-doublon-legende {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 0 0.5em;
    color: var(--c-bluedark);
}

.formv3-partie.formv3-partie-esi,
.formv3-partie-esi {
    margin: 0.25em;
    border: 1px solid var(--c-redclaire);
    border-radius: 20px;
    padding: 0.15em 0.5em;
    background: var(--c-jaune-05);
}

.esi-doublon-item {
    padding: 0.15em 0;
    border-left: 4px solid var(--c-lightgray);
    border-radius: 8px;
    margin-left: 1px;
}

.esi-doublon-item-border {
    border-top: 1px dashed var(--c-lightgray);
}


.esi-cs-liste {
    margin-bottom: 0.5em;
}

.esi-cs-item {
    padding: 0.15em 0;
}

.esicsi-date {
    text-align: center;
    font-family: var(--ff-play);
    font-weight: bold;
    color: var(--c-bluedark);
    font-size: 0.9em;
    padding: 0.5em 0.2em;
}

.esicsi-etype-icn {
    border-radius: 100%;
    padding: 5px;
    height: 35px;
    width: 35px;
    background: var(--c-bluepale);
    color: var(--c-white);
}

.esicsi-esidoublon {
    padding: 0.5em 0.2em;
    font-size: 0.9em;
}

.esicsi-patient {
    padding: 0.5em 0.2em;
    font-size: 0.95em;
}

.esicsi-element {
    padding: 0.5em 0.2em;
    color: var(--c-classic);
    font-size: 0.95em;
}

.esicsi-element>div,
.esicsi-element>a {
    color: var(--c-classic);
}

.esicsi-element>div.click-ajax:focus,
.esicsi-element>div.click-ajax:hover,
.esicsi-element>a:focus,
.esicsi-element>a:hover {
    color: var(--c-bluedark);
}

.esicsi-element-details {
    padding: 0.25em 0.15em;
    text-align: center;
}

.esicsi-avatar {
    width: 18px;
}

.esicsi-u-conteneur {
    margin: 0.15em;
    background-color: var(--c-redpale);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 20px;
    overflow: hidden;
}

.esicsi-uc-icn {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    padding-left: 2px;
}

.esicsi-uc-identite {
    padding: 0.25em 0.5em;
    background-color: var(--c-redclaire);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-family: var(--ff-graphie);
}

.esicsi-u-conteneur.selected-unique {
    opacity: 0.7;
}

.esicsi-u-conteneur.selected-unique .esicsi-uc-identite {
    background-color: var(--c-beige);
}

.esics-legende-etypes {
    margin: 0.15em;
    background-color: var(--c-bluepale);
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 20px;
    overflow: hidden;
}

.esics-le-icn {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    padding-left: 2px;
    color: white;
}

.esics-le-label {
    padding: 0.25em 0.5em;
    background-color: var(--c-jaune);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-family: var(--ff-graphie);
}

.esicsi-signature {}

.esics-lab-count {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-beige);
    font-weight: normal;
}

.esi-cs-legende {
    font-size: 0.85em;
    padding: 0.5em;
    opacity: 0.8;
}


.sondages-liste {}

.sondage-item-conteneur {}

.sondage-item {
    display: block;
    padding: 0 0.5em;
    color: var(--c-classic);
}

.soi-titre {
    font-family: var(--ff-graphie);
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.1em;
    padding: 0.5em 0;
    padding-top: 0.75em;
    color: var(--c-bluedark);
}

.soi-legende {
    padding: 0.5em;
    font-size: 0.9em;
    font-style: italic;
}

.soi-questions {
    padding: 0.75em 0;
}

.soi-participation {}

.soi-dates {
    font-family: var(--ff-play);
    font-size: 0.9em;
    text-align: center;
    color: var(--c-redclaire);
    padding-bottom: 0.25em;
    padding-top: 0.75em;
}


.sondage-resultats-question-choix {
    margin-bottom: 0.75em;
    border: 1px solid var(--c-redclaire);
    border-radius: 15px;
    overflow: hidden;
}

.srqc-bar {
    padding: 0.05em 0.5em;
    font-family: var(--ff-play);
    border-bottom: 1px solid var(--c-redclaire);
}

.srqc-label {
    padding: 0.15em 0.25em;
    font-size: 0.9em;
}

.sondage-resultats-question-choix--sansreponse {
    opacity: 0.7;
}

.sondage-resultats-question-choix--sansreponse .srqc-label {
    font-style: italic;
}

.item-navig-keyboard-selected {
    background-color: var(--c-redpale) !important;
    color: var(--c-white);
}


.trans-minireponses-liste {
    margin: 0.5em;
}

.trans-minireponse-item {
    margin-bottom: 0.5em;
    background-color: var(--c-beige);
    border-radius: 18px;
    color: var(--c-red);
    border: 1px solid var(--c-white);
}

.trans-minireponse-item.click-ajax:hover {
    border-color: var(--c-red);
}

.tmri-individudate {
    text-align: center;
    padding: 0.25em;
    font-family: var(--ff-play);
}

.tmri-individu {
    font-size: 0.8em;
}

.tmri-date {
    font-size: 0.8em;
}

.tmri-date-date {}

.tmri-date-heure {}

.tmri-texte {
    padding: 0.25em;
    font-size: 0.9em;
    color: var(--c-bluedark);
}

img.avatar:not(.nostylebase),
img[src*="/avatar/"]:not(.nostylebase):not([src*="/avatar/0"]) {
    border-radius: 100%;
    border: 1px solid var(--c-bluepale);
    background-color: #eeeeee;
}


.cotation-icn-fact {
    color: green;
    font-weight: bold;
    padding: 0 3px;
}

.cotation-icn-fact-scor {
    padding: 0 3px;
}

.cotation-icn-fact-scor.fc-green {
    opacity: 0.8;
}

.cotation-icn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid var(--c-bluepale);
    margin: 0 1px;
    margin-left: 2px;
    overflow: hidden;
}

.cotation-icn.large {
    width: 15px;
    height: 15px;
}

.cotation-icn-plein,
.cotation-icn-plein_force,
.cotation-icn-txplein,
.cotation-icn-txplein_force,
.cotation-icn-100,
.cotation-icn-100_force {
    background-color: var(--c-bluepale);
}

.cotation-icn-50,
.cotation-icn-50_force,
.cotation-icn-demi,
.cotation-icn-demi_force {
    background-color: transparent;
}

.cotation-icn-50::before,
.cotation-icn-50_force::before,
.cotation-icn-demi::before,
.cotation-icn-demi_force::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: var(--c-bluepale);
}

.cotation-icn-0,
.cotation-icn-0_force,
.cotation-icn-gratuit,
.cotation-icn-gratuit_force {
    background-color: transparent;
}


.factu-intervention--infos {}

.fai-date {
    font-family: var(--ff-play);
    color: var(--c-bluedark);
    font-weight: bold;
}

.fai-individu {
    font-weight: bold;
}

.fai-patient {
    font-weight: bold;
    color: var(--c-bluedark);
}

.factu-intervention--acte {}

.fia-tsnom {
    padding: 0.5em 0.25em;
    color: var(--c-bluedark);
    font-size: 0.95em;
}

.fia-cotation {
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
    text-align: center;
}

.fia-calcul {
    padding: 0.5em 0.25em;
    font-size: 0.85em;
}

.fia-opt {
    color: var(--c-bluedark);
}

.fia-opt:hover {
    color: var(--c-red);
}

.factu-intervention--acte.fia--nonfacturable .fia-tsnom,
.factu-intervention--acte.fia--nonfacturable .fia-cotation {
    text-decoration: line-through;
    font-size: 0.9em;
}

.factu-intervention--cotationfinale {
    padding: 0.5em;
    font-family: var(--ff-play);
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    color: var(--c-bluedark);
}

.factu-intervention--carac {}

.fic-label {
    padding: 0.5em 0.25em;
    color: var(--c-bluedark);
    font-size: 0.95em;
}

.fic-valeur {
    padding: 0.5em 0.25em;
    font-weight: bold;
}

.fic-opt {
    color: var(--c-bluedark);
}

.fic-opt:hover {
    color: var(--c-red);
}

.fic--iklabel {
    font-size: 0.85em;
    font-weight: bold;
    background-color: var(--c-beige);
    color: var(--c-bluedark);
}

.factu-intervention--carac.editmode .fic-valeur,
.factu-intervention--carac.editmode .fic-opt,
.factu-intervention--carac:not(.editmode) .fic-form {
    display: none;
}

.factu-intervention--carac:not(.editmode) .factu-intervention--carac-content {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.factu-intervention--carac:not(.editmode) .fic-label {
    width: 41.66666667%;
}

.tecp-infos-globales {}

.tecp-conteneur-global-btnedit {
    background-color: var(--c-jaune-03);
    padding: 5px;
    border-radius: 10px;
}

.tecp-infos-globales-cotpec {}

.tecp-hidden-forprogram,
.tecp-infos-globales[data-usagefacturable="0"] .tecp-infos-globales-cotpec,
.tecp-infos-globales[data-affichage-lieu="0"] .tecp-conteneur-lieu-global-conteneur .tecp-conteneur-lieu-global,
.tecp-infos-globales[data-affichage-lieu="1"] .tecp-conteneur-lieu-global-conteneur .tecp-conteneur-lieu-global-btn,
.tecp-infos-globales[data-affichage-reglescotation="0"] .tecp-conteneur-reglescotation,
.tecp-infos-globales[data-affichage-pec="0"] .tecp-conteneur-pec-global-conteneur .tecp-conteneur-pec-global,
.tecp-infos-globales[data-affichage-pec="1"] .tecp-conteneur-pec-global-conteneur .tecp-conteneur-pec-global-btn,
.tecp-infos-globales[data-affichage-pm="0"] .tecp-conteneur-pm-global-conteneur .tecp-conteneur-pm-global,
.tecp-infos-globales[data-affichage-pm="1"] .tecp-conteneur-pm-global-conteneur .tecp-conteneur-pm-global-btn,
.tecp-infos-globales[data-affichage-pec="1"] .tecp-conteneur-pec-global-conteneur .tecp-conteneur-pec-global-btn,
.tecp-infos-globales[data-affichage-acteisole="0"] .tecp-conteneur-acteisole-global-conteneur .tecp-conteneur-acteisole-global,
.tecp-infos-globales[data-affichage-acteisole="1"] .tecp-conteneur-acteisole-global-conteneur .tecp-conteneur-acteisole-global-btn,
.tecp-infos-globales[data-cotusagebase="1"] .tecp-cot-form,
.tecp-infos-globales[data-cotusagebase="0"] .tecp-cot-btn-resume,
.tecp-infos-globales[data-cotindemnitesusagebase="1"] .tecp-cot-indemnites-form,
.tecp-infos-globales[data-affichage-cotindemnites="0"] .tecp-cot-indemnites-form-global .tecp-conteneur-cotationindemnites-global,
.tecp-infos-globales[data-affichage-cotindemnites="1"] .tecp-cot-indemnites-form-global .tecp-conteneur-cotationindemnites-global-btn,
.tecp-infos-globales[data-cotindemnitesusagebase="0"] .tecp-cot-indemnites-btn-resume,
.tecp-infos-globales[data-pecusagebase="1"] .tecp-pec-form,
.tecp-infos-globales[data-pecusagebase="0"] .tecp-pec-btn-resume,
.tecp-infos-globales[data-pmusagebase="1"] .tecp-pm-form,
.tecp-infos-globales[data-pmusagebase="0"] .tecp-pm-btn-resume,
.tecp-infos-globales[data-acteisoleusagebase="1"] .tecp-acteisole-form,
.tecp-infos-globales[data-acteisoleusagebase="0"] .tecp-acteisole-btn-resume,
.tecp-infos-globales[data-pmusagescor="1"] .tecp-pm-prescription-form,
.tecp-infos-globales .tecp-conteneur-pec-maternite-nouvelleref,
.tecp-infos-globales .tecp-conteneur-pec-at-nouvelleref,
.tecp-infos-globales .tecp-conteneur-pec-act-nouvelleref,
.tecp-infos-globales[data-pecnat="AT"] .tecp-conteneur-pec-exo,
.tecp-infos-globales[data-pecnat="MA"] .tecp-conteneur-pec-exo,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-exo,
.tecp-infos-globales[data-pecnat="AS"] .tecp-conteneur-pec-maternite,
.tecp-infos-globales[data-pecnat="AT"] .tecp-conteneur-pec-maternite,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-maternite,
.tecp-infos-globales[data-pecnat="AS"] .tecp-conteneur-pec-at,
.tecp-infos-globales[data-pecnat="MA"] .tecp-conteneur-pec-at,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-at,
.tecp-infos-globales[data-pecnat="AT"] .tecp-conteneur-pec-as,
.tecp-infos-globales[data-pecnat="MA"] .tecp-conteneur-pec-as,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-as,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-tpamo,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-tpayants,
.tecp-infos-globales[data-pecnat="at"] .tecp-conteneur-pec-exo,
.tecp-infos-globales[data-pecnat="ma"] .tecp-conteneur-pec-exo,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-exo,
.tecp-infos-globales[data-pecnat="as"] .tecp-conteneur-pec-maternite,
.tecp-infos-globales[data-pecnat="at"] .tecp-conteneur-pec-maternite,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-maternite,
.tecp-infos-globales[data-pecnat="as"] .tecp-conteneur-pec-at,
.tecp-infos-globales[data-pecnat="ma"] .tecp-conteneur-pec-at,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-at,
.tecp-infos-globales[data-pecnat="at"] .tecp-conteneur-pec-as,
.tecp-infos-globales[data-pecnat="ma"] .tecp-conteneur-pec-as,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-as,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-tpamo,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-tpayants,
.tecp-infos-globales:not([data-pecexo="0"]) .cotpec-warning-pec-exo0,
.tecp-infos-globales:not([data-pecexo="3"]) .cotpec-warning-pec-exo3,
.tecp-infos-globales:not([data-pecexo="4"]) .cotpec-warning-pec-exo4,
.tecp-infos-globales:not([data-pecexo="5"]) .cotpec-warning-pec-exo5,
.tecp-infos-globales:not([data-pecexo="6"]) .cotpec-warning-pec-exo6,
.tecp-infos-globales:not([data-pecexo="7"]) .cotpec-warning-pec-exo7,
.tecp-infos-globales:not([data-pecexo="9"]) .cotpec-warning-pec-exo9,
.tecp-infos-globales[data-affichage-facturable="0"] .tecp-conteneur-facturable,
.tecp-infos-globales[data-peclienact="0"] .tecp-conteneur-pec-act,
.tecp-infos-globales[data-pecnat="at"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecnat="ma"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecnat="hssiad"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="3"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="4"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="5"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="6"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecnat="AT"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecnat="MA"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecnat="HSSIAD"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="3"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="4"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="5"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-pecexo="6"] .tecp-conteneur-pec-tpamc,
.tecp-infos-globales[data-cottype="hn"] .tecp-cot-indemnites-form-global,
.tecp-infos-globales[data-cottype="hn"] .tecp-conteneur-pec-global-conteneur,
.tecp-infos-globales[data-cottype="hn"] .tecp-conteneur-acteisole-global-conteneur,
.tecp-hidden {
    display: none;
}

.tecp-infos-globales[data-pecatreference="0"] .tecp-conteneur-pec-at-nouvelleref,
.tecp-infos-globales[data-pecactreference="0"] .tecp-conteneur-pec-act-nouvelleref,
.tecp-infos-globales[data-pecmatreference="0"] .tecp-conteneur-pec-maternite-nouvelleref {
    display: block;
}



/* .tecp-cot-btn-resume { */
/* opacity: 0.8; */
/* } */
/* .tecp-cot-btn-resume:hover { opacity: 1; } */

.tecp-cot-btn-resume>div div {
    display: inline;
}

.t-elem-cotpec-cotation-generique {
    white-space: nowrap;
    font-family: var(--ff-play);
    font-weight: bold;
}

.nowrap {
    white-space: nowrap;
}

.soin-item-elementcontenu .tecp-lieusoins-generique-label {
    font-size: 0.9em;
}

.soin-item-elementcontenu .t-elem-cotpec-pec-generique {
    white-space: nowrap;
    font-size: 0.95em;
}

.tecp-infossup-generique-label {
    font-style: italic;
}

.tecp-infossup-generique-label:not(.fs-small) {
    font-size: 0.95em;
}

.soin-item-program-horaires-liste {
    margin: 0.15em;
    padding: 0.25em;
    background-color: var(--c-jaune-05);
    border-radius: 20px;
}

.tesl-conteneur {
	margin-top: 5px;
}

.tesl-title {
	padding-left: 5px;
}

.tesl-itself-btn-new {
    padding: 0.5em;
}

.tesl-itself {
    margin: 0.5em;
    background-color: var(--c-jaune-05);
    border-radius: 20px;
    max-height: 200px;
    overflow-y: auto;
	padding: 1px;
	padding-bottom: 2px;
}

.tesl-itself ul {
    margin: 0;
}

.tesl-itself li {
    font-size: 0.9em;
}

.t-elem-scors-liste-rdv .tesl-itself {
    margin: 0.5em 0;
}

.t-elem-scors-liste-inform .tesl-itself {
    border: 1px solid var(--c-beige);
    border-radius: 15px;
    background-color: var(--c-jaune-03);
    margin: 0;
}

form .tesl-itself-btn-new,
.tesl-conteneur[data-contentsomething="1"] .tesl-itself-btn-new,
.tesl-conteneur[data-contentsomething="0"] .tesl-itself {
    display: none;
}

form .tesl-conteneur[data-contentsomething="0"] .tesl-itself {
    display: block;
}


		
		.tesl-add-icn {
			border-radius: 5px;
			width: 40px;
			min-width: 40px;
			max-width: 40px;
			color: var(--c-gray);
		}
		
		.click-ajax:not(.io0):hover .tesl-add-icn,
		.tesl-add-icn.click-ajax:hover {
			color: var(--c-bluedark);
			background-color: var(--c-beige-07);
		}


.form-partie-generique {
    padding: 0.25em;
    /* border: 1px solid var(--c-redclaire); */
	box-shadow: 0 0 2px var(--c-lightgray);
    border-radius: 15px;
    background-color: var(--c-jaune-03);
    margin-bottom: 0.5em;
}

.form-partie-generique-resume {
    color: var(--c-bluedark);
    font-size: 0.85em;
    padding: 0.5em;
}

.form-partie-generique-resume>div:not(.btnConteneur) {
    margin-bottom: 0.25em;
}

.form-partie-generique-resume>div:not(.btnConteneur):before {
    content: ' ';
    border: 0 solid var(--c-redpale);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 5px;
    opacity: 0.7;
}

.fpgr-val {
    font-weight: bold;
    font-family: var(--ff-play);
}

.fpgr-val-nc {
    color: var(--c-redpale);
}

.form-partie-generique.mode-resume {}

.form-partie-generique.mode-resume .form-partie-generique-form {
    display: none;
}

.form-partie-generique:not(.mode-resume) .form-partie-generique-resume {
    display: none;
}

.tfichiers-liste-archives-0 .fichier-item-archive,
.tfichiers-liste-archives-1 .fichier-item-nonarchive {
    display: none;
}

.tf-item-details-block {
    margin: 0.5em 0;
}

.canvas-conteneur-canvas {
    margin: 0.5em 0;
    padding: 0.5em;
    border-radius: 15px;
    border: 1px solid var(--c-redpale);
    text-align: center;
}

.canvas-scor {
    width: 100%;
    max-width: min(100%, 500px);
    border: 1px solid var(--c-beige);
    border-radius: 5px;
    margin: auto;
}

.canvas-conteneur-canvas.no-use {}

.canvas-conteneur-canvas.no-use .canvas-opts-contraste,
.canvas-conteneur-canvas.no-use .canvas-opts-rotate {
    display: none;
}

.canvas-conteneur-canvas.no-use .canvas-scor {
    width: 60px;
    opacity: 0.7;
}


.liste-tournees-item {
    min-width: 300px;
}

.lti-num {
    padding: 0.25em;
}

.lti-infos {
    padding: 0.15em 0;
}

.ltii-nom {
    font-weight: bold;
    padding: 0.25em;
}

.ltii-infos {
    font-style: italic;
    font-size: 0.9em;
    padding: 0.25em;
    padding-left: 0.5em;
}


.tr-fonction-recherche-liste {
    max-height: 260px;
    position: relative;
}

.tr-fonction-recherche-liste-item {
    font-size: 0.85em;
    padding: 0.5em 0.25em;
}

.tr-fonction-recherche.fonction-selected .tr-fonction-recherche-rechercheconteneur,
.tr-fonction-recherche:not(.fonction-selected) .tr-fonction-recherche-valeurconteneur {
    display: none;
}

.tr-fonction-recherche-rechercheconteneur .inputv3 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.tr-fonction-recherche-rechercheconteneur .v4-liste {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-width: 2px;
    border-top-width: 1px;
}

.click-ajax.reaction,
.click-ajax > .reaction {
    opacity: 0.9;
}

.click-ajax.reaction:hover,
.click-ajax:hover > .reaction {
    opacity: 1;
}

.click-ajax:hover > .reaction.fc-bluedark,
.click-ajax.reaction.fc-bluedark:hover {
    color: var(--c-red);
}

.click-ajax:hover > .reaction.fc-link,
.click-ajax.reaction.fc-link:hover {
    color: var(--c-linkhover);
}
.click-ajax:hover > .reaction.fc-bluepale,
.click-ajax.reaction.fc-bluepale:hover {
    color: var(--c-bluedark);
}


.leaflet-top,
.leaflet-bottom {
    z-index: 400 !important;
}

.scors-liste {}

.scors-liste .scor-not-to-use {
    font-size: 0.85em;
    opacity: 0.8;
}

.scors-liste .scor-not-to-use .sli-lien {
    text-decoration: line-through;
}

.scors-liste .scor-outdated .scor-liste-lien--content {
    font-size: 0.8em;
    opacity: 0.7;
}

.scors-liste .scor-outdated .sli-lien {
    text-decoration: line-through !important;
}
.scors-liste .scor-outdated .scor-liste-lien--icn > div {
	color: var(--c-lightgray);
}



	div.scor-liste-item {
		padding: 1px 0;
		margin: 0 3px;
		padding-right: 0;
		font-size: 0.9em;
		border-radius: 7px;
		min-height: 40px;
	}
	div.scor-liste-item:nth-of-type(odd) {
		/* background-color: var(--c-beigeclaire); */
		background-color: var(--c-beige-06);
	}
	
	div.scor-liste-item .scor-liste-lien--icn {
		width: 26px;
		min-width: 26px;
		max-width: 26px;
		padding-top: 7px;
	}
	
	div.scor-liste-item .scor-liste-lien--icn > div {
		border-radius: 100%;
		/* background-color: var(--c-blueclaire); */
		/* color: var(--c-white); */
		color: var(--c-blueclaire);
		height: 22px;
		min-height: 22px;
		max-height: 22px;
		width: 22px;
		min-width: 22px;
		max-width: 22px;
	}

	div.scor-liste-item .scor-liste-lien--content {
		padding: 7px 0;
	}

		div.scor-liste-item .scor-liste-lien--label {

		}
		
	div.scor-liste-item .scor-liste-lien--options {
		width: 35px;
		min-width: 35px;
		max-width: 35px;
		color: var(--c-gray);
	}
		div.scor-liste-item .scor-liste-lien--options:hover {
			color: var(--c-bluedark);
			background-color: var(--c-beige-07);
		}
	
.factu-encours-liste-erreurs {}

.factu-encours-liste-erreurs.liste-done {
    opacity: 0.8;
}

.factu-encours-liste-erreurs.liste-done:hover {
    opacity: 1;
}


.factu-encours-liste-erreurs .v4-liste-item {
    padding: 0.5em 0.25em;
}

.factu-encours-liste-erreurs .fele-listepatients {
    margin: 0.25em;
    margin-left: 0.75em;
    font-size: 0.9em;
    max-height: 150px;
    overflow: auto;
    background-color: var(--c-jaune-05);
    border-radius: 10px;
    padding: 0.25em;
}

.factu-encours-liste-erreurs .fele-listepatients .fele-listepatients-lab {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.factu-encours-liste-erreurs .fele-listepatients ul {
    margin: 0;
}

.factu-encours-liste-erreurs .fele-listepatients ul li {
    margin: 0.5em 0;
}

.factu-encours-liste-erreurs .fele-listepatients ul li ul li {
    margin: 0;
}

.factu-encours-liste-erreurs-scors {}

.factu-encours-liste-erreurs-scors ul {
    margin-top: 0;
}

.feli-scor-programmation {}

.feli-scor-rdv {}

.feli-scor-manque {}

.fele-mutuelle-patient-present .feli-mutuelle-patient-icn-ajouter,
.fele-mutuelle-patient-manque .feli-mutuelle-patient-icn-valid,
.feli-prescripteur-present .feli-prescripteur-icn-ajouter,
.feli-prescripteur-manque .feli-prescripteur-icn-valid,
.feli-pm-programmation-present .feli-pm-programmation-icn-ajouter,
.feli-pm-rdv-present .feli-pm-rdv-icn-ajouter,
.feli-pm-programmation-manque .feli-pm-programmation-icn-valid,
.feli-pm-rdv-manque .feli-pm-rdv-icn-valid,
.feli-mutuelle-programmation-present .feli-mutuelle-programmation-icn-ajouter,
.feli-mutuelle-rdv-present .feli-mutuelle-rdv-icn-ajouter,
.feli-mutuelle-programmation-manque .feli-mutuelle-programmation-icn-valid,
.feli-mutuelle-rdv-manque .feli-mutuelle-rdv-icn-valid,
.feli-cotation-programmation-present .feli-cotation-programmation-icn-ajouter,
.feli-cotation-rdv-present .feli-cotation-rdv-icn-ajouter,
.feli-cotation-programmation-manque .feli-cotation-programmation-icn-valid,
.feli-cotation-rdv-manque .feli-cotation-rdv-icn-valid,
.feli-reference-programmation-present .feli-reference-programmation-icn-ajouter,
.feli-reference-rdv-present .feli-reference-rdv-icn-ajouter,
.feli-reference-programmation-manque .feli-reference-programmation-icn-valid,
.feli-reference-rdv-manque .feli-reference-rdv-icn-valid,
.feli-scor-programmation-present .feli-scor-programmation-icn-ajouter,
.feli-scor-rdv-present .feli-scor-rdv-icn-ajouter,
.feli-scor-programmation-manque .feli-scor-programmation-icn-valid,
.feli-scor-rdv-manque .feli-scor-rdv-icn-valid,
.feli-dap-rdv-manque .feli-dap-rdv-icn-valid {
    display: none;
}

.feli-prescripteur-present,
.feli-mutuelle-rdv-present,
.feli-cotation-rdv-present,
.feli-pm-rdv-present,
.feli-scor-rdv-present {
    opacity: 0.8;
    font-size: 0.85em;
}

.feli-mutuelle-programmation-present,
.feli-cotation-programmation-present,
.feli-pm-programmation-present,
.feli-scor-programmation-present {
    opacity: 0.7;
    font-size: 0.8em;
}




.generique-recherche-liste {
    max-height: 280px;
    position: relative;
}

.generique-recherche-liste-item {
    font-size: 0.85em;
    padding: 0.5em 0.25em;
}

a.generique-recherche-liste-item {
    display: block;
    color: var(--c-bluedark);
}

.generique-recherche.item-selected .generique-recherche-rechercheconteneur,
.generique-recherche:not(.item-selected) .generique-recherche-valeurconteneur {
    display: none;
}

.generique-recherche-rechercheconteneur .inputv3 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.generique-recherche-rechercheconteneur .withCalendar .inputv3 {
    border-top-right-radius: 0;
    border-right: 0;
}

.grrc-backspace {
	transition: color 0.4s linear;
}

.generique-recherche:not(.valSetted) .grrc-backspace {
	color: var(--c-lightgray);
}

.withCalendar .grrc-backspace {
    width: 30px;
    border-top: 2px solid var(--c-red);
	background-color: #fafafa;
}

.withCalendar .grrc-calendar {
    width: 40px;
    border: 2px solid var(--c-red);
    border-bottom: 0;
    border-left: 0;
    border-top-right-radius: 15px;
}

.generique-recherche-rechercheconteneur .v4-liste {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-width: 2px;
    border-top-width: 1px;
}

.generique-recherche-valeur--lab {
    padding: 0 0.5em;
}

#t-facturation-conteneur-general {}

#t-facturation-infos-session-en-cours {}

#t-facturation-conteneur-general:not(.factu-session-en-cours) #t-facturation-infos-session-en-cours,
#trans-conteneur-menucontenu:not(.factu-session-en-cours) #t-facturation-infos-session-en-cours-global {
    display: none;
}


.felpf-item {
    border-top: 1px solid var(--c-bluedark);
    padding: 0.5em 0.25em;
    ;
}

.felpf-prescripteur {
    font-size: 0.85em;
    padding: 0.5em 0.25em;
}

.felpf-prescription {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.85em;
    padding: 0.5em 0.15em;
}

.felpf-pecnature {
    text-align: center;
    font-size: 0.9em;
    padding: 0.5em 0.15em;
}

.felpf-pecexo {
    text-align: center;
    font-family: var(--ff-play);
    padding: 0.5em 0.15em;
}

.felpf-pecamo {
    text-align: center;
    font-size: 0.8em;
}

.felpf-pecamc {
    text-align: center;
    font-size: 0.8em;
}

.felpf-nbractes {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.85em;
    font-weight: bold;
    padding: 0.5em 0.15em;
}

.felpf-datesactes {
    font-size: 0.9em;
    padding: 0.5em 0.15em;
}

.felpf-montant {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: bold;
    color: var(--c-bluepale);
    padding: 0.5em 0.15em;
    text-align: center;
}

.felpf-item.felpf-item-label {
    background-color: var(--c-jaune) !important;
}

.felpf-item.felpf-item-label .felpf-item-label-label {
    text-align: center;
    font-size: 0.8em;
    padding: 0.25em;
    font-style: italic;
}

.felpf-legende {
    font-size: 0.75em;
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
    text-align: center;
    font-weight: normal;
    opacity: 0.5;
}

.felpe-montants-item-conteneur {
	background-color: var(--c-jaune);
	border-top-left-radius: 10px;
	font-size: 0.95em;
	margin-top: 5px;
}

	.felpe-montants-item {
		font-family: var(--ff-play);
		padding: 2px;
	}

		.felpe-montants-item-label {
			width: 100%;
			text-align: center;
			color: var(--c-blueclaire);
			font-size: 0.9em;
		}

		.felpe-montants-item-valeur {
			width: 100%;
			text-align: center;
		}

		.felpe-montants-item[data-montant="0"] .felpe-montants-item-label,
		.felpe-montants-item[data-montant="0"] .felpe-montants-item-valeur,
		.felpe-montants-item[data-montant="0.00"] .felpe-montants-item-label,
		.felpe-montants-item[data-montant="0.00"] .felpe-montants-item-valeur {
			color: var(--c-lightgray);
		}
		
		

.felp-soustotal {
    background-color: var(--c-jaune) !important;
    font-family: var(--ff-play);
    text-align: center;
    border-top: 1px solid var(--c-redpale);
}

.felp-total {
    background-color: var(--c-jaune) !important;
    font-family: var(--ff-play);
    text-align: center;
    border-top: 2px solid var(--c-red);
}

.felp-total-label,
.felp-soustotal-label {
    font-weight: bold;
    font-size: 0.8em;
}

.felp-total-item,
.felp-soustotal-item {
    padding: 0.25em;
}

.felp-total-item .felpst-lab,
.felp-soustotal-item .felpst-lab {
    font-size: 0.75em;
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
    text-align: center;
    font-weight: normal;
    opacity: 0.7;
}

.felp-total-item .felpst-montant,
.felp-soustotal-item .felpst-montant {}

.felp-total-item[data-thismontant="0"],
.felp-soustotal-item[data-thismontant="0"] {
    color: var(--c-gray);
    opacity: 0.8;
    font-size: 0.9em;
}

.felp-total-item[data-thismontant="0"] .felpst-montant,
.felp-soustotal-item[data-thismontant="0"] .felpst-montant {
    font-size: 0.9em;
}

.felp-total-total .felpst-montant,
.felp-soustotal-total .felpst-montant {
    font-weight: bold;
}

.liste-felp-totaux {
    margin: 2em 1em;
}

.liste-felp-totaux .v4-liste-item {
    text-align: center;
}

.liste-felp-totaux-labels {
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
    text-align: center;
    font-size: 0.9em;
}

	.liste-felp-totaux-labels > div,
	.liste-felp-totaux-montants > div {
		padding: 6px 2px;
	}

	.liste-felp-totaux-labels > div:nth-of-type(even),
	.liste-felp-totaux-montants > div:nth-of-type(even) {
		background-color: var(--c-beige-05);
	}
	
#form-factu-session-selection-tpexecutant.hide-details-montants {
	
}

	#form-factu-session-selection-tpexecutant.hide-details-montants .felpe-facturesprevues-item-conteneur,
	#form-factu-session-selection-tpexecutant.hide-details-montants .felpe-montants-item-conteneur,
	#form-factu-session-selection-tpexecutant.hide-details-montants .felpe-factu-launchsansverif-conteneur,
	#form-factu-session-selection-tpexecutant.hide-details-montants .liste-felp-totaux {
		display: none;
	}

.liste-felp-totaux-montants {
    font-family: var(--ff-play);
    text-align: center;
}

.liste-felp-totaux-montants .lftm[data-thismontant="0"] {
    color: var(--c-gray);
    font-size: 0.9em;
}

.felpf-pecamoc-label {
    font-size: 1em;
    background-color: var(--c-beige-03);
    margin-top: 0;
    margin-bottom: 0;
}

.felpf-pecamoc-icn-check {
    font-weight: bold;
    color: var(--c-green);
}

.felpf-pecamoc-icn-cancel {
    font-weight: bold;
    color: red;
}

.felpf-item[data-tpamo="1"] .felpf-pecamo-label .felpf-pecamoc-icn-cancel,
.felpf-item[data-tpamo="0"] .felpf-pecamo-label .felpf-pecamoc-icn-check,
.felpf-item[data-tpamc="1"] .felpf-pecamc-label .felpf-pecamoc-icn-cancel,
.felpf-item[data-tpamc="0"] .felpf-pecamc-label .felpf-pecamoc-icn-check {
    display: none;
}

.felpf-item[data-tpamo="1"] .felpf-pecamo-label-lab,
.felpf-item[data-tpamc="1"] .felpf-pecamc-label-lab {
    color: var(--c-green);
}

.felpf-item[data-tpamo="0"] .felpf-pecamo-label-lab,
.felpf-item[data-tpamc="0"] .felpf-pecamc-label-lab {
    text-decoration: line-through;
    color: var(--c-gray);
}

#factu-session-en-cours-patient-conteneur {}

#factu-session-en-cours-patient-conteneur:not(.infosamc-to-show) #factu-session-en-cours-patient--infosamc {
    display: none;
}

#factu-session-en-cours-patient-infos-ssmutuelles {}

.atfspi-block {
    margin: 0.25em;
    padding: 0.5em;
    /* border: 1px solid var(--c-redclaire); */
    border-radius: 10px;
    font-family: var(--ff-poppins);
    font-size: 0.85em;
    /* background-color: var(--c-beigeclaire); */
    background-color: var(--c-beige-03);
}

.atfspi-block-titre {
    font-weight: bold;
    color: var(--c-bluedark);
    font-size: 0.85em;
    opacity: 0.8;
}

.atfspi-at-item,
.atfspi-mat-item,
.atfspi-act-item,
.atfspi-amos-item,
.atfspi-coordonnees-item,
.atfspi-mutuelles-item {
    margin: 0.25em 0;
}

.atfspi-at-item:before,
.atfspi-mat-item:before,
.atfspi-act-item:before,
.atfspi-amos-item:before,
.atfspi-mutuelles-item:before {
    content: ' ';
    border: 0 solid var(--c-redpale);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 5px;
    opacity: 0.7;
}

.atfspi-coordonnees-item {}

.atfspi-ci-icn {
    color: var(--c-bluedark);
    width: 22px;
    min-width: 22px;
    max-width: 22px;
}

.atfspi-ci-type {
    font-family: var(--ff-play);
    font-size: 0.95em;
    white-space: nowrap;
}

.atfspi-ci-val {
    width: 85%;
    padding: 0.25em;
}


.profil-situations-liste {}

.profil-situations-item {
    padding: 0.5em 0;
}

.pfi-exercicespe {
    color: var(--c-redclaire);
    font-family: var(--ff-poppins);
    font-size: 0.8em;
    padding: 0.25em;
}

.pfi-exercicespe .pfi-spe,
.pfi-exercicespe .pfi-exercice {
    color: var(--c-redpale);
    font-weight: bold;
}

.pfi-nom {
    padding: 0.50em;
    font-style: italic;
}

.pfi-nums {
    padding: 0.25em;
    font-size: 0.9em;
}

.pfi-num-lab {
    color: var(--c-redpale);
}

.pfi-num-val {
    font-family: var(--ff-play);
    font-weight: bold;
}

.pfi-habilitations {
    font-size: 0.75em;
    text-align: right;
    padding: 0.25em;
    padding-bottom: 0;
}

.pfi-habilitations-lab {
    color: var(--c-redpale);
}

.pfi-habilitations-val {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
}


#notif-liste {}

.nli-legende-item {
    color: var(--c-red);
}

.notif-liste-item {
    padding: 0.75em 0;
}

	#notif-liste.notif-liste-onlyUnseen {
		
	}

	#notif-liste.notif-liste-onlyUnseen .nli--statut-vu-1 {
		display: none;
	}

.nli-titre-statuts {}

.nli-titre {
    padding: 0.5em;
    font-family: var(--ff-graphie);
    font-size: 0.9em;
}

.nli-statut {
    width: 33px;
    min-width: 33px;
    max-width: 33px;
    color: var(--c-gray);
    opacity: 0.5;
}

.nli--statut-pushed-1 .nli-statut-pushed,
.nli--statut-emailed-1 .nli-statut-emailed,
.nli--statut-vu-1 .nli-statut-vu {
    color: var(--c-green);
    opacity: 1;
}

.nli--statut-vu-0 .nli-statut-vu.click-ajax:hover {
    opacity: 1;
    color: var(--c-red);
}

.nli-infosdate {}

.nli-infos {
    padding: 0.5em 1em;
    font-size: 0.9em;
}

.nli-date {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-redpale);
}

.gif-entertainment {
    border-radius: 20px;
    max-width: 270px;
}

.cotpec-cot-recherche-liste-item {}

.ccrli-cotation {
    font-family: var(--ff-play);
    font-weight: bold;
    padding: 0.25em;
    color: var(--c-bluedark);
}

.ccrli-description {}

.ccrli-description-longue,
.ccrli-categ-nom,
.ccrli-keywords,
.ccrli-label {
    display: none;
}


#agenda-tableau[data-affichagecothonoraires="0"] .alt-c-r-c-infos--cotation {
    visibility: hidden;
}

#agenda-tableau[data-affichagecothonoraires="0"] .alt-c-r-c-cotation,
#agenda-tableau[data-affichagecothonoraires="0"] .agenda-honoraires-journee-conteneur,
#agenda-tableau[data-affichageabsents="0"] .altcrc--tp-absent,
#agenda-tableau[data-affichageintervrealisees="0"] .altcrc-done,
#agenda-tableau[data-affichagerdvsannules="0"] .altcrc-canceled,
#agenda-tableau[data-affichagerdvsannules="0"] .alt-r-c-infos--soin-bigconteneur[data-etat="0"],
#agenda-tableau[data-affichagetstype-1="0"] .soin-type-1,
#agenda-tableau[data-affichagetstype-1="0"] .altcrc.presence-tstype-1:not(.presence-tstype-2):not(.presence-tstype-3),
#agenda-tableau[data-affichagetstype-2="0"] .soin-type-2,
#agenda-tableau[data-affichagetstype-2="0"] .altcrc.presence-tstype-2:not(.presence-tstype-1):not(.presence-tstype-3),
#agenda-tableau[data-affichagetstype-3="0"] .soin-type-3,
#agenda-tableau[data-affichagetstype-3="0"] .altcrc.presence-tstype-3:not(.presence-tstype-1):not(.presence-tstype-2),
#agenda-tableau[data-affichagetstype-1="0"][data-affichagetstype-2="0"] .altcrc:not(.presence-tstype-3),
#agenda-tableau[data-affichagetstype-1="0"][data-affichagetstype-3="0"] .altcrc:not(.presence-tstype-2),
#agenda-tableau[data-affichagetstype-2="0"][data-affichagetstype-3="0"] .altcrc:not(.presence-tstype-1),
#agenda-tableau[data-affichagetstype-1="0"][data-affichagetstype-2="0"][data-affichagetstype-3="0"] .altcrc {
    display: none;
}


.factu-session-reglement-liste {
    margin: 1em 0;
    margin-top: 0;
}

.reglement-elements-conteneurs[data-source="amo"] .factu-session-reglement-liste-actes,
.reglement-elements-conteneurs[data-source="amc"] .factu-session-reglement-liste-actes,
.factu-session-reglement-liste[data-nbr="0"] {
    opacity: 0.9;
    border-color: var(--c-redpale);
}


.reglement-elements-conteneurs[data-source="amo"] .factu-session-reglement-liste-actes .fsrl-chbox-all-conteneur input,
.reglement-elements-conteneurs[data-source="amc"] .factu-session-reglement-liste-actes .fsrl-chbox-all-conteneur input {
	display: none;
}

.reglement-elements-conteneurs[data-source="amo"] .factu-session-reglement-liste-actes .v4-liste-titre,
.reglement-elements-conteneurs[data-source="amc"] .factu-session-reglement-liste-actes .v4-liste-titre,
.factu-session-reglement-liste[data-nbr="0"] .v4-liste-titre {
    background-color: var(--c-beige);
    color: var(--c-redpale);
}

.factu-session-reglement-liste[data-nbr="0"] .v4-liste-titre>div {
    color: var(--c-redpale) !important;
}

.factu-session-reglement-liste:hover {
    opacity: 1;
}

.fsrl-fse-liste {}

.fsrl-fse-item {}

.fsrli-nomindiv {}

.fsrli-nom {
    color: var(--c-bluedark);
    font-weight: bold;
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
    font-size: 0.95em;
}

.fsrli-date {
    padding: 0.5em 0.25em;
    text-align: center;
    font-size: 0.9em;
}

.fsrli-indiv {
    padding: 0.5em 0.25em;
    text-align: center;
    background-color: rgba(150, 150, 150, 0.4);
    border-bottom-left-radius: 10px;
}

.fsrli-pmstats {
    font-size: 0.9em;
}

.fsrli-pm {
    padding: 0.75em 0.5em;
}

.fsrli-pm-lab {
    color: var(--c-redpale);
    font-size: 0.9em;
}

.fsrli-pm-valeur {
    font-family: var(--ff-play);
}

.fsrli-soin {
    padding: 0.75em 0.5em;
    text-align: center;
}

.fsrli-soin-lab {
    color: var(--c-redpale);
    font-size: 0.75em;
}

.fsrli-soin-valeur {
    font-family: var(--ff-play);
    font-weight: bold;
}

.fsrli-stats {
    padding: 0.75em 0.5em;
    text-align: right;
}

.fsrli-montants {}

.fsrli-montant {
    text-align: center;
    padding: 0.15em;
}

.fsrli-m-lab {
    font-size: 0.8em;
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
    opacity: 0.8;
    font-weight: bold;
}

.fsrli-m-valeur {
    font-family: var(--ff-play);
    color: var(--c-redpale);
}

.fsrli-m-valeur-restant {
    color: var(--c-red);
    font-weight: bold;
}

.reglement-elements-conteneurs:not([data-source="amo"]) .fsrl-item[data-amototal="0"] .fsrli-m-amo .fsrli-m-valeur,
.reglement-elements-conteneurs:not([data-source="amo"]) .fsrl-item[data-amototal="0.00"] .fsrli-m-amo .fsrli-m-valeur,
.reglement-elements-conteneurs:not([data-source="amc"]) .fsrl-item[data-amctotal="0"] .fsrli-m-amc .fsrli-m-valeur,
.reglement-elements-conteneurs:not([data-source="amc"]) .fsrl-item[data-amctotal="0.00"] .fsrli-m-amc .fsrli-m-valeur,
.reglement-elements-conteneurs:not([data-source="patient"]) .fsrl-item[data-patienttotal="0"] .fsrli-m-patient .fsrli-m-valeur,
.reglement-elements-conteneurs:not([data-source="patient"]) .fsrl-item[data-patienttotal="0.00"] .fsrli-m-patient .fsrli-m-valeur,
.fsrl-acte-item .fsrli-m-amo .fsrli-m-valeur,
.fsrl-acte-item .fsrli-m-amc .fsrli-m-valeur {
    font-size: 0.8em;
    color: var(--c-redclaire);
}

.reglement-elements-conteneurs:not([data-source="amo"]) .fsrl-item[data-amototal="0"] .fsrli-m-amo .fsrli-m-valeur-restant,
.reglement-elements-conteneurs:not([data-source="amo"]) .fsrl-item[data-amototal="0.00"] .fsrli-m-amo .fsrli-m-valeur-restant,
.reglement-elements-conteneurs:not([data-source="amc"]) .fsrl-item[data-amctotal="0"] .fsrli-m-amc .fsrli-m-valeur-restant,
.reglement-elements-conteneurs:not([data-source="amc"]) .fsrl-item[data-amctotal="0.00"] .fsrli-m-amc .fsrli-m-valeur-restant,
.reglement-elements-conteneurs:not([data-source="patient"]) .fsrl-item[data-patienttotal="0"] .fsrli-m-patient .fsrli-m-valeur-restant,
.reglement-elements-conteneurs:not([data-source="patient"]) .fsrl-item[data-patienttotal="0.00"] .fsrli-m-patient .fsrli-m-valeur-restant {
    color: var(--c-redclaire);
    font-weight: normal;
}


.reglement-montant-checkbox-div {
    padding: 3px;
    padding-left: 6px;
    width: 45px;
    min-width: 45px;
}

.reglement-montant-label-div {
    font-family: var(--ff-poppins);
    text-align: center;
    font-size: 0.75em;
    padding: 3px;
    min-width: 70px;
    width: 70px;
    background-color: var(--c-beige);
}

.reglement-montant-montant-div {
    padding: 3px;
    width: 45px;
    min-width: 45px;
}

.reglement-montant-euro-div {
    background-color: var(--c-beige);
    text-align: center;
    padding: 3px;
    width: 28px;
    min-width: 28px;
    font-size: 0.85em;
    font-weight: bold;
    padding-right: 5px;
}

.fsrl-item[data-itemchecked="0"] .form-ligne-champs::after {
    border-color: var(--c-redclaire);
}

.fsrl-item[data-itemchecked="0"] .reglement-montant-euro-div,
.fsrl-item[data-itemchecked="0"] .inputv3::placeholder {
    color: var(--c-redclaire);
    opacity: 0.8;
}

.fsrli-input-nopart {
    padding: 0.5em 0.25em;
    text-align: center;
    font-size: 0.9em;
    color: var(--c-redpale);
    font-family: var(--ff-play);
    display: none;
}

.fsrli-done {
    padding: 0.5em 0.25em;
    text-align: center;
    color: var(--c-redpale);
    font-family: var(--ff-play);
    font-weight: bold;
    display: none;
}

.reglement-elements-conteneurs[data-source="amo"] .fsrli-m-amo,
.reglement-elements-conteneurs[data-source="amc"] .fsrli-m-amc,
.reglement-elements-conteneurs[data-source="patient"] .fsrli-m-patient {
    background-color: var(--c-jaune);
    border-radius: 10px;
}

.fsrl-item[data-amorestant="0"][data-amcrestant="0"][data-patientrestant="0"],
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0.00"][data-patientrestant="0.00"],
.fsrl-item[data-amorestant="0"][data-amcrestant="0.00"][data-patientrestant="0"],
.fsrl-item[data-amorestant="0"][data-amcrestant="0.00"][data-patientrestant="0.00"],
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0"][data-patientrestant="0"],
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0.00"][data-patientrestant="0"],
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0"][data-patientrestant="0.00"],
.fsrl-item[data-amorestant="0"][data-amcrestant="0"][data-patientrestant="0.00"] {
    opacity: 0.8;
    font-size: 0.9em;
}

.reglement-elements-conteneurs[data-source="amo"] .fsrl-item[data-amorestant="0"],
.reglement-elements-conteneurs[data-source="amo"] .fsrl-item[data-amorestant="0.00"],
.reglement-elements-conteneurs[data-source="amc"] .fsrl-item[data-amcrestant="0"],
.reglement-elements-conteneurs[data-source="amc"] .fsrl-item[data-amcrestant="0.00"],
.reglement-elements-conteneurs[data-source="patient"] .fsrl-item[data-patientrestant="0"],
.reglement-elements-conteneurs[data-source="patient"] .fsrl-item[data-patientrestant="0.00"] {
    opacity: 0.8;
}

.fsrl-item[data-amorestant="0"][data-amcrestant="0"][data-patientrestant="0"] .fsrli-undone,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0.00"][data-patientrestant="0.00"] .fsrli-undone,
.fsrl-item[data-amorestant="0"][data-amcrestant="0.00"][data-patientrestant="0"] .fsrli-undone,
.fsrl-item[data-amorestant="0"][data-amcrestant="0.00"][data-patientrestant="0.00"] .fsrli-undone,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0"][data-patientrestant="0"] .fsrli-undone,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0.00"][data-patientrestant="0"] .fsrli-undone,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0"][data-patientrestant="0.00"] .fsrli-undone,
.fsrl-item[data-amorestant="0"][data-amcrestant="0"][data-patientrestant="0.00"] .fsrli-undone,
.reglement-elements-conteneurs[data-source="amo"] .fsrl-item[data-amorestant="0"] .fsrli-input,
.reglement-elements-conteneurs[data-source="amo"] .fsrl-item[data-amorestant="0.00"] .fsrli-input,
.reglement-elements-conteneurs[data-source="amc"] .fsrl-item[data-amcrestant="0"] .fsrli-input,
.reglement-elements-conteneurs[data-source="amc"] .fsrl-item[data-amcrestant="0.00"] .fsrli-input,
.reglement-elements-conteneurs[data-source="patient"] .fsrl-item[data-patientrestant="0"] .fsrli-input,
.reglement-elements-conteneurs[data-source="patient"] .fsrl-item[data-patientrestant="0.00"] .fsrli-input {
    display: none;
}

.fsrl-item[data-amorestant="0"][data-amcrestant="0"][data-patientrestant="0"] .fsrli-done,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0.00"][data-patientrestant="0.00"] .fsrli-done,
.fsrl-item[data-amorestant="0"][data-amcrestant="0.00"][data-patientrestant="0"] .fsrli-done,
.fsrl-item[data-amorestant="0"][data-amcrestant="0.00"][data-patientrestant="0.00"] .fsrli-done,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0"][data-patientrestant="0"] .fsrli-done,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0.00"][data-patientrestant="0"] .fsrli-done,
.fsrl-item[data-amorestant="0.00"][data-amcrestant="0"][data-patientrestant="0.00"] .fsrli-done,
.fsrl-item[data-amorestant="0"][data-amcrestant="0"][data-patientrestant="0.00"] .fsrli-done,
.reglement-elements-conteneurs[data-source="amo"] .fsrl-item[data-amorestant="0"] .fsrli-input-nopart,
.reglement-elements-conteneurs[data-source="amo"] .fsrl-item[data-amorestant="0.00"] .fsrli-input-nopart,
.reglement-elements-conteneurs[data-source="amc"] .fsrl-item[data-amcrestant="0"] .fsrli-input-nopart,
.reglement-elements-conteneurs[data-source="amc"] .fsrl-item[data-amcrestant="0.00"] .fsrli-input-nopart,
.reglement-elements-conteneurs[data-source="patient"] .fsrl-item[data-patientrestant="0"] .fsrli-input-nopart,
.reglement-elements-conteneurs[data-source="patient"] .fsrl-item[data-patientrestant="0.00"] .fsrli-input-nopart {
    display: block;
}


.fsrl-actes-liste-nopart,
.fsrl-actes-liste-goodpart {
    display: none;
}

.reglement-elements-conteneurs[data-source="amo"] .fsrl-actes-liste-nopart,
.reglement-elements-conteneurs[data-source="amc"] .fsrl-actes-liste-nopart,
.reglement-elements-conteneurs[data-source="patient"] .fsrl-actes-liste-goodpart {
    display: block;
}


.rdv-factu-statut {
    font-family: var(--ff-play);
}


.facturation-factures-item {}

.ffi-checkbox {
    width: 35px;
    min-width: 35px;
    text-align: center;
}

.ffi-options {
    width: 35px;
    min-width: 35px;
    text-align: center;
}

.ffi-contenu {}

.ffi-label {
    font-size: 0.75em;
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
    text-align: center;
    font-weight: normal;
    opacity: 0.8;
}

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

.ffi-identite {}

/* .ffi-identite > a { color: var(--c-red); } */
.ffi-identite>a:hover {
    color: var(--c-link);
}

.ffi-factnum {
    padding: 0.5em 0.1em;
}

.ffi-factnum .ffi-valeur {
    font-family: var(--ff-play);
    font-weight: bold;
}

.ffi-individu {
    padding: 0.5em 0.1em;
    font-size: 0.9em;
    border-radius: 5px;
    background-color: rgba(150, 150, 150, 0.2);
}

.ffi-date {
    padding: 0.5em 0.1em;
}

.ffi-date .ffi-valeur {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.ffi-lot {
    padding: 0.5em 0.1em;
}

.ffi-lot .ffi-valeur {
    font-family: var(--ff-play);
}

.ffi-mode {
    padding: 0.5em 0.1em;
}

.ffi-mode .ffi-valeur {
    font-size: 0.9em;
}

.ffi-nature {
    padding: 0.5em 0.1em;
}

.ffi-nature .ffi-valeur {
    font-size: 0.9em;
}

.ffi-icn-reglement {
    padding: 0.5em 0.1em;
}

.ffi-icn-reglement .ffi-valeur {
    text-align: center;
    color: var(--c-redclaire);
}

.facturation-factures-item[data-montantrestant="0"] .ffi-icn-reglement,
.facturation-factures-item[data-montantrestant="0.00"] .ffi-icn-reglement {
    color: var(--c-green);
}


.ffi-reglements {}

.ffi-reglement {
    padding: 0.5em 0.1em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-redpale);
}

.ffi-nbr {
    color: var(--c-red);
}

.td-parttotal .ffi-nbr-total {
    font-weight: bold;
}

.ffi-nbr-restant {
    font-size: 0.95em;
    color: var(--c-redpale);
}

.ffi-nbr[data-nbr="0"],
.ffi-nbr[data-nbr="0.00"] {
    color: var(--c-redclaire);
    font-weight: normal;
}


.facturation-facture-item {
    margin-bottom: 2em;
}

.fi-mi-label {
    font-family: var(--ff-poppins);
    color: var(--c-redpale);
    font-size: 0.9em;
}

.fi-mi-valeur {
    font-weight: bold;
}

.fi-reglements-contenu {
    max-height: 200px;
    overflow-y: auto;
}

.fi-reglements-item {
    text-align: center;
}

.fi-reglements-item-labels {
    font-size: 0.9em;
}

.firi-id {
    padding: 0.5em 0.25em;
    font-size: 0.8em;
    font-family: var(--ff-play);
    color: var(--c-redclaire);
}

.firi-date {
    font-size: 0.95em;
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
}

.firi-source {
    padding: 0.5em 0.25em;
}

.firi-mode {
    font-size: 0.9em;
    padding: 0.5em 0.25em;
}

.firi-ref {
    font-size: 0.9em;
    padding: 0.5em 0.25em;
    font-style: italic;
}

.firi-montant {
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
    font-weight: bold;
}

.fi-scors-contenu {
    max-height: 200px;
    overflow-y: auto;
}

.fi-scors-item {
    text-align: center;
}

.fi-scors-item-labels {
    font-size: 0.9em;
}

.fisi-id {
    font-size: 0.85em;
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
}

.fisi-date {
    font-size: 0.95em;
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
}

.fisi-source {
    padding: 0.5em 0.25em;
}

.fisi-type {
    font-size: 0.9em;
    padding: 0.5em 0.25em;
}

.fisi-prescripteur {
    font-size: 0.9em;
    padding: 0.5em 0.25em;
}

.fi-actes-contenu {
    max-height: 200px;
    overflow-y: auto;
}

.fi-actes-item {
    text-align: center;
}

.fi-actes-item-labels {
    font-size: 0.9em;
}

.fiai-date {
    font-size: 0.95em;
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
}

.fiai-individu {
    padding: 0.5em 0.25em;
}

.fiai-soin {
    padding: 0.5em 0.25em;
    text-align: left;
}

.fi-cotations-contenu {
    max-height: 200px;
    overflow-y: auto;
}

.fi-cotations-item {
    text-align: center;
}

.fi-cotations-item-labels {
    font-size: 0.9em;
}

.fici-date {
    font-size: 0.95em;
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
}

.fici-cotation {
    font-family: var(--ff-play);
    padding: 0.5em 0.25em;
    text-align: left;
}



.facturation-reglements-item {}

.facturation-reglements-item-encaiss-tr {}

.facturation-reglements-item-encaiss-tr td {
    /* background: var(--c-jaune-05); */
    border-top: 1px solid var(--c-beige);
}

.facturation-reglements-item .td-encaissement {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.9em;
    min-width: 50px;
}

.facturation-reglements-item .td-mode {
    min-width: 90px;
}

.facturation-reglements-item .td-reference {
    font-size: 0.9em;
    font-style: italic;
}

.facturation-reglements-item .td-part {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.facturation-reglements-item .td-montant {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.9em;
    min-width: 110px;
    text-align: right;
}

.facturation-reglements-item-regl-tr td {
    border-top: 1px dashed var(--c-beige-05);
}

.facturation-reglements-item-regl-tr .td-montant {
    font-weight: normal;
    font-size: 0.85em;
}

.facturation-reglements-item-regl-tr .td-nbrelements {
    padding: 5px;
    font-size: 0.85em;
    text-align: left;
    color: var(--c-redpale);
}

.facturation-reglements-item-regl-tr .td-chkbox {
    padding: 5px;
    width: 40px;
}

.facturation-reglements-item-regl-tr .td-rapprochementetat {
    width: 4px;
}

.facturation-reglements-item-regl-tr[data-rapprochement="1"] .td-rapprochementetat {
    background-color: var(--c-green);
}

.fri-checkbox {
    width: 35px;
    min-width: 35px;
    text-align: center;
}

.fri-options {
    width: 35px;
    min-width: 35px;
    text-align: center;
}

.fri-contenu {}

.fri-label {
    font-size: 0.75em;
    font-family: var(--ff-poppins);
    color: var(--c-bluedark);
    text-align: center;
    font-weight: normal;
    opacity: 0.8;
}

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

.fri-identite {
    font-size: 0.95em;
    padding: 0.5em 0.1em;
    font-weight: bold;
    background: var(--c-jaune-05);
    /* border-radius: 5px; */
    color: var(--c-red);
}

.fri-identite>a {
    color: var(--c-red);
}

.fri-identite>a:hover {
    color: var(--c-link);
}

.fri-factnum {
    padding: 0.5em 0.1em;
}

.fri-factunum .fri-valeur {
    font-family: var(--ff-play);
    font-weight: bold;
}

.fri-individu {
    padding: 0.5em 0.1em;
    font-size: 0.9em;
    border-radius: 5px;
    background-color: rgba(150, 150, 150, 0.2);
}

.fri-date {
    padding: 0.5em 0.1em;
}

.fri-date .fri-valeur {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.fri-montant {
    padding: 0.5em 0.1em;
}

.fri-montant .fri-valeur {
    font-family: var(--ff-play);
    font-weight: bold;
}

.fri-mode {
    padding: 0.5em 0.1em;
}

.fri-ref {
    padding: 0.5em 0.1em;
}

.fri-ref .fri-valeur {
    font-size: 0.9em;
    font-style: italic;
}

.fri-part {
    padding: 0.5em 0.1em;
}

.fri-reglement-item {
    margin: 0.25em;
    border-radius: 20px;
    text-align: center;
    font-size: 0.85em;
    overflow: hidden;
    background: var(--c-beige);
    border: 1px solid var(--c-redclaire);
    opacity: 0.8;
}

.friri-individu {
    text-align: center;
    width: 65px;
    min-width: 65px;
    background-color: white;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.friri-individu>div {
    padding: 0.25em;
    height: 100%;
}

.friri-montantselements {}

.friri-montant {
    font-family: var(--ff-play);
    padding: 0.25em;
    padding-left: 0.35em;
    font-weight: bold;
}

.friri-elements {
    padding: 0.25em;
    font-size: 0.9em;
}

.factu-reglements-liste-userreglements {
    max-height: 200px;
    overflow-y: auto;
}


.cotpec-info-warning {
    margin: 0.5em;
    font-size: 0.8em;
    color: var(--c-redpale);
}

	.cotpec-info-warning.cotpec-cot-kimmunodep {
		font-size: 0.9em;
	}

.tecp-conteneur-cotation-global:not(.tecp-conteneur-cotation-globale-cot-k) .cotpec-cot-kimmunodep,
.tecp-conteneur-cotation-global:not(.tecp-conteneur-cotation-globale-cot-needdap) .cotpec-cot-necessitedap,
.tecp-conteneur-cotation-global:not(.tecp-conteneur-cotation-globale-cot-aisbsi) .cotpec-cot-aisbsi,
.tecp-conteneur-cotation-global:not(.tecp-conteneur-cotation-globale-cot-rqd) .cotpec-cot-rqd {
    display: none;
}


.tecp-conteneur-pm-utiliserscor-infoimpossible {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-redpale);
    padding: 5px;
    display: none;
}

.tecp-pm-scorimpossible .tecp-conteneur-pm-utiliserscor-infoimpossible {
    display: block;
}

.tecp-pm-scorimpossible .tecp-conteneur-pm-utiliserscor {
    display: none;
}


.liste-lecteurs-item {
	border-top: 2px solid var(--c-blueclaire);
}

.lli-id {
    text-align: center;
    font-size: 0.85em;
    color: var(--c-bluepale);
    font-family: var(--ff-play);
    padding: 0.5em 0.15em;
    background-color: var(--c-jaune);
    border-bottom-right-radius: 10px;
}

.lli-sn {
    text-align: center;
    font-size: 0.9em;
    font-family: var(--ff-play);
    padding: 0.5em 0.15em;
}

.lli-alias {
    text-align: center;
    font-weight: bold;
    padding: 0.5em 0.15em;
}

.lli-date {
    text-align: center;
    padding: 0.5em 0.15em;
}

.lli-date-lab {
    font-size: 0.8em;
    color: var(--c-redpale);
}

.lli-date-val {
    font-family: var(--ff-play);
}

.lli-infossup {
    padding: 0.25em 0.15em;
}

.lli-accespartages {
    padding: 0.25em 0.15em;
}

.cps-infos-item-label {
    padding: 0.5em;
    font-size: 0.9em;
}

.cps-infos-item-valeur {
    padding: 0.5em;
    font-family: var(--ff-play);
    font-weight: bold;
}

.liste-lecteurs-pour-action-conteneur {}

.liste-lecteurs-pour-action-conteneur-dropdown {
    background-color: white;
    border: 2px solid var(--c-lightgray);
    box-shadow: 0 3px 3px 0 gray;
}

.liste-lecteurs-pour-action-label {
    font-family: var(--ff-poppins);
    font-size: 0.8em;
    padding: 4px 8px;
    color: var(--c-redpale);
}

.liste-lecteurs-pour-action-item {
    margin: 5px;
    border: 1px solid var(--c-redpale);
    border-radius: 5px;
    padding: 5px;
}

.liste-lecteurs-pour-action-item:hover {
    color: white;
}

.llpai-sn {
    font-size: 0.8em;
}

.llpai-nickname {
    font-size: 0.9em;
}

.toolbar {
    background-image: none !important;
}

.cv-liste-item {}

.cvli-identite {
    font-weight: bold;
    color: var(--c-bluedark);
}

.cvli-known {
    color: var(--c-redpale);
    font-size: 0.9em;
}

.cvli-ddn {
    font-size: 0.95em;
}

.cvli-nbrinfos,
.cvli-ss {
    font-size: 0.95em;
}

.cvli-ddn .cvli-label,
.cvli-nbrinfos .cvli-label,
.cvli-ss .cvli-label {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.cvli-ddn .cvli-valeur,
.cvli-nbrinfos .cvli-valeur,
.cvli-ss .cvli-valeur {
    font-family: var(--ff-play);
}

.cvli-ss .cvli-valeur2 {
    font-size: 0.9em;
    color: var(--c-redpale);
}


.tp-amo-caisse-datas {}

.tp-amo-caisse-nom {
    font-weight: bold;
    color: var(--c-bluedark);
}

.tp-amo-caisse-codes {
    font-family: var(--ff-play);
    color: var(--c-redpale);
    font-size: 0.95em;
}

.tp-tpamc-conteneur,
.tp-tpamo-conteneur {
    margin: 0.5em 0.25em !important;
    background-color: var(--c-white);
    box-shadow: 0px 2px 4px #00000029;
    padding: 0.15em;
    padding-bottom: 0;
    border-radius: 20px;
}

.formulaire-t-amc-edition:not([data-gestionfixe="0"]) .tp-tpamc-conteneur-gestion {
    display: none;
}


form:not(#formulaire-t-amc-edition) .tp-tpamc-conteneur {
    margin: 0;
    background-color: transparent;
    box-shadow: none;
}

.tp-amo-pec-datas {
    margin: 0.25em;
    background-color: var(--c-beige-05);
    padding: 0.25em;
    border-radius: 15px;
}

.tp-amo-pec-datas-label {
    font-family: var(--ff-poppins);
    font-size: 0.8em;
    color: var(--c-redpale);
}

.tp-amo-pec-datas ul {
    margin: 0;
}

.tp-amo-pec-taux {
    font-weight: bold;
}

.tp-amo-pec-exo-val {
    font-size: 0.95em;
    color: var(--c-redpale);
}

.tp-amo-pec-codesituation {
    font-family: var(--ff-play);
    color: var(--c-redclaire);
    font-size: 0.9em;
}

.tp-amo-pec-infossup {
    margin: 0.25em;
    font-size: 0.9em;
}

.tp-amo-pec-dates {
    margin: 0.25em;
    font-size: 0.9em;
}

.fp-tableau-infos {
    width: 100%;
    border-collapse: collapse;
}

.fpti-row {
    border-radius: 15px;
    box-shadow: 0px 2px 4px #00000029;
}

.fpti-cell {
    background-color: white;
    height: 35px;
    /* box-shadow: 0px 2px 4px #00000029; */
}

.fpti-cell:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

table:not(.canbeedited) .fpti-cell:last-of-type,
.fpti-categ.editmode table.canbeedited .fpti-cell:last-of-type,
.fpti-categ:not(.editmode) table.canbeedited .fpti-lastcell {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.fpti-label {
    padding: 0.15em 0.5em;
    font-family: var(--ff-poppins);
    font-size: 0.75em;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.fpti-label>span {
	font-family: var(--ff-graphie);
    background: var(--c-red);
    color: var(--c-white);
    border-radius: 10px;
    padding: 2px 6px;
}

.fpti-label-icn {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
}

.fpti-label>span:not(.icn) {
    display: inline-block;
}

.fpti-label>span.icn {
    width: 24px;
    height: 24px;
    border-radius: 100%;
}

.fpti-label-edit {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: var(--c-white);
    background-color: var(--c-redpale);
}

.fpti-row:not(:hover):not(.hover) .fpti-label-edit {
    display: none;
}

.fpti-label-lab {
    /* display: inline-block; */
    font-family: var(--ff-poppins);
    font-size: 0.75em;
    white-space: nowrap;
    background: var(--c-red);
    color: var(--c-white);
    border-radius: 10px;
    padding: 2px 6px;
}

.fpti-val {
    padding: 0.25em 0.5em;
}

.fpti-valsecondaire {
    padding: 0.25em 0.5em;
    color: var(--c-redpale);
    text-align: center;
}

.fpti-row-separate,
.fpti-row-separate td {
    height: 0.3em;
}

.fpti-row-secondaire .fpti-cell {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

@media (max-width: 424px) {
    .fpti-val-hidden-xxs {
        display: none;
    }

    .fpti-row-different-xxs:not(.fpti-row-secondaire) {
        border-radius: 0;
        box-shadow: none;
    }

    .fpti-row-different-xxs:not(.fpti-row-secondaire) .fpti-cell {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 425px) {
    .fpti-row-secondaire {
        display: none;
    }
}

.v4-liste-item:not(.even-force):nth-of-type(odd) .felpf-item-tableau .fpti-cell,
.v4-liste-item:not(.even-force):nth-of-type(odd) .bg-adaptatif .fpti-cell,
.fpti-lecteur .fpti-cell {
    background: var(--c-beigeclaire);
}

.fpti-row.small {}

.fpti-row.small .fpti-cell {
    height: 28px;
}

.fpti-row.small .fpti-val {
    font-size: 0.9em;
}


.felpf-item-tableau {}

.felpf-item-tableau .fpti-cell {
    height: 30px;
}

.felpf-item-tableau .fpti-val {
    font-size: 0.9em;
}

.felpf-item-tableau .fpti-valsecondaire {
    font-size: 0.8em;
}

.felpf-item-tableau .fpti-val-montant {
    font-family: var(--ff-play);
    font-weight: bold;
    color: var(--c-bluepale);
}

#msg-cookies {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9000;
    background-color: var(--c-beige);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px solid gray;
}

#overlay-connexion {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    /* z-index: 9000; */
    z-index: var(--zi-lvl-84);
    overflow: auto;
    /* background-color: var(--c-base-beige); */
    /* background-image: url('./images/site/dots_footer.png'); */
    /* background-repeat: no-repeat; */
    /* background-position: 1% bottom; */
    background-color: white;
    background-image: linear-gradient(to bottom, var(--c-redclaire-05), var(--c-white) 15%, var(--c-white) 88%, var(--c-redclaire-05) 98%);
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#overlay-connexion img {
    max-width: 90%;
}

#overlay-connexion:not(.show) {
    display: none;
}


.index-app-btn {
    width: 155px;
    height: 130px;
    margin: 2px 1px;
    background-color: var(--c-beige);
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px 5px 10px #00000029;
    color: var(--c-white);
    background-size: cover;
    background-repeat: no-repeat;
    border: 3px solid var(--c-red);
}

.index-app-btn>div {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.index-app-btn>div>div {
    font-size: 1.05em;
    font-weight: bold;
    margin: 1.25em 0em;
    background-color: var(--c-red);
    padding: 0.5em;
    padding-right: 1em;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    color: var(--c-white);
    max-width: 90%;
}

.tfichier-date-concordance {
    padding: 0.25em 0.5em;
    font-size: 0.9em;
    font-family: var(--ff-play);
    color: red;
}

.table-t-generique,
.factu-factures-table-rsp,
#factu-factures-table {
    min-width: 100%;
    position: relative;
    text-align: center;
}

.table-t-generique tr,
.factu-factures-table-rsp tr,
#factu-factures-table tr {
    height: 1px;
}

.table-t-generique td,
.factu-factures-table-rsp td,
#factu-factures-table td {
    height: 1px;
}

@-moz-document url-prefix() {

	.table-t-generique td,
    .factu-factures-table-rsp td,
    #factu-factures-table td {
        height: 100%;
    }
}

.table-t-generique thead,
.table-t-generique tfoot,
.factu-factures-table-rsp thead,
#factu-factures-table thead {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--c-redclaire);
    z-index: 10;
}

.table-t-generique thead td,
.table-t-generique tfoot td,
.factu-factures-table-rsp thead td,
#factu-factures-table thead td {
    background-color: var(--c-redclaire);
    text-align: center;
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    padding: 4px 2px;
}

.factu-factures-table-rsp .td-chkbox,
#factu-factures-table .td-chkbox {
    min-width: 40px;
}

.factu-factures-table-rsp tbody .td-chkbox label,
#factu-factures-table tbody .td-chkbox label {
    min-height: 100%;
    height: auto;
    height: 100%;
}

.factu-factures-table-rsp .td-patient,
#factu-factures-table .td-patient {
    min-width: 190px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	font-family: var(--ff-graphie);
}

.factu-factures-table-rsp tbody .td-patient>a,
#factu-factures-table tbody .td-patient>a {
    min-height: 100%;
    height: auto;
    height: 100%;
    color: var(--c-red);
    font-size: 0.95em;
    font-weight: bold;
}

.factu-factures-table-rsp tbody .td-patient>a:hover,
#factu-factures-table tbody .td-patient>a:hover {
    color: var(--c-link);
}

.td-voirfact {
    width: 40px;
}

.td-voirfact a {
    width: 35px;
    height: 100%;
    opacity: 0.6;
}

.td-voirfact a:hover {
    opacity: 1;
}

.factu-factures-table-rsp .td-facture,
#factu-factures-table .td-facture {
    min-width: 130px;
}

.factu-factures-table-rsp tbody .td-facture>a,
#factu-factures-table tbody .td-facture>a {
    min-height: 100%;
    height: auto;
    height: 100%;
    font-family: var(--ff-play);
    font-weight: bold;
}

.factu-factures-table-rsp .td-pro,
#factu-factures-table .td-pro {
    min-width: 55px;
}

.factu-factures-table-rsp tbody .td-pro,
#factu-factures-table tbody .td-pro {
    font-size: 0.9em;
	font-family: var(--ff-graphie);
}

.factu-factures-table-rsp .td-date,
#factu-factures-table .td-date {
    min-width: 60px;
}

.factu-factures-table-rsp tbody .td-date,
#factu-factures-table tbody .td-date {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

.factu-factures-table-rsp .td-actes,
#factu-factures-table .td-actes {
    min-width: 70px;
}

.factu-factures-table-rsp .td-lot,
#factu-factures-table .td-lot {
    min-width: 65px;
}

.factu-factures-table-rsp .td-teletrans,
#factu-factures-table .td-teletrans {
    min-width: 65px;
}

.factu-factures-table-rsp tbody .td-lot,
#factu-factures-table tbody .td-lot {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp tbody .td-teletrans,
#factu-factures-table tbody .td-teletrans {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp tbody .td-nbritems,
#factu-factures-table tbody .td-nbritems {
    font-family: var(--ff-play);
	font-size: 0.95em;
	text-align: right;
	padding-right: 4px;
}

.factu-factures-table-rsp tbody .td-teletransstatut,
#factu-factures-table tbody .td-teletransstatut {
    font-family: var(--ff-play);
	font-size: 0.95em;
}

.factu-factures-table-rsp .td-scors,
#factu-factures-table .td-scors {
    min-width: 55px;
}

.factu-factures-table-rsp tbody .td-scors,
#factu-factures-table tbody .td-scors {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-etat,
#factu-factures-table .td-etat {
    min-width: 145px;
    padding: 4px 0;
}

.factu-factures-table-rsp .td-mode,
#factu-factures-table .td-mode {
    min-width: 95px;
}

.factu-factures-table-rsp .td-caisse,
#factu-factures-table .td-caisse {
	padding: 3px;
	font-size: 0.85em;
	min-width: 140px;
}

.factu-factures-table-rsp tbody .td-mode,
#factu-factures-table tbody .td-mode {
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-nature,
#factu-factures-table .td-nature {
    min-width: 100px;
}

.factu-factures-table-rsp tbody .td-nature,
#factu-factures-table tbody .td-nature {
    font-size: 0.85em;
}

.factu-factures-table-rsp .td-regl,
#factu-factures-table .td-regl {
    min-width: 6px;
    background-color: var(--c-gray);
}

.factu-factures-table-rsp .facturation-factures-item.facturation-factures-regl-partiel .td-regl,
#factu-factures-table .facturation-factures-item.facturation-factures-regl-partiel .td-regl {
    background-color: orange;
}

.factu-factures-table-rsp .facturation-factures-item.facturation-factures-regl-total .td-regl,
#factu-factures-table .facturation-factures-item.facturation-factures-regl-total .td-regl {
    background-color: green;
}

.factu-factures-table-rsp .facturation-factures-item.facturation-factures-regl-0 .td-regl,
#factu-factures-table .facturation-factures-item.facturation-factures-regl-0 .td-regl {
    background-color: red;
}

.factu-factures-table-rsp .td-partamo,
#factu-factures-table .td-partamo {
    min-width: 110px;
}

.factu-factures-table-rsp tbody .td-partamo,
#factu-factures-table tbody .td-partamo {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-partamc,
#factu-factures-table .td-partamc {
    min-width: 110px;
}

.factu-factures-table-rsp tbody .td-partamc,
#factu-factures-table tbody .td-partamc {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-partpatient,
#factu-factures-table .td-partpatient {
    min-width: 110px;
}

.factu-factures-table-rsp tbody .td-partpatient,
#factu-factures-table tbody .td-partpatient {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-parttotal,
#factu-factures-table .td-parttotal {
    min-width: 110px;
}

.factu-factures-table-rsp tbody .td-parttotal,
#factu-factures-table tbody .td-parttotal {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp .facturation-factures-item.facturation-factures-item-defacture,
#factu-factures-table .facturation-factures-item.facturation-factures-item-defacture {
    opacity: 0.9;
}

.factu-factures-table-rsp .facturation-factures-item.facturation-factures-item-defacture td,
.factu-factures-table-rsp .facturation-factures-item.facturation-factures-item-defacture td>div,
.factu-factures-table-rsp .facturation-factures-item.facturation-factures-item-defacture td>a,
#factu-factures-table .facturation-factures-item.facturation-factures-item-defacture td,
#factu-factures-table .facturation-factures-item.facturation-factures-item-defacture td>div,
#factu-factures-table .facturation-factures-item.facturation-factures-item-defacture td>a {
    color: var(--c-gray);
}

.factu-factures-table-rsp .td-lottype,
#factu-factures-table .td-lottype {
    min-width: 55px;
}

.factu-factures-table-rsp tbody .td-lottype,
#factu-factures-table tbody .td-lottype {
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-lotstatut,
#factu-factures-table .td-lotstatut {
    min-width: 110px;
}

.factu-factures-table-rsp tbody .td-lotstatut,
#factu-factures-table tbody .td-lotstatut {
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-nbrfse,
#factu-factures-table .td-nbrfse {
    min-width: 50px;
}

.factu-factures-table-rsp tbody .td-nbrfse,
#factu-factures-table tbody .td-nbrfse {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-type,
#factu-rsp-liste-table .td-type {
    min-width: 95px;
    font-size: 0.95em;
    font-family: var(--ff-graphie);
    font-weight: bold;
}

.factu-factures-table-rsp .td-caisse,
#factu-rsp-liste-table .td-caisse {
    min-width: 160px;
    font-size: 0.9em;
}

.factu-factures-table-rsp .td-infosvir1,
#factu-rsp-liste-table .td-infosvir1,
.factu-factures-table-rsp .td-infosvir2,
#factu-rsp-liste-table .td-infosvir2 {
    min-width: 160px;
    font-size: 0.85em;
    padding: 0 3px;
}

.factu-factures-table-rsp .td-infosvirorganisme,
#factu-rsp-liste-table .td-infosvirorganisme {
    min-width: 100px;
    font-size: 0.85em;
    padding: 0 3px;
}

.factu-factures-table-rsp .td-montanttotal,
#factu-rsp-liste-table .td-montanttotal {
    text-align: right;
    font-family: var(--ff-play);
    padding: 0 3px;
    font-weight: bold;
}


.factu-factures-table-rsp .td-libelle,
#factu-rsp-liste-table .td-libelle {
    min-width: 220px;
    font-size: 0.9em;
    padding: 2px;
}

.factu-factures-table-rsp .td-autreinfos,
#factu-rsp-liste-table .td-autreinfos {
    min-width: 180px;
    font-size: 0.9em;
    padding: 2px;
}

.facturation-rapprochements-item {}

.facturation-rapprochements-item:not(.facturation-reglements-item-regl-tr) .td-encaissement {
    background-color: var(--c-jaune-05);
}

.facturation-rapprochements-item .td-compte {
    font-size: 0.9em;
}

.facturation-rapprochements-item .td-pro {
    padding: 5px;
}

.facturation-rapprochements-item.facturation-reglements-item-regl-tr {
    font-size: 0.85em;
    color: var(--c-redpale);
}

.facturation-rapprochements-item.facturation-reglements-item-regl-tr .fri-identite {
    background-color: transparent;
	text-align: left;
}

.facturation-rapprochements-item.facturation-reglements-item-regl-tr .td-nbritems {
    font-size: 0.9em;
}



.input-km-conteneur {}

.ikc-valknown {
    display: none;
    background-color: var(--c-beige);
    border-radius: 10px;
    padding: 2px;
    margin: 2px;
    font-family: var(--ff-play);
}

.ikc-input {}

.input-km-conteneur.valknown .ikc-valknown {
    display: block;
}

.input-km-conteneur.valknown .ikc-putlastknown,
.input-km-conteneur.valknown .ikc-input {
    display: none;
}

.ikc-putlastknown {
    font-family: var(--ff-play);
    font-size: 0.8em;
    text-align: right;
    padding: 2px;
    color: var(--c-bluedark);
}

.agenda-note-journee {}

.agenda-note-journee-cadre {
    margin: 0.5em;
    padding: 0.5em;
    border-radius: 20px;
    font-family: var(--ff-graphie);
    background-color: var(--c-jaune);
    font-size: 0.9em;
    border: 1px solid var(--c-beige);
    background-image: url("./images/site/background_citation_20px.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-position: right 6px top 2px;
}

.agenda-note-journee-cadre.click-ajax:hover {
    border: 1px solid var(--c-redpale);
}

.agenda-note-journee-cadre-texte {
    max-height: 200px;
    overflow-y: auto;
}

.agenda-note-journee-cadre-edition {
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-redpale);
    text-align: right;
}

.agenda-note-journee-cadre-edition img {
    width: 12px;
}

.noteagenda-item-conteneur .agenda-note-journee-cadre-edition {
    font-size: 0.9em;
    padding: 0 0.5em;
}

.noteagenda-item-conteneur .agenda-note-journee-cadre-edition img {
    width: 16px;
}

#felp-lancer-securisation-conteneur-cps:not(.showed) {
    display: none;
}

.sign-rs {
    margin-top: 1em;
}

.sign-rs a,
.sign-rs .lien {
    max-width: 45px;
    min-width: 35px;
    padding: 2px;
}

#footer-networks .lien,
.sign-rs .lien {
    width: 40px;
    height: 40px;
    background-color: var(--c-beige);
    border-radius: 100%;
}

#footer-networks a {
    max-width: 40px;
    min-width: 40px;
    padding: 2px;
}

#footer-networks .lien {
    max-width: 36px;
    min-width: 36px;
    height: 36px;
    color: var(--c-red);
}

#footer-networks a:active,
#footer-networks a:focus,
.sign-rs a:active,
.sign-rs a:focus {
    padding: 3px;
}

#footer-networks a img,
#footer-networks .lien,
.sign-rs .lien,
.sign-rs a img {
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: filter 0.3s linear;
}

#footer-networks .lien-conteneur,
.sign-rs .lien-conteneur {
	width: 40px;
	height: 40px;
}
#footer-networks .lien-wa,
.sign-rs .lien-wa {
	background-color: #9ece70;
	color: white;
}

#footer-networks a:hover img,
#footer-networks .lien:hover,
.sign-rs a:hover img,
.sign-rs .lien:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

.tfstl {}

.tfstl-nom {
    padding: 0.5em;
    font-weight: bold;
}

.tfstl-icn {
    padding: 0.25em;
}

.tfstl.attached {}

.tfstl.attached .tfstl-nom {
    color: var(--c-redclaire);
    font-style: italic;
}

.tfstl.attached .btn-tfstl-attacher,
.tfstl:not(.attached) .btn-tfstl-detacher {
    display: none;
}

.drop-files-here-container {
    position: relative;
    min-height: 70px;
}


.drop-files-here {
    border: 4px dashed gray;
    font-family: var(--ff-play);
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    background-color: rgba(250, 250, 250, 0.7);
    z-index: 10;
}

.drop-files-here-container:hover .drop-files-here,
.drop-files-here.overing,
.drop-files-here:hover {
    border-color: black !important;
}

html:not(.showdropfiles) .drop-files-here {
    display: none;
}

.drop-files-here>div {
    margin: 0.5em;
    padding: 0.5em;
    background-color: white;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    color: var(--c-red);
}


#bandeau-transmission {
    height: 65px;
    width: 100%;
    background-color: var(--c-jaune);
    top: 0;
    position: fixed;
    z-index: var(--zi-lvl-3b);
    overflow-y: auto;
}

html:not(.transmitprocessing) #bandeau-transmission {
    display: none;
}

#bt-icn {
    text-align: center;
    padding: 3px 5px;
    color: var(--c-redpale);
}

#bt-infos {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
}

html.transmitprocessing #conteneur-general,
html.transmitprocessing #menu {
    /* margin-top: 65px; */
	/* padding-bottom: 65px; */
	padding-top: 65px;
}

html.transmitprocessing #top-pan {
    top: 65px;
}

html:not(.transmitprocessing) .t-fact-a-teletrans-encours,
html.transmitprocessing .t-fact-a-teletrans-nombre {
    display: none;
}

#bandeau-transmission:not(.done) #bt-infos-done,
#bandeau-transmission:not(.done-but-errors) #bt-infos-done-but-errors,
#bandeau-transmission:not(.error) #bt-infos-error,
#bandeau-transmission.done #bt-infos-processing,
#bandeau-transmission.error #bt-infos-processing {
    display: none;
}

.msg-fsv-resolution {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
    text-align: left;
    margin: 1 em 0.5em;
}

.tp-fsv-adresses-communes {
    font-family: var(--ff-play);
    font-size: 0.85em;
    font-style: italic;
}

.fp-cvlue,
.fp-amclue {
    color: var(--c-vitale-1);
}

.fp-cvnonlue,
.fp-amcnonlue {
    color: var(--c-red);
    opacity: 0.7;
}

.fiche-patients-onglets {}

.fpo-onglet {
    width: calc(100% / 6);
    min-width: calc(100% / 6);
    min-width: max(40px, calc(100% / 6));
    max-width: calc(100% / 6);
}

.fiche-patients-onglets.fpo-avec-factu .fpo-onglet {
    width: calc(100% / 7);
    min-width: calc(100% / 7);
    min-width: max(40px, calc(100% / 7));
    max-width: calc(100% / 7);
}

.fpo-onglet.tocheck {
    color: red;
}

.btn-lecteur-arrow-conteneur {
    max-width: 45px;
    min-width: 42px;
}

.btn-lecteur-arrow-conteneur .bton-lab {
    padding: 0;
}

.input-lecteur-codecps,
#input-lecteur-codecps {
    -webkit-text-security: disc;
    -moz-webkit-text-security: disc;
    -moz-text-security: disc;
}

.tp-identite-nomusuel,
.tp-identite-prenomusuel {
    font-size: 0.9em;
}

.alt-c--r-c-patient-p .tp-identite-nomusuel,
.alt-c--r-c-patient-p .tp-identite-prenomusuel {
    font-size: 0.8em;
}

#liste-amc-conventions-search-inputconteneur {
    margin: 0.5em;
}

#amc-conventions-liste-recherche-erase {
    width: 30px;
    text-align: center;
    opacity: 0.05;
}

#amc-conventions-liste-recherche-erase.using {
    opacity: 1;
}


.ipt-barcode {
    background-color: var(--c-beige);
    color: var(--c-bluedark);
}

.ipt-barcode:hover {
    background-color: var(--c-beigepale);
    color: var(--c-red);
}

.form-legende-replie {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
    position: relative;
}

.form-legende-replie-label {
    display: none;
}

.form-legende-replie .form-legende-replie-texte {
    visibility: hidden;
}

.form-legende-replie .form-legende-replie-label {
    display: block !important;
    font-family: var(--ff-graphie);
    color: var(--c-link);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    height: 40px;
}

.form-legende-replie-label>div>div {
    padding: 4px;
    background-color: var(--c-jaune);
    border-radius: 10px;
}


.admin-msginfos-item {
    text-align: center;
}

.ami-statutactif {}

.admin-msginfos-item[data-actif="0"] {
    opacity: 0.6;
}

.admin-msginfos-item[data-actif="1"] .ami-statutactif {
    background-color: green;
}

.admin-msginfos-item[data-actif="0"] .ami-statutactif {
    background-color: red;
}

.ami-date {
    font-family: var(--ff-play);
    font-size: 0.95em;
    padding: 3px;
}

.ami-uid {
    font-size: 0.95em;
    padding: 3px;
}

.ami-stats {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 3px;
}

.ami-cibles {
    font-size: 0.9em;
}

.ami-texte {
    text-align: left;
    padding: 0.5em;
    font-style: italic;
}

.ami-options {
    padding: 3px;
    padding-bottom: 5px;
}

.admin-msginfos-item[data-actif="0"] .ami-options {
    display: none;
}


.factu-stats-atraiter {
    margin: 0.5em;
    border-radius: 15px;
    background-color: var(--c-beige-02);
    overflow: hidden;
    /* border: 1px solid var(--c-redpale); */
}

.factu-stats-atraiter-titre-conteneur {
    background-color: var(--c-jaune);
    padding: 10px 2px;
}

.factu-stats-atraiter-titre {
    text-align: center;
    font-family: var(--ff-graphie);
    font-size: 0.8em;
    font-weight: bold;
    color: red;
}

.factu-stats-atraiter table {
    font-size: 0.85em;
    margin: 5px;
}

.factu-stats-atraiter table td {
    padding: 3px;
}

.factu-stats-atraiter-valeur {
    text-align: right;
    font-family: var(--ff-play);
}


#form-t-fichier-alerte-gerer {}

#form-t-fichier-alerte-gerer[data-renouvellementrecu="1"] {}

#form-t-fichier-alerte-gerer[data-renouvellementrecu="1"] .hide-if-renouvellementrecu,
#form-t-fichier-alerte-gerer[data-renouvellementrecu="0"] .hide-if-renouvellementnonrecu,
#form-t-fichier-alerte-gerer[data-demandefaite="1"] .hide-if-demandefaite,
#form-t-fichier-alerte-gerer[data-demandefaite="0"] .hide-if-demandenonfaite,
#form-t-fichier-alerte-gerer[data-etat="1"] .hide-if-etat1,
#form-t-fichier-alerte-gerer[data-etat="0"] .hide-if-etat0 {
    display: none;
}


.tfga-affichage-item {}

.tfga-affichage-item[data-typeaffichage="liste_fichiers"] {
    margin: 1em 0.25em;
    background-color: var(--c-beige-05);
    border-radius: 10px;
    padding: 0.25em 0.5em;
}


.ipt-mdp-changetype {
    width: 28px;
    color: var(--c-bluepale);
}

div[data-mdpvisibilite="1"] .ipt-mdp-changetype .oeil-visible,
div[data-mdpvisibilite="0"] .ipt-mdp-changetype .oeil-cache {
    display: none;
}

#conteneur-chat-colonne {
    width: var(--chat-colonne);
    min-width: var(--chat-colonne);
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 200px;
}

body.no-chat #conteneur-chat-colonne {
    display: none;
}

#conteneur-chat-colonne-contenu {
    background: white;
    border-right: 1px solid var(--c-beige-05);
    border-bottom: 1px solid var(--c-beige-05);
    height: 100%;
    overflow: hidden;
}

#ccc-icn {
    height: 50px;
}

#conteneur-chat-colonne-voirplus {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: var(--c-beige);
    height: 40px;
}

.ccc-recherche-conteneur {}

html:not(.chatFullsized) .ccc-recherche-conteneur {
    display: none;
}

#chat-colonne-recherche-resultats {
    min-height: 85px;
}

.ccc-convers {
    height: 60px;
    position: relative;
}

.ccc-convers.ccc-convers-avecrecherche {
    height: auto;
    min-height: 60px;
}

.cccc-recherche-infos {
    font-size: 0.8em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    text-align: left;
}

.cccc-recherche-infos .generique-miniliste-item {
    font-size: 1em;
    background-color: var(--c-beige-05);
    text-align: left;
}



.cccc-avatar {}

.cccc-avatar img {
    max-width: 35px;
    border: 1px solid var(--c-beige) !important;
}

.cccc-avatar .csi-icn,
.cccc-icn {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 1px solid var(--c-beige);
    background-color: #eeeeee;
}

.cccc-sujet {
    font-family: var(--ff-graphie);
    font-size: 0.7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 2px;
    width: 100%;
}

.ccc-convers.ccc-convers-avecrecherche .cccc-sujet {
    padding: 5px 2px;
}

.cccc-s-date {
    color: var(--c-redclaire);
    font-family: var(--ff-play);
    font-size: 0.8em;
}

.cccc-notif {
    position: absolute;
    top: 2px;
    right: 7px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: red;
    border: 1px solid white;
}

.ccc-convers[data-new="0"] .cccc-notif {
    display: none;
}

.cccc-issupport {
    position: absolute;
    top: 2px;
    left: 1px;
    width: 19px;
    height: 19px;
	border-radius: 100%;
	background-color: white;
	border: 1px solid red;
	padding: 0.4px;
}

	.ccc-convers[data-done="1"] .cccc-issupport {
		border-color: white;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: 0.8;
	}

.cccc-isdone {
    position: absolute;
    bottom: 8px;
    right: 2px;
    width: 10px;
    height: 10px;
	border-radius: 100%;
	border: 1px solid white;
	background-color: red;
}


.ccc-convers.click-ajax:hover {
    background-color: var(--c-beige-03);
}

.cccc-tdb {
    position: absolute;
    width: 35px;
    left: calc(100% - 36px);
    top: 6px;
    background-color: red;
    color: white;
    font-size: 11px;
    border-radius: 10px;
    opacity: 0.95;
    font-weight: bold;
    border: 1px solid transparent;
}

.ccc-convers[data-new="0"] .cccc-tdb {
    background-color: white;
    border-color: red;
    color: red;
    opacity: 0.9;
}

.cccc-tdb[data-tdbu="34489"] {
    top: 24px;
}

.ccc-convers:not([data-tdb-1="1"]) .cccc-tdb[data-tdbu="1"],
.ccc-convers:not([data-tdb-34489="1"]) .cccc-tdb[data-tdbu="34489"] {
    display: none;
}

#chat-conversations-popup {
    position: fixed;
    bottom: 0;
    width: calc(100% - var(--chat-colonne));
    left: var(--chat-colonne);
    pointer-events: none;
    z-index: var(--zi-lvl-2);
}

#ccp-contenu {
    height: 490px;
}

.ft-chat-wordrecherche {
    background: var(--c-jaune);
}

.chat-conversation-affichage {
    width: 300px;
    min-width: 300px;
    pointer-events: auto;
    height: 100%;
    background-color: white;
    border: 2px solid var(--c-beige);
    border-bottom: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    margin: 0 5px;
}

.cca-recherche {
    background: var(--c-beige-05);
}

.cca-recherche-inputconteneur {}

.cca-gifs-content .form-ligne-champs,
.cca-gifs-content .form-ligne-champs::after,
.cca-emojis-content .form-ligne-champs,
.cca-emojis-content .form-ligne-champs::after,
.cca-chatmodeles-content .form-ligne-champs,
.cca-chatmodeles-content .form-ligne-champs::after,
.cca-recherche-inputconteneur .form-ligne-champs,
.cca-recherche-inputconteneur .form-ligne-champs::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.cca-recherche-rslts {
    min-width: 20px;
    font-family: var(--ff-play);
    font-size: 0.8em;
    padding-right: 2px;
    padding-left: 4px;
}

.cca-recherche-navig {}

.cca-recherche-navig--item {
    width: 35px;
}

.cca-recherche[data-nbr="0"] .cca-recherche-navig {
    display: none;
}

.cca-recherche[data-nbr="0"] .cca-recherche-rslts {
    padding-right: 4px;
}

.cca-recherche[data-nbr="0"] .cca-recherche-navig--item-down,
.cca-recherche[data-actuel=""] .cca-recherche-navig--item-down,
.cca-recherche[data-actuel="0"] .cca-recherche-navig--item-down,
.cca-recherche .cca-recherche-navig--item.void {
    color: var(--c-redclaire);
    cursor: normal;
}

.cca-bandeau {
    padding: 4px 2px;
    background: var(--c-beige);
    width: 100%;
}

.ccab-sujet {
    /* width: calc(100% - 48px); */
    width: calc(100% - 114px);
    position: relative;
}

.ccab-sujet>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ccab-s-icone {}

.ccab-s-icone .csi-icn {
    width: 26px;
    height: 26px;
    border: 1px solid var(--c-bluepale);
    background-color: #eeeeee;
    border-radius: 100%;
    overflow: hidden;
}

.ccab-s-icone img {
    width: 26px;
}

.ccab-s-sujet {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 3px;
}


.ccab-tdbs {
    position: absolute;
    width: 49px;
    top: calc(50% - 12px);
    right: 16px;
    pointer-events: none;
}

.ccab-tdb {
    opacity: 0.8;
}

.ccab-tdb img {
    width: 24px;
    height: 24px;
    border: 2px solid red !important;
}

.chat-conversation-affichage:not([data-tdb-1="1"]) .ccab-tdb[data-tdbu="1"],
.chat-conversation-affichage:not([data-tdb-34489="1"]) .ccab-tdb[data-tdbu="34489"] {
    display: none;
}

.ccab-options {
    /* min-width: 46px; */
    /* width: 46px; */
    min-width: 114px;
    width: 114px;
}

.ccab-option {
    color: var(--c-redpale);
    transition: all 0.2s linear;
}

.ccab-option:hover {
    color: var(--c-red);
}

.chat-conversation-affichage.reduced .ccab-option .icn-reduire,
.chat-conversation-affichage.reduced .ccab-option-config,
.chat-conversation-affichage:not(.reduced) .ccab-option .icn-developper {
    display: none;
}

.ccab-option.isOn {
    color: var(--c-bluedark);
    transform: rotate(-5deg);
}

.cca-contenu-conteneur {
    overflow: hidden;
    position: relative;
}

.cca-contenu {
    overflow-y: auto;
    width: 100%;
    position: relative;
}

.ccac-message {
	position: relative;
    margin: 2px 0;
    padding: 0 4px;
}

.ccac-message-info {
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    color: var(--c-redpale);
}

.ccac-message-info:hover {
    color: var(--c-red);
}

.ccac-message-msg {
    max-width: calc(100% - 35px);
}

.ccac-m-bandeau {}

.ccac-mb-individu {
    font-family: var(--ff-graphie);
    font-size: 12.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--c-redpale);
    padding-right: 2px;
}

	.ccac-mb-individu-identite {
		font-size: 12px;
		color: var(--c-redclaire);
	}

.ccac-mb-individu img {
    width: 18px;
}

.ccac-message-self .ccac-mb-individu img {
    width: 15px;
    opacity: 0.7;
}

.ccac-mb-horodatage {
    font-family: var(--ff-play);
    font-size: 11px;
    white-space: nowrap;
    color: var(--c-blueclaire);
    padding-right: 1px;
}

	.ccac-mb-horodatage-icn {
		width: 8px;
		min-width: 8px;
		max-width: 8px;
		height: 8px;
		min-height: 8px;
		max-height: 8px;
		border-radius: 100%;
		background-color: red;
		margin-right: 1px;
	}
	
.ccac-newmsg-dot {
	position: absolute;
	top: 5px;
	right: 24px;
	width: 10px;
	min-width: 10px;
	max-width: 10px;
	height: 10px;
	min-height: 10px;
	max-height: 10px;
	border-radius: 100%;
	background-color: red;
}

.ccac-m-contenu {
    border-radius: 10px;
    background-color: var(--c-beige-03);
    padding: 6px;
    padding-bottom: 10px;
    font-size: calc(var(--fs-base) * 13.5px);
}

.ccac-m-contenu-reference {
    margin: 1px;
    background-color: rgba(250, 250, 250, 0.5);
    border-radius: 15px;
    padding: 2px 6px;
    box-shadow: 0 0 3px lightgray;
    margin-bottom: 5px;
}

.ccac-mcr-bandeau {
    font-family: var(--ff-play);
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--c-redpale);
}

.ccac-mcr-contenu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ccac-mcr-bandeau img {
    width: 14px;
}

.ccac-m-contenu-val {
    word-wrap: break-word;
	text-align: justify;
}

	.ccac-m-contenu-val .bbcode-html-title,
	.ccac-m-contenu-val .bbcode-html-subtitle {
		font-size: medium;
		font-size: larger;
	}
	
	.ccac-m-contenu-val ul {
		padding-inline-start: 20px;
	}

	.ccac-message--media:not(.ccac-message--media-vocal):not(.ccac-message--etat-0) .ccac-m-contenu-val {
		min-height: 150px;
	}

.ccac-m-contenu-val p:first-child {
    margin-top: 0;
}

.ccac-m-contenu-val p:last-child {
    margin-bottom: 0;
}

.ccac-m-cv-je {
    font-size: 22px;
}

.ccac-m-contenu-val-edited {
    margin-top: 2px;
    font-family: var(--ff-play);
    font-size: 10px;
    text-align: right;
    color: var(--c-redclaire);
}

.ccac-message-self {
    opacity: 0.9;
    padding-right: 2px;
}

.ccac-message-self .ccac-m-contenu {
    background-color: var(--c-redclaire-05);
}

.ccac-message-notif {
    width: 100%;
}

.ccac-message-notif .ccac-message-msg {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

.ccac-message.ccac-message--new {}

.ccac-message.ccac-message--new .ccac-mb-horodatage {
    color: var(--c-red);
    font-weight: bold;
}

.ccac-message:not(.ccac-message--new) .ccac-newmsg-dot,
.ccac-message:not(.ccac-message--new) .ccac-mb-horodatage-icn {
	display: none;
}


.ccac-m-options {
    margin-top: -8px;
    padding: 0 3px;
}

.ccacmo-option-conteneur {}

.ccacmo-option {
    width: 29px;
    height: 29px;
    background-color: white;
    box-shadow: 0 0 3px lightgray;
    border-radius: 100%;
    color: var(--c-redpale);
    opacity: 0.8;
    transition: all 0.1s linear;
}

.ccacmo-option:hover {
    color: var(--c-red);
    opacity: 1;
}

.ccacmo-option-conteneur-emojis {
    background: white;
    border-radius: 20px;
    box-shadow: 0 0 3px lightgray;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 2;
}

.ccacmo-emoji {
    width: 29px;
    height: 29px;
    font-size: 15px;
    -webkit-filter: grayscale(30%);
    -moz-filter: grayscale(30%);
    -o-filter: grayscale(30%);
    -ms-filter: grayscale(30%);
    filter: grayscale(30%);
}

.ccacmo-emoji:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    background-color: var(--c-jaune);
}

.ccacmo-emoji.emoji-selected {
    background-color: var(--c-jaune);
}

.ccac-message.showEmojis .ccacmo-option-conteneur-repondre,
.ccac-message:not(.showEmojis) .ccacmo-option-conteneur-emojis {
    display: none;
}

.ccacmo-option-conteneur-reactions {}

.ccacmo-option-conteneur-reactions.ccacmo-option-reactionset {}

.ccacmo-option-conteneur-reactions.ccacmo-option-reactionset .ccacmo-option {
    width: auto;
    min-width: 29px;
    border-radius: 10px;
    font-size: 15px;
    opacity: 1;
    padding: 0 3px;
}

.ccac-message:hover.showEmojis .ccacmo-option-conteneur-reactions.ccacmo-option-reactionset .ccacmo-option,
.ccac-message.hover.showEmojis .ccacmo-option-conteneur-reactions.ccacmo-option-reactionset .ccacmo-option {
    opacity: 0.3;
}

.ccacmo-reaction-nbr {
    font-family: var(--ff-play);
    font-size: 12px;
    padding-right: 2px;
    margin-left: -1px;
}

.ccac-message-reaction .ccac-message-msg {
    font-size: 10.5px;
    text-align: center;
    width: 100% !important;
    max-width: 100% !important;
    padding: 3px;
    margin-bottom: 5px;
    color: var(--c-redpale);
}

	.ccac-message-reaction .ccac-mb-individu-identite {
		display: none;
	}

.ccac-message-reaction .ccac-message-msg img {
    width: 14px;
}

.ccac-message--chcstatut .ccac-message-msg {
    font-size: 9.5px;
    text-align: center;
    width: 100% !important;
    max-width: 100% !important;
    padding: 3px;
    margin-bottom: 5px;
    color: var(--c-redpale);
    background-color: var(--c-jaune-05);
    border-radius: 5px;
}

.ccac-message--chcstatut .ccac-message-msg img {
    width: 14px;
}

.ccac-message-info,
.ccac-m-options .ccacmo-option-conteneur:not(.ccacmo-option-reactionset) {
    visibility: hidden;
}

.ccac-message:hover .ccac-message-info,
.ccac-message.hover .ccac-message-info,
.ccac-message.showEmojis .ccac-message-info,
.ccac-message:hover .ccac-m-options .ccacmo-option-conteneur,
.ccac-message.showEmojis .ccac-m-options .ccacmo-option-conteneur,
.ccac-message.hover .ccac-m-options .ccacmo-option-conteneur {
    visibility: visible;
}


.ccac-date {
    padding: 5px;
}

.ccac-d-contenu {
    padding: 4px 10px;
    border-radius: 10px;
    background-color: var(--c-jaune);
    font-family: var(--ff-play);
    font-size: 12px;
    color: gray;
    text-align: center;
}


.ccac-nomsg {
    padding: 5px;
}

.ccac-nomsg-contenu {
    display: block;
    padding: 4px 10px;
    border-radius: 10px;
    background-color: var(--c-jaune);
    font-family: var(--ff-graphie);
    font-size: 13px;
    color: gray;
    text-align: center;
}


.ccac-msgsloading {
    padding: 5px;
}

.ccac-msgsloading-contenu {
    display: block;
    padding: 4px 10px;
    border-radius: 10px;
    background-color: var(--c-jaune);
    font-family: var(--ff-graphie);
    font-size: 13px;
    color: gray;
    text-align: center;
}


.ccac-loadbefore {
    margin: 5px;
    padding: 4px 10px;
    border-radius: 10px;
    background-color: var(--c-jaune);
    font-family: var(--ff-graphie);
    font-size: 13px;
    color: gray;
    text-align: center;
}

.ccac-message.reponseEnCours {
    background-color: var(--c-jaune-05);
}

.ccac-infos-convers {
    margin: 5px;
    padding: 4px 10px;
    border-radius: 8px;
    background-color: var(--c-jauneappuye);
    font-size: 13px;
    box-shadow: 0 0 3px lightgray;
}

.cca-repondre-conteneur {
    width: 100%;
}

.ccar-contenu {
    background-color: var(--c-jaune);
    max-width: calc(100% - 35px);
    padding: 6px 4px;
    border-radius: 10px;
    margin-top: 1px;
}

.ccar-label {
    font-family: var(--ff-play);
    color: var(--c-redpale);
    font-size: 0.7em;
}

.ccar-msg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85em;
}

.ccar-icone {
    width: 35px;
}

.cca-medias {
    border-top: 1px solid lightgray;
    width: 100%;
}

.cca-medias-contenu {}

.cca-media-ajout-conteneur {
    width: 65px;
    min-height: 65px;
    padding: 3px;
}

.cca-media-ajout {
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 10px;
    background-color: var(--c-white);
    color: var(--c-red);
}

.cca-media-ajout:hover {
    background-color: var(--c-red);
    color: var(--c-white);
}


.cca-media-ajouter {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.cca-media-ajouter:not(:hover) {
    color: var(--c-redpale);
}


.cca-medias-liste {
    min-height: 65px;
}

.cca-media-item {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    height: 65px;
    position: relative;
    padding: 5px;
}

.cca-media-item-base {
    display: none;
}

.cca-media-item-apercu {}

.cca-media-item-apercu img {
    max-width: 55px;
    max-height: 55px;
}

.cca-media-item-retirer {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: rgba(250, 250, 250, 0.9);
    border: 1px solid lightgray;
    color: var(--c-red);
}

.cca-f-icone-group {
    background-color: var(--c-jaune-07);
    border-radius: 20px;
    overflow: hidden;
}

.chat-convers-infos-participants-item {
	
}

	.ccipi-avatar {
		width: 40px;
		min-width: 40px;
	}
	
	.ccipi-pseudo {
		font-family: var(--ff-graphie);
		font-weight: bold;
	}
	
	.ccipi-role {
		font-size: 0.75em;
		color: var(--c-redpale);
		white-space: nowrap;
		padding: 0 3px;
	}

	.chat-convers-infos-participants-item.afk .ccipi-pseudo {
		text-decoration: line-through;
	}


.chat-conversation-affichage:not(.reponseEnCours) .cca-repondre-conteneur,
.chat-conversation-affichage:not(.mediasEnCours) .cca-medias,
.chat-conversation-affichage:not(.gifSelected) .cca-medias-gif-selected,
.chat-conversation-affichage:not(.gifSelected) .ccaficg-g-apercu,
.chat-conversation-affichage.gifSelected .ccaficg-g-label,
.chat-conversation-affichage.mediasEnCours .closeIfMedias,
.chat-conversation-affichage:not(.mediasEnCours) .closeIfNotMedias,
.chat-conversation-affichage.vocalEnCours .closeIfVocal,
.chat-conversation-affichage:not(.vocalEnCours) .closeIfNotVocal,
.chat-conversation-affichage.gifsEnCours .closeIfGifs,
.chat-conversation-affichage:not(.gifsEnCours) .closeIfNotGifs {
    display: none;
}

.ccaficg-g-apercu {}

.ccaficg-g-apercu-img {
    padding: 1px;
    height: 100%;
    max-height: 100%;
}

.ccaficg-g-apercu-img-img {
    max-height: 100%;
    border-radius: 2px;
}

.ccaficg-g-apercu-btn {}

.ccaficg-g-label {
    font-size: 0.8em;
    font-family: var(--ff-play);
    color: var(--c-redclaire);
}

.cca-gifs {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
}

.chat-conversation-affichage:not(.gifsEnCours):not(.gifSelected) .cca-gifs,
.chat-conversation-affichage.gifSelected .cca-gifs {
    display: none;
}

.cca-gifs-contenu {
    width: 100%;
    height: 100%;
    background: white;
}

.cca-gifs-content {
    width: 100%;
    height: 100%;
}

.ccagc-opts {
    width: 100%;
    background-color: var(--c-beige-05);
}

.ccagc-liste {
    width: 100%;
    overflow-y: auto;
}

.ccagc-watermark {
	width: 100%;
	text-align: right;
	padding: 2px 4px;
	font-family: var(--ff-play);
	font-size: 0.85em;
	color: var(--c-blueclaire);
	background-color: var(--c-red);
}

.gifs-liste-categorie-liste-item {
    padding: 3px;
}

.glcli-content {
    width: 100%;
    overflow: hidden;
    transition: 0.2s all linear;
    border-radius: 3px;
}

.glcli-content:hover {
    background: var(--c-beige-05);
    transform: rotate(-2deg);
}

.gifs-liste-categorie-liste-item img {
    height: 90px;
}

.cca-chatmodeles {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
}

.chat-conversation-affichage:not(.chatModelesEnCours) .cca-chatmodeles {
    display: none;
}

.cca-chatmodeles-contenu {
    width: 100%;
    height: 100%;
    background: white;
}

.cca-chatmodeles-content {
    width: 100%;
    height: 100%;
}

.ccachmoc-choix {
	min-height: 35px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	font-family: var(--ff-play);
	font-size: 0.9em;
}

	.ccachmoc-choix > div {
		border: 1px solid var(--c-beige);
		color: var(--c-redpale);
	}
	
	.ccachmoc-choix > div.selected {
		background-color: var(--c-beige-03);
		color: var(--c-blueclaire);
	}
	
	.ccachmoc-choix > div:hover {
		color: var(--c-bluedark);
		background-color: var(--c-beige-05);
	}

.ccachmoc-opts {
    width: 100%;
    background-color: var(--c-beige-05);
}

.ccachmoc-liste {
    width: 100%;
    overflow-y: auto;
}

.chat-chatmodeles-item {
    font-size: 0.9em;
}

.chat-chatmodeles-item-label {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    padding: 2px;
}

.chat-chatmodeles-item-texte {
    padding: 4px;
    padding-top: 0;
    max-height: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
	text-align: justify;
}

.cca-emojis {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
}

.chat-conversation-affichage:not(.emojisEnCours) .cca-emojis {
    display: none;
}

.cca-emojis-contenu {
    width: 100%;
    height: 100%;
    background: white;
}

.cca-emojis-content {
    width: 100%;
    height: 100%;
}

.ccaec-opts {
    width: 100%;
    background-color: var(--c-beige-05);
}

.ccaec-liste {
    width: 100%;
    overflow-y: auto;
}

.emojis-liste-categorie {}

.emojis-liste-categorie-label {
    background-color: var(--c-redclaire);
    font-variant: var(--ff-graphie);
    font-size: 0.8em;
    font-weight: bold;
    padding: 3px 6px;
    color: white;
    border-radius: 10px;
    opacity: 0.7;
}

.emojis-liste-categorie-label:not(:first-of-type) {
    margin-top: 1em;
}

.emojis-liste-categorie-liste {}

.emojis-liste-categorie-liste-item {
    width: 34px;
    height: 34px;
    font-size: 21px;
    border-radius: 100%;
    transition: 0.2s all linear;
}

.emojis-liste-categorie-liste-item:hover {
    background-color: var(--c-beige-05);
    transform: rotate(-5deg);
}

.cca-form {
    width: 100%;
}

.cca-f-options {
    background-color: var(--c-beige-05);
    height: 42px;
    padding: 1px 0;
}

.chat-conversation-affichage:not(.audioEnCours) .cca-f-options-vocal {
	width: 40px;
	max-width: 40px;
}

.cca-f-contenu {
    background-color: var(--c-beige-05);
}

.cca-f-textarea-conteneur {}

.cca-f-textarea-conteneur textarea.textareav3 {
    border: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    resize: none;
    min-height: 42px !important;
    min-height: min(42px, calc(1em + 22px)) !important;
    height: 42px;
    height: min(42px, calc(1em + 22px));
    max-height: 220px !important;
}

.cca-f-icone {
    width: 40px;
}

.cca-f-icone-icn {
    width: 40px;
}

.chat-conversation-form {}

.chat-conversation-form .cca-f-icone-icn:not(.cca-f-icone-btn-submit) {
    /* width: 28px; */
    /* height: 28px; */
    transition: 0.2s all linear;
    color: var(--c-redpale);
}

.chat-conversation-form .cca-f-icone-icn:not(.cca-f-icone-btn-submit):hover {
    background-color: var(--c-beige);
    color: var(--c-red);
    border-radius: 100%;
    transform: rotate(-10deg);
}

.emojisEnCours .cca-f-icone-btn-emojis,
.gifsEnCours .cca-f-icone-icn-gifs-toclose,
.mediasEnCours .cca-f-icone-icn-media-toclose {
    background-color: var(--c-beige-05);
    border-radius: 100%;
    transform: rotate(-5deg);
}

.chat-conversation-form.submit-inactive {}

.chat-conversation-form .cca-f-icone-btn-submit {
    /* width: 28px; */
    /* height: 28px; */
    transition: 0.2s all linear;
}

.chat-conversation-form.submit-inactive .cca-f-icone-btn-submit {
    color: var(--c-beige);
    opacity: 0.7;
}

.chat-conversation-form:not(.submit-inactive) .cca-f-icone-btn-submit:hover {
    background-color: var(--c-beige);
    border-radius: 100%;
    padding-left: 2px;
    transform: rotate(-10deg);
}

.chat-conversation-form:not(.submit-inactive) .cca-f-icone-btn-submit:active,
.chat-conversation-form:not(.submit-inactive) .cca-f-icone-btn-submit:focus {
    padding-left: 6px;
    transform: rotate(-12deg);
}

.chat-conversation-form.submit-inactive .cca-f-icone--submit {
    display: none;
}


.ccac-message-conteneur--media {}

.ccac-message-conteneur--media .ccac-m-contenu {
    background-color: transparent !important;
}

.ccac-message-conteneur--media .ccac-m-contenu-val {
    text-align: center;
}

.ccac-m-contenu-val > div {
	max-width: 100%;
}

.ccac-message-conteneur--media .ccac-m-contenu-val a,
.chat-media-apercu-link {
    display: inline-block;
    margin: auto;
}

.ccac-message-conteneur--media-vocal .ccac-m-contenu {
	padding-left: 0;
	padding-right: 0;
}


.chat-msg-edit-conteneur .csi-avatar-img,
.chat-conversation-config-infos .csi-avatar-img {
    width: 18px;
}


html.chatFullsized #conteneur-chat-colonne {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--chat-colonne-full);
    min-width: var(--chat-colonne-full);
    z-index: var(--zi-lvl-3b);
}

html.chatFullsized #conteneur-chat-colonne-contenu {
    overflow: auto;
}

html:not(.chatFullsized) #cccvp-less,
html.chatFullsized #cccvp-more,
html:not(.chatFullsized) .cccc-s-date {
    display: none;
}


html.chatFullsized .ccc-convers {
    border-bottom: 1px solid rgb(250, 250, 250)
}

html.chatFullsized .cccc-avatar {
    width: 38px;
    min-width: 38px;
    max-width: 38px;
}

html.chatFullsized .cccc-sujet {
    width: calc(100% - 38px);
    min-width: calc(100% - 38px);
    max-width: calc(100% - 38px);
    text-align: left;
    font-size: 0.85em;
}

html.chatFullsized .cccc-notif {
    right: 2px;
    top: calc(50% - 7.5px);
}

html.chatFullsized .ccc-convers.ccc-convers-avecrecherche .cccc-notif {
    top: 15px;
}

html.chatFullsized #conteneur-general {
    margin-left: var(--chat-colonne);
}

html.chatFullsized #chat-conversations-popup {
    left: var(--chat-colonne-full);
    width: calc(100% - var(--chat-colonne-full));
}

.ccab-s-notif {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 2px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: red;
    border: 1px solid white;
    pointer-events: none;
}

.chat-conversation-affichage[data-new="0"] .ccab-s-notif {
    display: none;
}

.chat-notif-general {
    position: absolute;
    top: 2px;
    right: 7px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: red;
    border: 1px solid white;
    pointer-events: none;
}

html.modeVitrine .chat-notif-general {
    right: 10px;
}

.mvc-shortcuts-shortcut .chat-notif-general {
    top: 0 !important;
    right: 0 !important;
}

.menuapp-item .chat-notif-general {
    right: auto;
    left: 50%;
    top: 1px;
}

.chat-notif-general {
    -webkit-animation: chat-notif-general-animate 3s linear infinite;
    animation: chat-notif-general-animate 3s linear infinite;
}

@keyframes chat-notif-general-animate {

    /* 0% { background-color: white; } */
    /* 50% { background-color: red; } */
    /* 100% { background-color: white; } */
    0% {
        opacity: 0.1;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

html[data-chathasnew="0"] .chat-notif-general {
    display: none;
}


.chat-conversation-affichage.reduced {
    height: auto !important;
    min-height: auto !important;
    width: 250px;
    min-width: 250px;
}

.chat-conversation-affichage.reduced .cca-contenu,
.chat-conversation-affichage.reduced .cca-repondre-conteneur,
.chat-conversation-affichage.reduced .cca-form {
    display: none;
}


.chat-conversation-affichage.reduced {}

.chat-conversation-affichage .citation-texte-icone {
    display: none;
}


@media (max-width: 768px) {
    html:not(.chatFullsized) #conteneur-chat-colonne {
        display: none;
    }

    html.hasChat #conteneur-general {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    html.hasChat .menuapp-item-cotations,
    html.hasChat .ccab-option-deployfull,
    html.hasChat .cca-f-icone-btn-emojis {
        display: none;
    }

    html:not(.modeVitrine) #top-pan-chat {
        color: white;
        position: relative;
    }

    html.chatFullsized,
    html.chatFullsized body {
        overflow: hidden;
    }

    .chat-conversation-affichage.reduced {
        display: none;
    }

    .ccab-sujet {
        width: calc(100% - 162px);
    }

    .ccab-options {
        min-width: 162px;
        width: 162px;
    }

    .ccab-option {
        width: 40px;
    }


    html.chatFullsized #conteneur-chat-colonne {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    html.chatFullsized #conteneur-chat-colonne-contenu {
        width: var(--chat-colonne-full);
        min-width: var(--chat-colonne-full);
        max-width: var(--chat-colonne-full);
    }

    html.chatFullsized #chat-conversations-popup {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: var(--zi-lvl-4);
    }

    html.chatFullsized #ccp-contenu {
        width: 100%;
        height: 100%;
        max-height: 100% !important;
    }

    html.chatFullsized .chat-conversation-affichage {
        width: 100%;
        height: 100%;
        min-width: 100%;
        /* min-height: 100% !important; */
        max-height: 100% !important;
        margin: 0;
    }

    html.chatFullsized .chat-conversation-affichage .ccacmo-emoji {
        width: 35px;
    }
}

@media (min-width: 768px) {
    html.hasChat:not(.onApp) .menuapp-item-chat {
        display: none;
    }
}

html.onApp:not(.chatFullsized) #conteneur-chat-colonne {
    display: none;
}

html.onApp.hasChat #conteneur-general {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
}

html.onApp.hasChat .menuapp-item-cotations {
    display: none;
}

html.onApp #top-pan-chat {
    color: white;
    position: relative;
}

html.onApp.chatFullsized,
html.onApp.chatFullsized body {
    overflow: hidden;
}

html.onApp .chat-conversation-affichage.reduced {
    display: none;
}

html.onApp .ccab-sujet {
    width: calc(100% - 162px);
}

html.onApp .ccab-options {
    min-width: 162px;
    width: 162px;
}

html.onApp .ccab-option {
    width: 40px;
}


html.onApp.chatFullsized #conteneur-chat-colonne {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

html.onApp.chatFullsized #conteneur-chat-colonne-contenu {
    width: var(--chat-colonne-full);
    min-width: var(--chat-colonne-full);
    max-width: var(--chat-colonne-full);
}

html.onApp.chatFullsized #chat-conversations-popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--zi-lvl-4);
}

html.onApp.chatFullsized #ccp-contenu {
    width: 100%;
    height: 100%;
    max-height: 100% !important;
}

html.onApp.chatFullsized .chat-conversation-affichage {
    width: 100%;
    height: 100%;
    min-width: 100%;
    /* min-height: 100% !important; */
    max-height: 100% !important;
    margin: 0;
}

html.onApp.chatFullsized .chat-conversation-affichage .ccacmo-emoji {
    width: 35px;
}

html.onApp body:not(.keyboardopened) #chat-conversations-popup {
    bottom: 50px;
}

.stringOneLine,
.bton-lab.stringOneLine > span,
.legendeg.stringOneLine > span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.noBackspace,
.noBackspace > span {
	white-space: nowrap !important;
}


.v4-cadre-erreur {
    padding: 0.5em;
    background-color: red;
    color: white;
    border-radius: 10px;
    font-family: var(--ff-graphie);
    font-size: 0.95em;
}

.contact-types-item {
    background-color: var(--c-beige);
    background: linear-gradient(to bottom right, var(--c-beige), var(--c-beige-03));
    border-radius: 10px;
    padding: 5px 10px;
    font-family: var(--ff-graphie);
    font-size: 1.1em;
    box-shadow: 0 0 3px lightgray;
    max-width: 350px;
    min-height: 70px;
    margin: 1em auto;
    font-weight: bold;
    text-align: left;
    color: var(--c-bluedark);
}


.contact-types-item:not(.disabled):hover {
    color: var(--c-red);
    box-shadow: 0 0 3px gray;
    background: linear-gradient(to top left, var(--c-beige), var(--c-beige-03));
}

.contact-types-item.disabled {
    background: lightgray;
    opacity: 0.8;
    min-height: 60px;
}

.tp-liste-raccourcis-raccourcis {
    display: none;
}

.trans-info-lastmodif {
    font-family: var(--ff-play);
    font-size: 0.75em;
    color: var(--c-redclaire);
    text-align: right;
    font-style: italic;
}

.trans-info-date {
    padding: 0.5em;
    margin: 1em 0;
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    background-color: var(--c-jaune-07);
    border-radius: 10px;
}

.tid-icn {
    margin-right: 5px;
    padding: 3px;
    border: 1px solid var(--c-redclaire);
    border-radius: 100%;
    background-color: var(--c-redclaire);
    color: white;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.tid-label {}


#t-iar-partie-factu {}

#t-iar-partie-factu .fpti-row[data-count="0"] .fpti-val {
    color: var(--c-redpale);
}

#t-iar-partie-factu .fpti-row[data-count="0"] .fpti-val-btn>span,
#t-iar-partie-factu .fpti-row[data-count="0"] .fpti-val-btn>a {
    visibility: hidden;
}

@media (max-width: 767px) {
    html:not(.modeVitrine) .tms-btn-conteneur-infos {
        width: 51px !important;
    }

    .tms-btn-conteneur-menu {
        width: 56px !important;
    }

    html:not(.modeVitrine) .tms-btn-conteneur:not(.tms-btn-conteneur-infos):not(.tms-btn-conteneur-menu) {
        width: calc((100% - 107px) / 3 - 1px) !important;
    }

    .tms-btn-conteneur .bton .bton-lab {
        padding: 3px;
    }
}

.tms-btn-conteneur {
    padding: 0 0.5px;
    height: 50px;
}

.tms-btn-conteneur .bton {
    height: 100% !important;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.tmsi-g .bton-lab,
.tmsi-g .bton-lab span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#trans-infos-conteneur {
    padding: 5px 1px;
    border-bottom: 1px solid lightgray;
    display: none;
    /* background: var(--c-beige-05); */
}

.hideforinfos {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(200, 200, 200, 0.5);
}

.hideforinfos.displayed {
    display: block;
}

.ts-dates-dates-conteneur[data-typefin="date"] .ts-dates-dates-fin--type-duree,
.ts-dates-dates-conteneur[data-typefin="duree"] .ts-dates-dates-fin--type-date {
    display: none;
}

audio {
    max-width: 100% !important;
    max-height: 42px !important;
}

.tfse-partie-contient-dates {}

.tfse-partie-contient-dates:not([data-datetype="actes"]) .label-date-type-actes,
.tfse-partie-contient-dates:not([data-datetype="facture"]) .label-date-type-facture,
.tfse-partie-contient-dates:not([data-datetype="retrocession"]) .label-date-type-retrocession,
.tfse-partie-contient-dates[data-datetype="facture"] .label-date-type-actes,
.tfse-partie-contient-dates[data-datetype="retrocession"] .label-date-type-actes {
    display: none;
}

.generique-partie-contient-dates:not([data-datetype="mensuel"]) .label-date-type-mensuel,
	.generique-partie-contient-dates:not([data-datetype="mensuel"]) .champs-date-type-mensuel,
.generique-partie-contient-dates:not([data-datetype="dates"]) .label-date-type-dates,
	.generique-partie-contient-dates:not([data-datetype="dates"]) .champs-date-type-dates,
.generique-partie-contient-dates:not([data-datetype="actes"]) .label-date-type-actes,
	.generique-partie-contient-dates:not([data-datetype="actes"]) .champs-date-type-actes,
.generique-partie-contient-dates:not([data-datetype="facture"]) .label-date-type-facture,
	.generique-partie-contient-dates:not([data-datetype="facture"]) .champs-date-type-facture,
.generique-partie-contient-dates:not([data-datetype="retrocession"]) .label-date-type-retrocession,
	.generique-partie-contient-dates:not([data-datetype="retrocession"]) .champs-date-type-retrocession {
	display: none;
}


#fp-blockinfos {
    background-color: var(--c-beigeclaire);
    padding: 5px;
    border-radius: 10px;
    overflow: hidden;
}

#fp-blockinfos .baao-partie {
    overflow-y: auto;
}

#fp-blockinfos .fiche-patients-onglets {
    border: 2px solid var(--c-redclaire);
    margin-top: 0;
}

#fp-blockinfos:not(.blockinfos-showed) {
    display: none;
}

#fp-identitemenu.blockinfos-showed .fp-menu-item-infos {
    background-color: var(--c-redclaire);
    color: var(--c-white);
}

.sticky {
    position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky;
}

.btn-trans-landing {
    bottom: 0;
    padding: 10px 0;
    background-color: white;
}

html.onApp .btn-trans-landing {
    padding-bottom: 55px;
}


.ppt-temoignage {
    margin: 0 5px;
    border-radius: 5px;
    padding: 5px 0;
}

@media (min-width: 0px) {
    .ppt-temoignage {
        min-width: 91.66666667%;
    }
}

@media (min-width: 768px) {
    .ppt-temoignage {
        min-width: 41.66666667%;
    }
}

.ppt-temoignage-label {
    font-family: var(--ff-play);
    padding: 0 0.5em;
}

.ppt-temoignage-souslabel {
    font-family: var(--ff-play);
    padding: 0 0.5em;
    padding-left: 0.7em;
    font-size: 0.9em;
    font-style: italic;
    color: var(--c-redpale);
}

.ppt-temoignage-temoignage {
    margin: 0.5em;
    padding: 10px;
    background-color: var(--c-jaune);
    border-radius: 10px;
    background-image: url(./images/site/background_citation_20px.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-position: calc(100% - 5px) 2px;
    max-height: 400px;
    overflow-y: auto;
}

.ppt-temoignage:nth-of-type(odd) .ppt-temoignage-temoignage {
    background-color: var(--c-white);
}

.partie-prestrans .page-titre-secondaire {
    word-wrap: break-word;
    hyphens: auto;
}

.ppt-icones-presentation {
    padding: 5px;
}

.ppt-icones-presentation-icone {}

.ppt-icones-presentation-icone img {
    border-radius: 100%;
    border: 2px solid var(--c-red);
}

.ppt-icones-presentation-label {
    font-family: var(--ff-graphie);
    padding: 5px;
    color: var(--c-bluedark);
}

.partie-prestrans-ilslontdit {
    margin-left: auto;
    margin-top: 1em;
    background-color: var(--c-beige);
    padding: 5px;
    border-radius: 10px;
    border: 1px solid var(--c-beigepale);
    width: 45%;
    opacity: 0.8;
    background-image: url(./images/site/background_citation_20px.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-position: calc(100% - 5px) 2px;
    font-size: 0.9em;
}

@media (max-width: 450px) {
    .partie-prestrans-ilslontdit {
        width: 70%;
    }
}

.partie-prestrans-ilslontdit .ppt-temoignage-temoignage {
    background-image: none;
}

.ppt-iod-label {
    font-family: var(--ff-graphie);
    color: var(--c-bluedark);
    text-align: center;
    font-style: italic;
}

.ptt-faq-item {
    border-radius: 10px;
    padding: 0.5em;
    margin: 0.5em;
    background-color: var(--c-beigeclaire);
}

.ptt-faq-item:nth-of-type(odd) {
    background-color: var(--c-jaune);
}

.ptt-faq-item-question {}

.ptt-fiq-question {
    font-family: var(--ff-graphie);
    color: var(--c-bluedark);
    padding: 5px;
}

.ptt-fiq-triangle {
    width: 34px;
}

.ptt-fiq-triangle>div {
    border-radius: 100%;
    background-color: var(--c-redclaire);
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--c-white);
    transition: transform 0.2s linear;
}

.ptt-faq-item-question:hover .ptt-fiq-triangle>div {
    background-color: var(--c-redpale);
}

.ptt-faq-item.deployed .ptt-fiq-triangle>div {
    transform: rotate(180deg);
}

.ptt-faq-item-reponse {
    padding: 6px;
    font-size: 0.9em;
    display: none;
}


#tnl-cadre-conteneur {
    position: sticky;
    top: 45px;
    z-index: var(--zi-lvl-2);
}

html.modeVitrine:not([data-uconnecte="1"]) #tnl-cadre-conteneur {
    top: 70px;
}

html:not([data-tnl]) #tnl-cadre-conteneur {
    display: none;
}

@media (max-width: 992px) {
    html:not(.onApp):not(.modeVitrine) #tnl-cadre-conteneur {
        top: 35px;
    }
}

#tnl-cadre {
    background-color: var(--c-white);
    min-height: 55px;
    border: 1px solid var(--c-jauneappuye);
    border-radius: 20px;
    box-shadow: 0px 5px 10px #00000029;
    /* background-image: url('./images/site/dots_footer_opacity.png'); */
    background-repeat: no-repeat;
    background-position: bottom right;
    overflow: hidden;
    padding: 5px;
    background-image: linear-gradient(to top left, var(--c-beige-01), var(--c-beige-01));
}

#tnl-cadre-contenu {
    padding: 9px 4px;
    max-height: 250px;
    overflow-y: auto;
    font-family: var(--ff-play);
    text-align: left;
}

#tnl-cadre-contenu p {
    font-size: 0.9em;
    margin: 0.5em 0;
}

.page-connexion .hide-if-page-connexion,
#contenu-page-centre[data-slugoriginal="connexion"] .hide-if-page-connexion,
#contenu-page-centre:not([data-slugoriginal="connexion"]):not([data-slugoriginal="inscription"]) .show-only-if-page-connexioninscription,
.page-inscription .hide-if-page-inscription,
#contenu-page-centre[data-slugoriginal="inscription"] .hide-if-page-inscription {
    display: none;
}


.tnl-btn-deploiement {}


.tnl-titre {
    max-width: calc(100% - 35px);
}

.tnl-content.withCloseButton .tnl-titre {
    max-width: calc(100% - 70px);
}

.tnl-btn-deploiement {
    width: 35px;
}

.tnl-btn-close>div,
.tnl-btn-question>div,
.tnl-btn-deploiement>div {
    border-radius: 100%;
    background-color: var(--c-redclaire);
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--c-white);
    transition: transform 0.2s linear;
}

.tnl-btn-close:hover>div,
.tnl-btn-question:hover>div,
.tnl-btn-deploiement:hover>div {
    background-color: var(--c-redpale);
}

.tnl-content.deployed .tnl-btn-deploiement>div {
    transform: rotate(180deg);
}


.btons .bton:last-child.no-lab {
    padding-left: 2px;
}

#pick-a-file-options-conteneur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--zi-lvl-85);
    background-color: rgba(240, 240, 240, 0.4);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    #pick-a-file-options-conteneur {
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }
}

#pafo-liste {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 90%;
    max-height: calc(100% - 35px) !important;
    z-index: var(--zi-lvl-86);
    background: var(--c-beige);
    border-top: 2px solid var(--c-redpale);
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: auto;
    z-index: 100;
    padding-bottom: 5px;
    box-shadow: 0 0 6px gray;
}

#pafo-label {
    text-align: center;
    font-family: var(--ff-graphie);
    font-size: 0.8em;
    color: var(--c-bluedark);
    opacity: 0.8;
}

.pafo-item {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
    height: 85px;
    min-height: 85px;
    max-height: 85px;
    color: var(--c-white);
    margin: 4px;
    border-radius: 15px;
    overflow: hidden;
}

.pafo-i-icn {}

.pafo-i-label {
    font-family: var(--ff-play);
    font-size: 0.75em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 4px;
}

.withoutScan .pafo-item[data-a3="scan"],
.withoutCamera .pafo-item[data-a3="capture"] {
    display: none;
}

html:not([data-appos="ios"]) .pafo-item-fichiers {
    display: none;
}


@media (max-width: 375px) {
    html[data-appos="ios"] .pafo-item {
        width: 74px;
        min-width: 74px;
        max-width: 74px;
        height: 74px;
        min-height: 74px;
        max-height: 74px;
        margin: 4px 3px;
    }
}

@media (max-width: 320px) {
    html[data-appos="ios"] .pafo-item {
        width: 68px;
        min-width: 68px;
        max-width: 68px;
        height: 68px;
        min-height: 68px;
        max-height: 68px;
        margin: 4px 2px;
    }
}




.file-preview-conteneur {}

.file-preview-preview {
    padding: 10px;
    height: 125px;
    background-color: var(--c-beige-03);
    border-radius: 10px;
}

.file-preview-preview:hover {
    background-color: var(--c-beige-05);
}

.file-preview-preview img {
    max-height: 100%;
}


#ticket-edition-suivis-liste {}


#ticket-edition-suivis-liste .ticket-suivi-edition-conteneur {
    margin: 5px;
    padding: 5px;
    background-color: var(--c-beige-05);
    border-radius: 15px;
}

#ticket-edition-elements-liste {}


#ticket-edition-elements-liste .ticket-element-edition-conteneur {
    margin: 5px;
    padding: 5px;
    background-color: var(--c-beige-05);
    border-radius: 15px;
}


.ticket-suivi {
    margin: 5px 10px;
    background-color: var(--c-jaune);
    border-radius: 10px;
    overflow: hidden;
}

.ticket-suivi--infos {
    background-color: var(--c-beige);
}

.ts--i--icn {
    padding: 3px;
}

.ts--i--date {
    font-family: var(--ff-play);
    font-weight: bold;
    padding: 3px;
}

.ts--i--who {
    font-family: var(--ff-graphie);
    padding: 0 3px;
    font-size: 0.8em;
}

.ts--i--who img {
    width: 18px;
}

.ts--i--edit {
    padding: 0 3px;
}

.ticket-suivi-type-question .ts--i--icn {
    color: red;
}

.ticket-suivi-type-suivi .ts--i--icn {
    color: blue;
}

.ticket-suivi-type-resolution .ts--i--icn {
    color: green;
}

.ticket-suivi--contenu {
    margin: 5px;
    font-style: italic;
    font-size: 0.9em;
}

.ticket-suivi-type-suivi {
    margin-left: 15px;
    opacity: 0.8;
}

.ticket-suivi-type-suivi:hover {
    opacity: 1;
}

.ticket-suivi-btn-replier {
    margin-left: 15px;
    font-family: var(--ff-play);
    font-size: 0.8em;
}


.ticket-elements-categorie {
    font-family: var(--ff-graphie);
    font-size: 0.8em;
    padding: 5px;
    margin: 5px;
    background-color: var(--c-beigeclaire);
    border-radius: 10px;
}

.ticket-elements-type {
    font-family: var(--ff-graphie);
    font-size: 0.8em;
    padding: 5px;
    padding-left: 15px;
    margin: 5px;
    margin-right: 15px;
    background-color: var(--c-beigeclaire);
    border-radius: 10px;
}

.ticket-element--commentaire {
    font-family: var(--ff-play);
    font-style: italic;
    font-size: 0.9em;
    text-align: left;
    padding: 3px;
}

.ticket-element {
    max-width: 280px;
    min-width: 150px;
    margin: 5px;
    background-color: var(--c-jaune);
    border-radius: 10px;
    overflow: hidden;
}

.ticket-element--idopts {
    background-color: var(--c-beige);
}

.ticket-element--eid {
    text-align: left;
    padding: 2px 4px;
    font-family: var(--ff-play);
    font-size: 0.95em;
    font-weight: bold;
}

.ticket-element--options {
    padding: 0px 4px;
}

.ticket-element--contenu {
    padding: 4px;
    font-size: 0.9em;
}

.tie--lab {
    color: var(--c-redpale);
    font-size: 0.9em;
}

.ticket-element img.csi-avatar-img {
    width: 18px;
}


.tickets-element-recap-item {
    min-width: 290px;
}

.tieri-item {}

.tieri-item:hover {
    background-color: var(--c-beigepale);
}

.tieri-statut {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    background-color: lightgray;
}

.tickets-element-recap-item[data-statut="0"] .tieri-statut {
    background-color: red;
}

.tickets-element-recap-item[data-statut="1"] .tieri-statut {
    background-color: blue;
}

.tickets-element-recap-item[data-statut="2"] .tieri-statut {
    background-color: green;
}

.tieri-date {
    font-family: var(--ff-play);
    text-align: center;
    font-size: 0.9em;
    white-space: nowrap;
    padding: 3px;
    color: var(--c-redpale);
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}

.tieri-sujet {
    font-size: 0.95em;
    padding: 3px 5px;
}


.soin-item-categ-color-conteneur {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    margin-right: 3px;
    border: 1px solid white;
    overflow: hidden;
    font-size: 10px;
}

.soin-item-categ-icn {
    font-size: 12px;
}

.soin-item-categ-nom {
    font-family: var(--ff-play);
    font-size: 0.9em;
}


#agenda-day-stats-developpees-table {}

#agenda-day-stats-developpees-table td {
    padding: 8px 4px;
    border: 1px solid var(--c-beige);
    border-top: 0;
    border-bottom: 0;
}

#agenda-day-stats-developpees-table td.adsdt-journee {
    border-left-width: 4px;
    border-right-width: 4px;
}

#agenda-day-stats-developpees-table td.adsdt-label {
    font-size: 0.9em;
    max-width: 220px;
}

#agenda-day-stats-developpees-table td.adsdt-nbr {
    text-align: center;
    font-family: var(--ff-play);
    min-width: 50px;
}

#agenda-day-stats-developpees-table thead td.adsdt-nbr {
    font-size: 0.8em;
}

.adsdt-nbr [data-nbr="0"] {
    color: var(--c-redclaire);
    font-weight: normal !important;
}

/* .agenda-day-stats-developpees--categ-item[data-nbr="0"] { display: none; } */


#form-t-agenda-filtres {
    background-color: var(--c-beige-03);
    margin: 5px;
    border-radius: 10px;
    padding: 5px 6px;
    padding-top: 0;
    overflow: hidden;
}


.alt-r-c-infos--soin-bigconteneur[data-etat="0"] .alt-c-r-infos--soin-nom-nom {
    text-decoration: line-through;
    opacity: 0.7;
    font-size: 0.95em;
}

.altcrc-canceled .alt-c--r-c-horaire,
.altcrc-canceled .alt-c--r-c-patient {
    text-decoration: line-through;
}

.alt-c-r-infos--nbrsoins-btn {}

.alt-c-r-infos--nbrsoins-btn:not(.choixshowed) .btn-toutcocher-choix,
.alt-c-r-infos--nbrsoins-btn.choixshowed .btn-toutcocher-principal {
    display: none;
}


#adri-masse-table {}

#adri-masse-table .v4-liste-titre td {
    padding: 8px 5px;
}

.amt-item {}

.amt-item label {
    width: 100%;
    height: 100%;
    padding: 5px;
}

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

.amt-nom {
    font-weight: bold;
}

.amt-prenom {}

.amt-dernierelecture {
    font-family: var(--ff-play);
    text-align: right;
    font-size: 0.9em;
    color: var(--c-redpale);
}


#teleexpertises-tableau {}

.teleexpertise-item {
    margin-bottom: 1em;
}



.tept-demande {}

.tept-demande-demande {
    margin: 0.5em;
    font-style: italic;
    font-size: 0.95em;
}

.tept-demande-fichiers {
    margin: 0.5em;
    margin-top: 0;
    font-size: 0.85em;
}

.tept-retour-fichiers {
    margin: 0.5em;
    font-size: 0.85em;
}

.tept-commentaire {
    margin: 0.5em;
    padding: 0.5em;
    font-size: 0.95em;
    background-color: var(--c-jaune-05);
    border-radius: 10px;
}


.form-filtres {
    background-color: var(--c-beige-03);
    border-radius: 10px;
    padding: 5px 6px;
    padding-top: 0;
    overflow: hidden;
}

.form-filtres.showFiltres .labelShow,
.form-filtres.showFiltres .form-filtres-showfiltres-conteneur,
.form-filtres.showFiltres .btn-form-submit-actualiser,
form:not(.form-filtres)  .btn-form-submit-actualiser,
.form-filtres:not(.showFiltres) .labelHide,
.form-filtres:not(.showFiltres) .form-filtres-contenu-general,
.form-filtres:not(.showFiltres) .btn-form-submit-filtrer {
    display: none;
}

	.btn-form-submit-actualiser {
		padding: 0.75em 1em !important;
	}
	
	.btn-form-submit-filtrer {
		padding-left: 2em !important;
		padding-right: 2em !important;
	}


.lecteur-msg-assurezvous-conteneur {
    margin: 0.25em 0;
}

.lecteur-msg-assurezvous-img-conteneur {
    width: 120px;
    min-width: 120px;
    padding: 4px;
}

@media (max-width: 425px) {
    .lecteur-msg-assurezvous-img-conteneur {
        width: 90px;
        min-width: 90px;
    }
}

.lecteur-msg-assurezvous {
    padding: 2px;
    font-family: var(--ff-play);
    font-size: 0.95em;
    text-align: left;
}

.lecteur-msg-assurezvous ul {
    margin: 0;
}

.lecteur-msg-assurezvous li {
    margin: 0.2em 0;
}

.lma-liste {
    margin-left: 1em;
}

.lma-item {
    width: 100%;
    margin: 0.25em 0;
}

.lma-icn {
    width: 30px;
    text-align: center;
}

.lma-label {
    width: calc(100% - 30px);
}

#form-t-teleexpertise-editer {}

#form-t-teleexpertise-editer[data-support="nothing"] #form-tpe-contenu-supportselected,
#form-t-teleexpertise-editer[data-support="saisie"] .hide-if-saisie,
#form-t-teleexpertise-editer[data-support="omnidoc"] .hide-if-omnidoc {
    display: none;
}


.abo-choix-item {
    margin: 5px;
    background-color: var(--c-beige-03);
    border: 1px solid var(--c-beige);
    border-radius: 10px;
    padding: 10px 5px;
}

.abo-choix-item:hover {
    border-color: var(--c-red);
}

.abo-choix-item img {
    border-radius: 100%;
    border: 2px solid var(--c-red);
    margin: 0 2px;
}

.aci-imgs {
    padding-bottom: 5px;
}

	#contenu-page-centre:not(.page-profil) .aci-imgs {
		/* display:none; */
	}

.aci-labels {
    text-align: center;
    font-family: var(--ff-graphie);
    color: var(--c-bluedark);
    padding: 10px 0;
    font-size: 1.1em;
    hyphens: initial;
}

.aci-tarif {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 2em;
    color: var(--c-bluedark);
}

.aci-sansengagement {
    text-align: center;
    color: var(--c-redpale);
    font-size: 0.85em;
}

.aci-btn {
    padding-top: 5px;
}

.abo-sticky {
    /* position: sticky;  */
    position: relative;
    /* Désactivation sticky suite à changement design */
    bottom: 0;
    width: 100%;
    background: white;
    padding-bottom: 4px;
    padding-top: 2px;
    z-index: 10;
}

.io4 .abo-sticky {
    position: relative;
}

@media (max-width: 768px) {
    .abo-sticky {
        position: relative;
    }
}

@media (max-width: 467px) {
    .aci-labels-blank {
        display: none;
    }
}

@media screen AND (max-height: 775px) {
    .abo-sticky {
        position: relative;
    }
}

@media (min-width: 468px) {
    .abo-choix-item-conteneur {
        width: 50% !important;
    }
}


.notif-liste-item-push {}

.nlip-contenu {
    font-size: 0.95em;
    padding: 5px;
}

.nlip-contenu-title {
    font-family: var(--ff-graphie);
    font-size: 0.95em;
    font-weight: bold;
}

.nlip-contenu-body {
    font-style: italic;
}

.nlip-devices {
    font-size: 0.9em;
    padding: 5px;
}

.nlip-device {}

.nlip-device-statut {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: red;
    margin-left: 1px;
}

.nlip-device--statut-success .nlip-device-statut {
    background-color: green;
}

.nlip-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
}


.notif-liste-item-email {}

.nlie-contenu {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    padding: 5px 8px;
}

.nlie-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.nlie-statut {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: red;
}

.notif-liste-item-email--statut-1 .nlie-statut {
    background-color: green;
}

.notif-liste-item-email--statut-2 .nlie-statut {
    background-color: orange;
}

.notifs-disabled-conteneur {
    background-color: var(--c-beige-03);
    margin: 0.5em 0.15em;
    padding: 0.25em 0.5em;
    border-radius: 10px;
}

#fp-identitemenu-conteneur {
    z-index: var(--zi-lvl-1a);
}


.trans-menu-choixtype {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
    border-bottom: 1px solid var(--c-beige-07);
    opacity: 0.9;
}

.trans-menu-choixtype-item {
    color: var(--c-redpale);
    padding: 0.25em 0.1em;
    min-height: 30px;
}

.trans-menu-choixtype-item.active {
    font-weight: bold;
    background-color: var(--c-beige-05);
}

.trans-menu-choixtype-item:hover,
.trans-menu-choixtype-item:active {
    background-color: var(--c-beige-07);
}

.icn-triangle-react {
    transition: 0.25s transform;
}

.icn-triangle-react:hover {
    transform: rotate(10deg);
}

.icn-triangle-react-conteneur.opened .icn-triangle-react,
.icn-triangle-react-conteneur.deployed .icn-triangle-react,
.icn-triangle-react-conteneur.shortcuts-opened .icn-triangle-react {
    transform: rotate(180deg);
}


.faai-soins-item {
    background-color: var(--c-beige-01);
    padding: 0.25em;
    border-radius: 10px;
    margin: 0.25em 0;
    border: 1px solid var(--c-beige);
}


.dap-suggestions-conteneur {
    padding: 2px 0.5em;
    color: var(--c-redpale);
}

.dap-suggestions-conteneur-label {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
}

.dap-suggestions-categ {}

.dap-suggestions-categ-label {
    font-family: var(--ff-graphie);
    font-size: 0.8em;
}

.dap-suggesttions-categ-liste {
    margin: 0;
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.rhsp {
    opacity: 0.8;
    margin: 10px;
}

.rhsp-label {
    font-family: var(--ff-graphie);
    color: var(--c-redpale);
    font-size: 0.8em;
    padding: 0 5px;
}

.rhsp-liste {
    max-height: 150px;
}

.rhsp-item {
    background-color: var(--c-beige-03);
    padding: 1px 4px;
    margin: 2px;
    border-radius: 5px;
    font-size: 0.85em;
}

.rhsp-item-label {
    font-family: var(--ff-play);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.smsmodels-liste {}

.smsmodels-item {}

.smmi-infos {
    padding: 0.25em;
    max-width: calc(100% - 95px);
}

.smmi-send {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    color: var(--c-bluedark);
}

a.smmi-send:hover,
.smmi-send.click-ajax:hover {
    background-color: var(--c-jaune);
    color: var(--c-red);
}

.tfact-menu-index {
    width: 50px;
}

.tfact-menu-index a {
    background-color: var(--c-beige);
    border: 1px solid var(--c-redclaire);
    border-radius: 100%;
    padding: 5px;
}

.tfact-menu-index a:hover {
    border-color: var(--c-red);
    color: var(--c-red);
}

.tfact-menu-index a.active {
    /* border: 2px solid var(--c-red); */
    background-color: var(--c-red);
    color: var(--c-white);
}

.tfact-menu-menu {
    max-width: calc(100% - 50px);
}

@media (max-width: 425px) {
    .tfact-menu-index {
        width: 100%;
        margin-bottom: 2px;
    }

    .tfact-menu-index a {
        width: 90%;
        border-radius: 20px;
        padding: 2px 5px;
    }

    .tfact-menu-menu {
        width: 100%;
        max-width: 100%;
    }
}




@media (max-width: 470px) {
    .tfact-menu-label {
        display: none;
    }
}

@media (min-width: 471px) {
    .tfact-menu-icn {
        display: none;
    }
}






.tfact-index-partie-titre {
    font-family: var(--ff-graphie);
    font-size: 1.3em;
    color: var(--c-redpale);
    font-weight: bold;
}

.tfact-index-partie {
    background-color: var(--c-beige-03);
    border-radius: 10px;
    margin: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.tfact-index-partie-titrepartie {
    background-color: var(--c-jaune);
    padding: 5px;
    text-align: center;
    font-family: var(--ff-graphie);
    font-weight: bold;

    background-color: var(--c-blueclaire);
    color: var(--c-white);
}

.tfact-index-partie-contenu {
    padding: 1px 5px;
}

.tfact-index-partie-legende {
    padding: 5px;
    font-size: 0.8em;
    color: var(--c-blueclaire);
    opacity: 0.9;
}

.tfact-index-partie ul {
    margin: 0;
}

.tfact-index-partie ul li a {
    padding: 3px;
    border-radius: 5px;
    transition: background 0.2s linear;
}

.tfact-index-partie ul li a:hover {
    background-color: var(--c-white);
    color: var(--c-red);
}

.tfact-index-partie-lien {
    display: block;
    font-size: 1.01em;
}

.tfact-index-partie-stats {
    margin: 1em 5px;
}

.tfact-index-partie-link {
    margin: 5px;
    padding: 5px 2px;
    border-radius: 10px;
}

.tfact-index-partie-link:hover {
    background-color: rgba(250, 250, 250, 0.9);
    color: var(--c-bluedark);
}


.a-tp-atcds {
    margin: 1px 3px;
    background: var(--c-beige-03);
    border-radius: 10px;
}

.a-tp-atcd {
    padding: 2px 3px;
}

.atpa-type {
    font-family: var(--ff-graphie);
    font-size: 0.8em;
}

.atpa-details {
    font-size: 0.85em;
}

.atpa-dates {
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-redclaire);
}


.ufact-num {
    text-align: center;
    padding: 2px;
    font-family: var(--ff-play);
    font-size: 0.8em;
    width: 80px;
}

.ufact-date {
    text-align: center;
    padding: 2px;
    font-family: var(--ff-play);
    width: 80px;
}

.ufact-montant {
    text-align: center;
    padding: 2px;
    font-family: var(--ff-play);
    width: 90px;
}

.ufact-acquitee {
    text-align: center;
    padding: 2px;
    width: 40px;
}

.ufact-elements {
    min-width: 200px;
}

.ufact-elements-element {
    margin: 4px 2px;
    padding: 2px 5px;
    font-size: 0.9em;
    background: var(--c-jaune-07);
    border-radius: 10px;
}

.ufact-btns {
    text-align: center;
    width: 46px;
	max-width: 46px;
	min-width: 46px;
}


#tp-traitements-tableau-contenttable {
    margin: 1em 0;
}

#ttt-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    background-color: var(--c-red);
    color: var(--c-white);
    border-radius: 10px;
    overflow: hidden;
}

#ttt-table td {
    height: 45px;
    border: 1px solid var(--c-bluedark);
    padding: 2px;
}

.ttt-tr-prise {
    text-align: center;
}

.ttt-td-priselabel {
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.9em;
    border-top: 2px solid var(--c-red) !important;
    border-left: 2px solid var(--c-red) !important;
    border-bottom-color: transparent !important;
    padding-right: 4px !important;
}

.ttt-td-horaireprise {
    min-width: 55px;
    background-color: var(--c-white);
    color: var(--c-red);
    border-top: 2px solid var(--c-red) !important;
    font-family: var(--ff-play);
    font-weight: bold;
}

.ttt-td-totallabelheader {
    min-width: 55px;
    background-color: var(--c-beigeclaire);
    color: var(--c-redpale);
    font-size: 0.95em;
    border-top: 2px solid var(--c-red) !important;
    border-width: 2px !important;
}

.ttt-td-stocklabelheader {
    background-color: var(--c-beigeclaire);
    color: var(--c-redpale);
    font-size: 0.95em;
    border-top: 2px solid var(--c-red) !important;
    border-bottom-color: transparent !important;
}

.ttt-td-prepareslabelheader {
    background-color: var(--c-beigeclaire);
    color: var(--c-redpale);
    font-size: 0.95em;
    border-top: 2px solid var(--c-red) !important;
    border-right: 2px solid var(--c-red) !important;
    border-bottom-color: transparent !important;
}

.ttt-tr-distribution {
    text-align: center;
}

.ttt-td-distriblabel {
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.9em;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-width: 2px !important;
    padding-right: 4px !important;
}

.ttt-td-horairedistrib {
    min-width: 55px;
    background-color: var(--c-white);
    color: var(--c-red);
    font-family: var(--ff-play);
    border-bottom-width: 2px !important;
}

.ttt-td-labdoses {
    background-color: var(--c-beigeclaire);
    color: var(--c-redpale);
    font-size: 0.85em;
    border-top-color: transparent !important;
    border-bottom-width: 2px !important;
}

.ttt-td-labdoses-prepares {
    border-right: 2px solid var(--c-red) !important;
}

.ttt-tr-nomttt,
.ttt-tr-tttformeformat {
    background-color: white;
}

.ttt-tr-nomttt td {
    background-color: var(--c-redclaire-05);
    height: 25px !important;
    color: var(--c-red);
    border-top-width: 2px !important;
}

.ttt-td-withlink a {
    display: block;
}

.ttt-td-withlink a {
    color: var(--c-bluedark);
}

.ttt-td-withlink a:hover {
    color: var(--c-red);
}

.ttt-td-nomttt {
    font-weight: bold;
    border-bottom-color: transparent !important;
    border-right-width: 2px !important;
}

.ttt-td-forme a {
    text-align: left;
    color: var(--c-redpale);
    font-size: 0.85em;
}

.ttt-td-commentaire {
    font-weight: normal;
    font-size: 0.85em;
    color: var(--c-redpale);
    font-style: italic;
    padding: 0 5px;
}

.ttt-td-format {
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.ttt-td-nbrdoses {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.95em;
    min-width: 80px;
}

.ttt-td-nbrdoses.fc-green {
    color: var(--c-green);
}

.ttt-td-nbrdoses.tppt-programmations-item-case-stock-alerte-1 {
    background-color: var(--c-jaune) !important;
    font-weight: bold;
    /* font-size: large; */
}

.ttt-td-nbrdoses.tppt-programmations-item-case-stock-alerte-2 {
    background-color: var(--c-jaune) !important;
    font-weight: bold;
    font-size: large;
    color: red;
}

.ttt-tr-tttformeformat td {
    background-color: var(--c-redclaire-05);
    /* border-left-color: transparent !important; */
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    height: 25px !important;
    color: var(--c-red);
}

.ttt-td-empty {}

td.ttt-td-empty-last {
    border-right: 2px solid var(--c-bluedark) !important;
}


.ttt-tr-medocprogram {
    background-color: var(--c-white);
}

.ttt-tr-medocprogram input[type="number"] {
    border: 0px solid transparent;
    /* box-shadow: none; */
    border-radius: 0;
}

.ttt-tr-medocprogram input[type="number"].fc-lightgray {
    color: var(--c-lightgray);
}

.ttt-td-frequence {
    color: var(--c-bluedark);
    font-size: 0.95em;
    min-width: 130px;
}

.ttt-td-frequence:hover {
    background-color: var(--c-beige);
}

.ttt-td-freq-total,
.ttt-td-freq-case {
    width: 54px;
}

.ttt-td-freq-total,
.ttt-td-freq-nbrdoses {
    background-color: var(--c-beigeclaire);
    color: #898989;
    font-family: var(--ff-play);
    text-align: center;
    font-size: 0.9em;
}

.ttt-td-freq-total {
    border-right-width: 2px !important;
    border-left-width: 2px !important;
}

.ttt-tr-total {}

td.ttt-td-totallabel {
    text-align: right;
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding-right: 4px !important;
}

.ttt-td-totaldose {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.9em;
    background-color: var(--c-beigeclaire);
    color: #898989;
}

.ttt-td-stick {
    position: sticky;
    left: 0;
}

.t-ttt-infospilulier-cadre-generique {
    background-color: var(--c-beige-03);
    border-radius: 10px;
    padding: 0.5em;
    margin: 0.15em 0.25em;
}

.t-ttt-infospilulier-cadre-generique-titre {
    font-family: var(--ff-graphie);
    color: var(--c-redpale);
    font-family: var(--ff-play);
    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.t-ttt-infospilulier-cadre-generique-texte {
    font-family: var(--ff-graphie);
    color: var(--c-red);
    font-size: 0.85em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-style: italic;
}

.alt-c-r-c-infos--soin--accompagne {
    margin: 4px 3px;
    margin-left: 1.5em;
    background-color: var(--c-jaune-07);
    border-radius: 10px;
    padding: 3px;
    font-size: 0.9em;
    box-shadow: 1px 1px 2px var(--c-beigeclaire);
    opacity: 0.9;
}

.acrcisa-label {
    white-space: nowrap;
    font-family: var(--ff-graphie);
    color: var(--c-redpale);
    padding-right: 3px;
    font-size: 0.95em;
    min-width: 34px;
}

.acrcisa-label>div {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: var(--c-beige);
    color: var(--c-red);
}

.acrcisa-valeur {
    max-width: calc(100% - 34px);
}

.acrcisa-valeur .t-ttt-infospilulier-cadre-generique {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.acrcisa-valeur .t-ttt-infospilulier-cadre-generique img {
    width: 30px;
    min-width: 30px;
}

.acrcisa-valeur .t-ttt-infospilulier-cadre-generique-texte {
    font-size: 1em;
}

#agenda-tableau[data-affichageinfossup="0"] .alt-c-r-c-infos--soin--accompagne {
    display: none;
}


.rappel-soins-sans-horaires {
    background-color: var(--c-beige-01);
}

.rssh-contenu {}

.rssh-contenu-label {
    font-family: var(--ff-graphie);
    color: var(--c-redpale);
    font-size: 0.8em;
    padding: 3px;
}

.rssh-item {}

.rssh-item-tp {
    padding: 0 3px;
    font-size: 0.9em;
}

.rssh-item ul {
    margin: 0;
    font-size: 0.9em;
}


.fpti-draganddrop {
    width: 40px;
    min-width: 40px;
    text-align: center;
}


table.table-row-spacing {
    border-collapse: separate;
    border-spacing: 0 0.3em;
}


table.table-row-spacing .fpti-row-separate,
table.table-row-spacing .fpti-row-separate td {
    display: none;
}

.fpti-row-dropzone {
    height: 36px;
    /* margin: 0.3em; */
    background-color: var(--c-redclaire);
    border-radius: 20px;
}

.fpti-row-dropzone>*:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.fpti-row-dropzone>*:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}


#fp-tableau-infos-atcds-conteneur.sortProcessing {}

#fp-tableau-infos-atcds-conteneur .tpatcd-tri-stop {
	font-family: var(--ff-play);
    color: var(--c-green);
	font-size: 0.8em;
    font-weight: bold;
}

#fp-tableau-infos-atcds-conteneur.sortProcessing .tpatcd-tri-launch,
#fp-tableau-infos-atcds-conteneur:not(.sortProcessing) .tpatcd-tri-stop,
#fp-tableau-infos-atcds-conteneur.sortProcessing #fp-tableau-infos-atcds .fpti-label-edit {
    display: none;
}

#fp-tableau-infos-atcds-conteneur.sortProcessing #fptiac-btn,
#fp-tableau-infos-atcds-conteneur:not(.sortProcessing) .fpti-draganddrop * {
    visibility: hidden;
}

#fp-tableau-infos-atcds-conteneur.sortProcessing .fpti-draganddrop {
    cursor: move;
    cursor: grab;
}


.form-showmore-btn {
    margin: 1em 0.25em;
    padding: 0.25em;
    background: var(--c-beige-01);
    border-radius: 10px;
}

.form-champsetinfos-btn-tosee {
    width: 100%;
    font-family: var(--ff-play);
    color: var(--c-redpale);
    font-size: 0.8em;
    margin-left: 0.5em;
    margin-top: 0.25em;
}

.form-showhide-fields.form-showhide-fields--show .form-champsetinfos-btn-show,
.form-showhide-fields.form-showhide-fields--show .form-champsetinfos-btn-tosee,
.form-showhide-fields:not(.form-showhide-fields--show) .form-champsetinfos-btn-hide,
.form-showhide-fields:not(.form-showhide-fields--show) .form-champsetinfos-sup {
    display: none;
}


.tecp-part-showbtn {}

.tecp-part-showbtn-lab {
    max-width: calc(100% - 42px);
}

.tecp-part-showbtn-btn {
    width: 42px;
}

.tecp-part-showbtn-btn .bton {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}

.tecp-part-showbtn-light {}

.tecp-part-showbtn-light>span {
    font-size: 0.9em;
    font-family: var(--ff-play);
    padding: 0.5em;
}

.btn-rond-px30 {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 100%;
}

.btn-rond-px35 {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    border-radius: 100%;
}

.btn-rond-px40 {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 100%;
}

.btn-rond-px60 {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    border-radius: 100%;
}

.btn-rond-px50 {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    border-radius: 100%;
}

#tp-conteneur-plus {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    position: sticky;
    bottom: 6px;
    right: 0;
    width: 100%;
    padding: 6px;
    z-index: var(--zi-lvl-1a0);
    pointer-events: none;
}

html.onApp #tp-conteneur-plus {
    bottom: 50px !important;
}

#tp-btn-plus {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--c-beige);
    border: 1px solid var(--c-redclaire);
    margin-left: auto;
    pointer-events: auto;
    box-shadow: 0 0 6px lightgray;
    transition: transform 0.2s linear;
}

#tp-btns-plus {
    background-color: var(--c-white);
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 3px lightgray;
    pointer-events: auto;
    max-width: 460px;
    margin-left: auto;
    border: 1px solid var(--c-beige);
}

#tp-conteneur-plus:not(.showed) #tp-btns-plus-conteneur {
    display: none;
}

#tp-conteneur-plus:not(.showed) #tp-btn-plus:hover {
    transform: rotate(-15deg);
}

#tp-conteneur-plus.showed #tp-btn-plus {
    transform: rotate(-45deg);
}


.tt-all-infonew {
    margin: 0.25em;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
    padding: 0.25em;
    background-color: var(--c-white);
}

.tt-all-infonew--patient {
    font-weight: bold;
}

.tt-all-infonew-tpitem {
    display: block;
    margin-left: 1em;
    font-size: 0.95em;
    padding: 0.5em 0;
    /* color: var(--c-classic); */
    color: var(--c-bluedark);
}

.tt-all-infonew-tpitem a {
    color: var(--c-classic);
}

.tt-all-infonew-tpitem a:hover {
    color: var(--c-redclaire);
}

.tt-all-infonew-tpitem--ts-conteneur {
    margin-left: 1em;
    font-size: 0.9em;
}

.tt-all-infonew-u {
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.95em;
}

.tt-all-infonew-icn {
    background-color: var(--c-redpale);
    color: var(--c-white);
    border-radius: 100%;
    width: 26px;
    height: 26px;
    overflow: hidden;
}


.ttt-form-vider-type-prepares .ttt-preparation-ligne-ttt-dose-stock,
.ttt-form-vider-type-stock .ttt-preparation-ligne-ttt-dose-prepares {
    display: none;
}


.t-item-vuepar-liste {
    opacity: 0.6;
    margin-top: 1em;
    padding: 1px;
    border-radius: 6px;
    color: var(--c-red);
}

.t-item-vuepar-liste:hover {
    opacity: 1;
}

.t-item-vuepar {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
    margin: 2px;
    padding: 2px 6px;
    background-color: var(--c-beigeclaire);
    border-radius: 10px;
}

.t-item-vuepar span {
    padding: 0 1px;
}

.tivp-avatar {
    width: 17px;
    min-width: 17px;
    max-width: 17px;
}

.t-item-vuepar img {
    width: 15px;
}


.tretro-td-patient {
    background-color: var(--c-beige);
    padding: 5px;
    border-radius: 8px;
    font-weight: bold;
}

.tretro-td-fact {
    background: var(--c-redclaire);
    padding: 5px;
    border-radius: 8px;
}

#tretro-setall-table {
    display: table;
}

#tretro-setall-table>div {
    display: table-row;
}

#tretro-setall-table>div>div,
#tretro-setall-table>div>label {
    display: table-cell;
    padding: 1px;
}

#tretro-setall-table>div>label {
    white-space: nowrap;
}

.tretro-td-labeltype {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
}

.tretro-td-montantbase {
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-redpale);
}


.tretro-tr-null td {
    color: var(--c-lightgray) !important;
    opacity: 0.8;
}

#affichage-io-tp-infos {
    background: var(--c-beige);
    border-radius: 10px;
    padding: 5px 0;
}

.tfi-resultats-eligibilite {
    margin: 1.5em 0;
    background-color: var(--c-beige-03);
    border-radius: 6px;
    padding: 0.5em;
}

.tfi-re-label {
    font-family: var(--ff-play);
    font-size: 0.9em;
    color: var(--c-redpale);
}

.tfi-re-valeur {
    font-weight: bold;
}

.tfi-re-eligible {
    color: var(--c-green);
    padding: 0.15em;
}

.tfi-re-noneligible {
    color: red;
    padding: 0.15em;
}

.tfi-re-msg {
    font-weight: normal;
    color: var(--c-classic);
    font-size: 0.9em;
    margin: 0.15em;
    padding: 0.15em;
    background-color: var(--c-beige-03);
    border-radius: 6px;
}

.tfi-resultats-eligibilite[data-eligibilite="0"] .tfi-re-eligible,
.tfi-resultats-eligibilite[data-eligibilite="1"] .tfi-re-noneligible {
    display: none;
}

.tp-covidgrippe-partie-conteneur .fiches-liste-type-conteneur .v4-liste-titre {
    display: none;
}

#tfactu-btn-factudoffice {}

#tfactu-btn-factudoffice.unabled {
    background-image: none;
    background-color: lightgray;
}

#t-vieducabinet-affichage-global-resume {
    padding: 0 0.15em;
}

.anj-label-liste {
    display: none;
    font-family: var(--ff-graphie);
    font-size: 0.75em;
    color: var(--c-redclaire);
    padding: 0 0.25em;
    margin-top: 1em;
}

#t-vieducabinet-affichage-global-resume .anj-label-liste {
    display: block;
}

#t-vieducabinet-affichage-global-resume .agenda-note-journee-cadre {
    margin: 0 0.25em;
    margin-bottom: 0.25em;
}


.calendrier-ligne-infos-vac {
    height: 20px;
}


.periode-type-vac {
    padding-top: 1px;
    padding-bottom: 1px;
}

.periode-lien-vac {
    font-family: var(--ff-play);
    font-size: 13px;
    background-color: var(--c-beigeclaire);
    color: var(--c-bluedark);
}

.periode-type-vac .periode-contenu {
    border-radius: 4px;
    border-color: var(--c-beige);
}

.periode-type-vac.periode-finie-ailleurs .periode-contenu {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.periode-type-vac.periode-commence-ailleurs .periode-contenu {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.periode-lien-vac>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendrier-ligne-infos-individu-colonne-vac,
.calendrier-ligne-infos-individu-colonne-vac .c2-date,
.calendrier-ligne-infos-individu-colonne-vac .c2-jour {
    width: 26px;
    min-width: 26px;
}

.calendrier-ligne-infos-individu-colonne-vac .periode-lien-vac {
    font-size: 12px;
}

.calendrier-ligne-infos-individu-colonne-vac .periode-lien-vac>div {
    white-space: normal;
    text-overflow: initial;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: center;
}


#statskm-table {
    border-radius: 10px;
    overflow: hidden;
}

#statskm-table td {
    border: 1px solid var(--c-beige);
    padding: 3px 5px;
}

#statskm-table thead td,
#statskm-table thead th,
#statskm-table tfoot td {
    text-align: center;
    /* background-color: var(--c-beige-07); */
    font-family: var(--ff-graphie);
    font-size: 0.85em;
    font-weight: bold;
}

#statskm-table .statskm-tr-date td {
    /* background-color: var(--c-beige-05); */
    font-family: var(--ff-graphie);
    font-size: 1.1em;
    padding: 5px;
}

#statskm-table tbody tr:not(.statskm-tr-date):nth-of-type(odd) td {
    /* background-color: rgba(250,250,250, 0.5); */
}

.statskm-td-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    white-space: nowrap;
    min-height: 35px;
}

.statskm-td-depretour {
    font-family: var(--ff-play);
    font-size: 0.9em;
    text-align: left;
}

.statskm-td-nbr {
    font-family: var(--ff-play);
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}

.statskm-tr-item[data-nbr="0"] .statskm-td-nbr {
    color: var(--c-redclaire);
    font-weight: normal;
}

.statskm-tr-date .statskm-td-nbr {
    font-size: 0.8em !important;
    color: var(--c-beige);
    font-weight: normal;
}

.statskm-td-edit:hover {
    background-color: var(--c-redpale);
    color: var(--c-white);
}

.statskm-td-edit {
    width: 35px;
    text-align: center;
}

.menu-cab-couleur {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 1px solid white;
}

.t-menu-choix-cal {
    text-align: center;
    padding: 1em;
    border: 2px solid rgb(150, 150, 150);
    border-radius: 15px;
    margin: 1em 0;
    font-family: var(--ff-graphie);
    font-weight: bold;
    background-color: var(--c-beige-03);
}

#dppd-contenu {
    padding: 1px;
}

#dppd-conteneur-general {}

#dppd-conteneur-general .export-hdp {
    margin-top: 4em;
}

#dppd-conteneur-general .export-hdp-coordonnees,
#dppd-conteneur-general .export-hdp-label-name {
    display: none;
}

#dppd-conteneur-general .fiche-tableauinfos-ligne-dates {
    color: var(--c-classic);
}

#dppd-conteneur-general .export-fichiers {
    margin-top: 4em;
}

.dppd-profil-choix {
    padding: 1em;
    margin: 1em 0;
    background-color: var(--c-beige-03);
    background: linear-gradient(to top left, var(--c-beige-07), var(--c-beige-03));
    text-align: center;
    font-family: var(--ff-graphie);
    font-size: 1.5em;
    border-radius: 15px;
    border: 1px solid var(--c-redpale);
}

a.dppd-profil-choix {
    display: block;
}

.dppd-profil-choix:hover {
    border: 2px solid var(--c-red);
    background-color: var(--c-beige-05);
    background: linear-gradient(to top left, var(--c-beige-03), var(--c-beige-07));
    font-weight: bold;
}

#dppd-actions-historique {
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

.dppd-actions-historique-item {}

.dppd-actions-historique-item td {
    border: 1px solid var(--c-beige);
}

.dppd-actions-historique-item-date {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 5px;
    font-weight: bold;
    color: green;
    white-space: nowrap;
    text-align: center;
}

.dppd-actions-historique-item-valeur {
    font-size: 0.9em;
    padding: 5px;
    width: 90%;
}


.tpdppd-item-historique-item--date {
	font-family: var(--ff-play);
	font-size: 0.95em;
	padding: 3px;
	width: 80px;
	text-align: center;
}

.tpdppd-item-historique-item--who {
	font-family: var(--ff-graphie);
	padding: 3px;
}


.tpdppd-item-historique-item-triangle {
    width: 34px;
}

.tpdppd-item-historique-item-triangle>div {
    border-radius: 100%;
    background-color: var(--c-redclaire);
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--c-white);
    transition: transform 0.2s linear;
}

.tpdppd-item-historique-item:hover .tpdppd-item-historique-item-triangle>div {
    background-color: var(--c-redpale);
}

.tpdppd-item-historique-item.deployed .tpdppd-item-historique-item-triangle>div {
    transform: rotate(180deg);
}


.tpdppd-d-item {
    padding-bottom: 2em;
}

.tpdppd-d-item-titre {
    background-color: var(--c-jaune);
    border-top: 1px solid var(--c-beige);
}

.tdit-type {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    padding: 8px 5px;
}

.tdit-horodatage {
    font-family: var(--ff-play);
    font-size: 0.9em;
    padding: 8px 5px;
}

.tpdppd-d-item-who {}

.tdiw-who {
    font-size: 0.9em;
    padding: 8px 5px;
}

.tdiw-ip {
    font-family: var(--ff-play);
    font-size: 0.85em;
    padding: 8px 5px;
    color: var(--c-redpale);
}

.tpdppd-d-item-infos {}

.tdii-valeur {
    padding: 5px;
    padding-bottom: 10px;
    margin: 3px 5px;
    border-radius: 10px;
    /* border: 1px solid var(--c-redclaire); */
    /* background-color: var(--c-beige-01); */
    background-color: var(--c-beige-02);
}

.tdii-tc-type {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
}

.tdii-tc-valeur {
    font-family: var(--ff-play);
    margin-left: 1em;
    padding: 2px;
}

.tdii-tc-details {
    font-size: 0.9em;
    font-style: italic;
}

.tdii-f-apercu {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}

.tdii-f-details {
    max-width: calc(100% - 105px);
}

.tpdppd-d-options {
    margin: 2px;
    margin-top: 5px;
}

.elem-reference-fromdppd {
    font-family: var(--ff-play);
    font-size: 0.75em;
    margin: 0.25em;
    margin-right: 0;
    opacity: 0.8;
    text-align: right;
}

#t-dppd-liste-acces-table {
    min-width: 100%;
    text-align: center;
    border-collapse: collapse;
}

#t-dppd-liste-historique-table td,
#t-dppd-liste-acces-table td {
    padding: 2px;
}

#t-dppd-liste-historique-table .v4-liste-soustitre,
#t-dppd-liste-acces-table .v4-liste-soustitre {
    font-family: var(--ff-graphie);
}


#t-dppd-liste-historique-table .v4-liste-soustitre td {
	padding: 5px;
}

	.tpdppd-historique-item--tdcid {
		font-family: var(--ff-play);
		font-size: 0.95em;
		font-weight: bold;
		max-width: 100px;
		min-width: 60px;
	}

	.tpdppd-historique-item--date {
		text-align: center;
		font-family: var(--ff-play);
		font-size: 0.95em;
		min-width: 75px;
	}

	.tpdppd-historique-item--who {
		font-family: var(--ff-graphie);
		min-width: 115px;
	}

	.tpdppd-historique-item--options {
		width: 44px;
		min-width: 44px;
		max-width: 44px;
	}

.tpdppd-item-patient {
    background-color: var(--c-jaune) !important;
    border-top: 1px solid var(--c-bluedark);
}

.tpdppd-item {
    height: 40px;
}

.tpdppd-item-infos {}

.tpdppd-item-id {
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-redpale);
}

.tpdppd-item-code {
    font-family: var(--ff-play);
    font-size: 0.9em;
    font-weight: bold;
}

.tpdppd-item-nbracces {
    font-family: var(--ff-play);
    font-size: 0.9em;
}

.tpdppd-item-options {
    padding: 2px;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.tpdppd-item-accesliste {
    padding: 4px 2px;
    width: calc(100% - 20px);
}

.tpdppd-item-acces-lab {}

.tpdppd-item-acces-valeur {
    font-weight: bold;
}

.tpdppd-item .tpdppd-item-actifinactif-spot {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid white;
    opacity: 0.6;
}

.tpdppd-item[data-statut="actif"] .tpdppd-item-actifinactif-spot {
    background-color: green;
}

.tpdppd-item[data-statut="inactif"] .tpdppd-item-actifinactif-spot {
    background-color: red;
}

.tpdppd-item[data-statut="inactif"]:not(:hover) td {
    opacity: 0.7;
    color: var(--c-redpale);
}

.tpdppd-item[data-statut="inactif"]:not(:hover) .fc-green,
.tpdppd-item[data-statut="inactif"]:not(:hover) .fc-red {
    color: var(--c-gray);
}

#t-dppd-donnees-liste-table {
    min-width: 100%;
    text-align: center;
    border-collapse: collapse;
}

#t-dppd-donnees-liste-table td {
    padding: 8px 4px;
}

#t-dppd-donnees-liste-table .v4-liste-soustitre {
    font-family: var(--ff-graphie);
    font-size: 0.8em;
}

#t-dppd-donnees-liste-table .v4-liste-soustitre td {
    padding: 10px 4px;
}

.tdi-icn {
    width: 33px;
    min-width: 33px;
    max-width: 33px;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.tdi-icn-icn {
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background-color: var(--c-redpale);
    color: var(--c-white);
    margin: auto;
}

.tdi-date-ajout {
    font-family: var(--ff-play);
    width: 100px;
    min-width: 100px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.tdi-date-ajout-date {
    font-size: 0.9em;
    white-space: nowrap;
}

.tdi-date-ajout-heure {
    font-size: 0.9em;
    color: var(--c-redpale);
    white-space: nowrap;
}

.tdi-who {
    text-align: left;
    width: 90%;
}

.tdi-who-who {
    white-space: nowrap;
}

.tdi-who-ip {
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-redclaire);
}

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

.tdi-opts .bton-lab span,
.tdi-opts a {
    white-space: nowrap;
}

.tpdppd-d-item-contenu {
    text-align: left;
}

.tpdppd-d-item-contenu td {
    padding-bottom: 1.5em !important;
}

.tdic-horodatage {
    text-align: right;
    font-family: var(--ff-play);
    font-weight: bold;
    font-size: 0.85em;
}

#t-doc-patients {}

.t-doc-patients-soustitre {
    background-color: var(--c-redclaire) !important;
    text-align: left;
    font-family: var(--ff-graphie);
    font-size: 0.8em;
    color: var(--c-white) !important;
    height: 40px;
}

.t-doc-patients-soustitre>td {
    color: var(--c-white) !important;
    padding: 10px 4px;
}

.t-doc-patients-infocabinet {
    background-color: var(--c-jaune-07) !important;
    height: 30px;
    font-family: var(--ff-graphie);
    font-weight: bold;
    border-top: 1px solid var(--c-bluedark);
}

.t-doc-patients-infocabinet td {
    padding: 8px 6px;
}

.t-doc-patients-item:not(.t-doc-patients-soustitre) {
    height: 50px;
}

.t-doc-patients-item>td {
    height: 1px;
}

.t-doc-patients-item>td a {
    padding: 10px 4px;
    width: 100%;
    height: 100%;
}

.tdpi-sexe {
    min-width: 25px;
    text-align: center;
}

.tdpi-nom {
    font-weight: bold;
    white-space: nowrap;
}

.tdpi-prenom {
    white-space: nowrap;
    color: var(--c-classic);
}

.tdpi-prenom a {
    white-space: nowrap;
    color: var(--c-classic);
    padding-left: 8px;
    padding-right: 8px;
}

.tdpi-ddn {
    font-family: var(--ff-play);
    white-space: nowrap;
    font-size: 0.95em;
    color: var(--c-classic);
}

.tdpi-ddn a {
    white-space: nowrap;
    color: var(--c-classic);
}

.tdpi-njf {
    font-size: 0.95em;
    color: var(--c-redpale) !important;
}

.tdpi-njf a {
    color: var(--c-redpale) !important;
}

.tdpi-identiteusuelle {
    font-size: 0.9em;
    color: var(--c-redpale) !important;
    white-space: nowrap;
}

.tdpi-identiteusuelle a {
    color: var(--c-redpale) !important;
    white-space: nowrap;
}

.tdpi-ss {
    font-family: var(--ff-play);
    white-space: nowrap;
    font-size: 0.9em;
    color: var(--c-classic);
}

.tdpi-ss a {
    white-space: nowrap;
    color: var(--c-classic);
}

#caisses-liste-table {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
}

#caisses-liste-table thead .v4-liste-soustitre,
#caisses-liste-table tfoot .v4-liste-soustitre {
    font-size: 0.8em;
}

.caisses-liste-item {}

#caisses-liste-table tbody td {
    padding: 6px 3px;
}

#caisses-liste-table tbody .cli-nom {
    font-family: var(--ff-graphie);
    min-width: 200px;
    font-size: 0.95em;
}

#caisses-liste-table tbody .cli-coderegime,
#caisses-liste-table tbody .cli-caissegestionnaire,
#caisses-liste-table tbody .cli-centregestionnaire {
    font-family: var(--ff-play);
    white-space: nowrap;
    text-align: center;
    font-size: 0.9em;
}

#caisses-liste-table tbody .cli-adresse {
    font-size: 0.8em;
}

#caisses-liste-table tbody .cli-adresse>div {
    white-space: nowrap;
}

#caisses-liste-table tbody .cli-tel {
    font-family: var(--ff-play);
    font-size: 0.95em;
}

#caisses-liste-table tbody .cli-fax {
    font-family: var(--ff-play);
    font-size: 0.8em;
}

#t-liste-repertoire-searchbar,
#t-liste-caisses-searchbar,
#t-liste-videosyoutube-searchbar {}

#t-liste-repertoire-searchbar:not(.using) #t-liste-repertoire-searchbar-erase,
#t-liste-caisses-searchbar:not(.using) #t-liste-caisses-searchbar-erase,
#t-liste-videosyoutube-searchbar:not(.using) #t-liste-videosyoutube-searchbar-erase {
    opacity: 0.2;
}

#t-fonctionnement-liste {}

.t-fonctionnement-liste-item {
    margin: 1em;
    padding: 1em;
    min-height: 50px;
    font-size: 1.2em;
    background-color: var(--c-beige-03);
    background: linear-gradient(to top left, var(--c-beige-07), var(--c-beige-03));
    border-radius: 15px;
    font-weight: bold;
    border: 1px solid var(--c-beige);
}

.t-fonctionnement-liste-item:hover {
    background-color: var(--c-beige-05);
    background: linear-gradient(to bottom right, var(--c-beige-07), var(--c-beige-03));
    color: var(--c-classic);
    border: 1px solid var(--c-redpale);
}

#liste-patients-absences {}

#liste-patients-absences .ta-tp-icn,
#t-patient-affichage-global-absences .ta-tp-identite {
    display: none;
}


#t-teletrans-montants-recap {}

.t-teletrans-montants-user {}

.ttmu-item {
    padding: 5px;
    text-align: center;
}

.ttmu-label {
    font-family: var(--ff-graphie);
}

.ttmu-valeur {
    font-family: var(--ff-play);
}

.ttmu-item:nth-of-type(even) {
    background-color: var(--c-beige-02);
}

.ttmu-item-conteneur {
    font-size: 0.95em;
    color: var(--c-beige);
    margin: 0 10px;
}

.ttmu-item-conteneur .ttmu-item {
    padding: 0;
    text-align: left;
    background-color: transparent !important;
}

.ttmu-item-conteneur .ttmu-label {
    font-size: 0.95em;
}

.ttmu-item-conteneur .ttmu-item-zero {
    opacity: 0.6;
}



#factu-patients-table {
    border-collapse: collapse;
}

#factu-patients-table tr {
    height: 1px;
}

#factu-patients-table .v4-liste-soustitre td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tfactp-item {}

.tfactp-item .td-chkbox {
    text-align: center;
    padding: 3px;
}

.tfactp-item--patient {
    background-color: var(--c-beige);
    font-family: var(--ff-graphie);
}

.tfactp-item--patient td {
    border-top: 4px solid var(--c-redpale);
    height: 50px;
}

.tfactp-item .td-patient {
    padding: 8px 4px;
}

.tfactp-item .td-chbox-pad {
    width: 3px;
    min-width: 3px;
}

.tfactp-item .td-chkbox {
    height: 1px;
}

.tfactp-item:not(.tfactp-item--patient) .td-chkbox {
    width: 44px;
    min-width: 44px;
}

.tfactp-item .td-chkbox label {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.tfactp-item .td-pro,
.tfactp-item .td-rempla {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    font-size: 0.9em;
    padding: 4px 2px;
}

.tfactp-item .td-pro[colspan="2"],
.tfactp-item .td-rempla[colspan="2"] {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.tfactp-item .td-date {
    font-family: var(--ff-play);
    padding: 8px;
    font-size: 0.8em;
}

.tfactp-item .td-nbractes {
    font-family: var(--ff-play);
    padding: 8px;
    text-align: center;
}

.tfactp-item .td-nbrasecuriser {
    font-family: var(--ff-play);
    padding: 8px;
    text-align: center;
}

.tfactp-item .td-nbrateletransmettre {
    font-family: var(--ff-play);
    padding: 8px;
    text-align: center;
}


.td-retrodate-label {
    text-align: left;
    font-weight: bold;
    font-family: var(--ff-graphie);
    padding: 10px;
}

.td-retrodate-voirtout {
    text-align: left;
    font-family: var(--ff-play);
    padding: 10px;
    padding-left: 75px;
    font-style: italic;
    font-size: 0.9em;
}

#factu-factures-table[data-listevoulue="retrocessions"] .facturation-factures-item:not(.shown),
#factu-factures-table[data-listevoulue="retrocessions"] .td-actes {
    display: none;
}


.progressBar {
    border: 1px solid var(--c-redpale);
    border-radius: 4px;
    height: 10px;
    overflow: hidden;
}

.progressBar-bar {
    height: 100%;
    width: 0%;
    background-color: var(--c-beige);
    transition: 0.5s width linear;
}


.tfact-err-liste-soustitre {}

.tfelst-label {
    padding: 15px 5px !important;
    font-family: var(--ff-graphie);
    font-weight: bold;
}

.tfelst-nbrrdvs {
    font-family: var(--ff-play);
    font-weight: normal !important;
    color: var(--c-redclaire);
    text-align: right;
    font-size: 0.8em !important;
    padding: 5px;
}


.tfact-err-liste-item {}

.tfeli-label {
    padding: 15px 5px;
    font-size: 0.95em;
}

.tfeli-info {
    text-align: center;
    color: var(--c-redpale);
    width: 30px;
    padding: 15px 5px;
}

.tfeli-info.click-ajax:hover {
    color: var(--c-red);
}

.tfeli-nbrrdvs {
    font-family: var(--ff-play);
    text-align: center;
    font-size: 0.9em;
    padding: 15px 5px;
    width: 80px;
    color: var(--c-redpale);
}

.tfelst-tsp {
    font-weight: normal;
    font-size: 0.95em;
    padding-left: 10px;
    color: var(--c-bluepale);
}


.cl-relous {}

html:not(.cl-relous) a[href*="contact/logs/"],
html:not(.cl-relous) .showToRelous,
.cl-relous a[href*="inscription/"],
.cl-relous a[href*="/inscription"],
.cl-relous a[href*="/trans/facturation"],
.cl-relous a[href*="/trans/f-"],
.cl-relous a[href*="/trans/dsi"],
.cl-relous a[href*="/trans/fonctionnement"],
.cl-relous a[href*="/trans/presentations"],
.cl-relous a[href*="/trans/cgv"],
.cl-relous a[href*="/trans/landing"],
.cl-relous a[href*="/solutions"],
.cl-relous a[href*="solutions/"],
.cl-relous a[href*="/offres"],
.cl-relous a[href*="offres/"],
.cl-relous a[href*="/tarifs"],
.cl-relous a[href*="tarifs/"],
.cl-relous a[href$="/trans/"],
.cl-relous .notShowToRelous {
    display: none;
}


#form-t-facturation-retro-filtres {}

#form-t-facturation-retro-filtres[data-listevoulue="retrocessions"] [data-hideifvouluretrocessions="1"],
#form-t-facturation-retro-filtres[data-listevoulue="factures"] [data-hideifvoulufactures="1"],
#form-t-facturation-reglements-filtres[data-listevoulue="reglements"] [data-hideifvoulureglements="1"],
#form-t-facturation-reglements-filtres[data-listevoulue="virrsp"] [data-hideifvouluvirrsp="1"] {
    display: none;
}


.notif-tdb-convers img[src*="/avatar/"]:not(.nostylebase),
.notif-tdb-convers .csi-icn {
    width: 22px;
    margin-right: 2px;
}


.fot-bs-conteneur {
    margin: 0.25em;
    padding-bottom: 1em;
}

.fot-bs-titre {}

.fot-bs-titre a {
    display: block;
    font-family: var(--ff-graphie);
    font-size: 1.5em;
    padding: 0.5em;
    background-color: var(--c-bluedark);
    background-image: linear-gradient(to bottom right, var(--c-bluedark) 30%, var(--c-beige-05));
    color: var(--c-white);
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 1px var(--c-bluedark);
}

.fot-bs-titre a:hover {
    background-image: linear-gradient(to bottom right, var(--c-bluedark) 5%, var(--c-beige-01));
}

.fot-bs-who {
    padding: 0.5em;
    text-align: right;
    font-style: italic;
    font-family: var(--ff-play);
    color: var(--c-redpale);
    font-size: 0.9em;
}

.fot-bs-image {
    text-align: center;
    display: block;
    margin: 0.5em;
    overflow: hidden;
}

.fot-bs-image img {
    border-radius: 5px;
}

.fot-bs-post {
    margin: 0.5em;
    padding: 0.5em;
    /* border: 2px solid var(--c-redclaire); */
    border-radius: 10px;
}

.fot-bs-sources {
    padding: 1em;
    font-family: var(--ff-play);
    font-size: 0.9em;
    opacity: 0.8;
}

.fot-bs-sources:hover {
    opacity: 1;
}

.fob-sources-label {
    padding: 5px;
}

.fob-sources-lien {
    /* padding: 5px; */
}

.fob-sources-lien a {
    display: block;
    padding: 5px;
}


html.isBlogStyle .hide-if-blogstyle,
html:not(.isBlogStyle) .show-if-blogstyle {
    display: none;
}

#index-vitrine-titre {
    text-align: center;
    margin: 3em 0;
    padding: 5px;
}

.pv-titre-type1 {
    font-family: var(--ff-graphie);
    /* font-size: 50px; */
    font-size: 3em;
    font-weight: bold;
    text-align: center;
}

.pv-titre-type1 a:not(:hover) {
    color: var(--c-bluedark);
}

#index-vitrine-pretalk {
    padding: 5px;
    text-align: justify;
    max-width: 500px;
    margin: 50px auto;
}

#index-vitrine-btns,
#index-vitrine-btns2 {
    margin: 50px 0;
    padding: 5px;
}

#index-vitrine-btns>div,
#index-vitrine-btns2>div {
    margin: 10px 0;
}

#index-vitrine-btns .bton,
#index-vitrine-btns2 .bton {
    min-width: 300px;
    max-width: 95%;
}

@media (max-width: 300px) {

    #index-vitrine-btns .bton,
    #index-vitrine-btns2 .bton {
        min-width: 200px;
        max-width: 95%;
    }
}

#index-vitrine-btns2 a:not(.bton),
#index-vitrine-btns a:not(.bton) {
    font-family: var(--ff-play);
    color: var(--c-blueclaire);
}

#index-vitrine-btns a:not(.bton):hover,
#index-vitrine-btns2 a:not(.bton):hover {
    color: var(--c-bluedark);
}

#index-vitrine-illustration {
    margin: 60px auto;
    padding: 5px;
    text-align: center;
    max-width: 500px;
}

#index-vitrine-joinidels {
    padding: 5px;
    text-align: center;
    margin: 50px 0;
    margin-bottom: 25px;
    font-family: var(--ff-graphie);
    /* font-size: 30px; */
    font-size: 1.9em;
    font-weight: bold;
}

.pv-temoignages-liste {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 5px;
}

.pv-temoignages-liste>div {
    width: max-content;
    animation: defilement-rtl 250s infinite linear;
}

.pv-temoignages-liste[data-count="1"]>div {
    animation-duration: 105s;
}

.pv-temoignages-liste[data-count="2"]>div {
    animation-duration: 120s;
}

.pv-temoignages-liste[data-count="3"]>div {
    animation-duration: 135s;
}

.pv-temoignages-liste[data-count="4"]>div {
    animation-duration: 150s;
}

.pv-temoignages-liste[data-count="5"]>div {
    animation-duration: 165s;
}

.pv-temoignages-liste[data-count="6"]>div {
    animation-duration: 180s;
}

.pv-temoignages-liste[data-count="7"]>div {
    animation-duration: 195s;
}

.pv-temoignages-liste[data-count="8"]>div {
    animation-duration: 210s;
}

.pv-temoignages-liste[data-count="9"]>div {
    animation-duration: 225s;
}

.pv-temoignages-liste[data-count="10"]>div {
    animation-duration: 240s;
}

.pv-temoignages-liste[data-count="11"]>div {
    animation-duration: 255s;
}

.pv-temoignages-liste[data-count="12"]>div {
    animation-duration: 270s;
}

.pv-temoignages-liste[data-count="13"]>div {
    animation-duration: 285s;
}

.pv-temoignages-liste[data-count="14"]>div {
    animation-duration: 300s;
}

.pv-temoignages-liste:hover>div {
    animation-play-state: paused;
}

.index-vitrine-temoignage {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    padding: 10px;
}

.index-vitrine-temoignage-note {
    height: 30px;
    color: orange;
    padding: 0 10px;
    display: none;
}

.index-vitrine-temoignage-texte {
    font-size: 0.8em;
    padding: 5px 10px;
    text-align: justify;
}

.index-vitrine-temoignage-texte:first-letter {
    font-weight: bold;
    font-size: 1.2em;
}

.index-vitrine-temoignage-auteur {
    font-family: var(--ff-graphie);
    font-size: 0.75em;
    color: var(--c-redpale);
    padding: 0px 10px;
}

.index-vitrine-colonnes {
    width: 100%;
}



@media (max-width: 1004px) {
    .index-vitrine-showifcolonnes {
        display: none;
    }
}

@media (min-width: 1005px) {
    .index-vitrine-colonnes {
        width: 498px;
    }

    .index-vitrine-hideifcolonnes {
        display: none;
    }
}

@media (min-width: 1115px) {
    .index-vitrine-colonnes {
        width: 550px;
    }
}

@media (min-width: 1215px) {
    .index-vitrine-colonnes {
        width: 600px;
    }
}


h2#index-vitrine-features-titre {
    font-family: var(--ff-graphie);
    /* font-size: 30px; */
    font-size: 1.9em;
    font-weight: bold;
    margin: 25px;
    margin-top: 50px;
    padding: 5px;
}

#index-vitrine-features {
    padding: 5px;
}

.index-vitrine-feature {
    margin: 30px auto;
    max-width: 500px;
}

.ivf-icone {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    color: var(--c-red);
}

.ivf-label {
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
    text-align: left;
}

.ivf-label-titre {
    font-family: var(--ff-graphie);
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}

.ivf-label-content {
    text-align: justify;
    font-size: 0.8em;
    color: var(--c-gray);
    margin-left: 5px;
}

.index-vitrine-btn-discover,
#index-vitrine-btn-compareoffer {
    margin: 25px 0;
}

.ivbd-froufrou {
    min-width: 55px;
    text-align: center;
}

#index-vitrine-ettoutca {
    margin: 50px auto;
    max-width: 450px;
    background-color: var(--c-bluedark);
    color: var(--c-white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 25px 15px;
    border-radius: 10px;
}

h2#ive-titre {
    text-align: center;
    font-size: 27px;
    font-weight: bold;
}

.ive-item {
    margin: 25px 0;
    text-align: left;
}

.ivei-icn {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    color: lightgreen;
}

.ivei-label {
    width: calc(100% - 40px);
}

.ive-infomaj {
    margin-top: 30px;
    text-align: center;
    padding: 10px;
}

.pv-titre-type2 {
    font-family: var(--ff-graphie);
    /* font-size: 30px; */
    font-size: 1.9em;
    font-weight: bold;
    margin: 40px 0;
    margin-bottom: 10px;
    text-align: center;
    color: var(--c-red);
    padding: 0 5px;
}

.pv-titre-type2 a:not(:hover) {
    color: var(--c-red);
}

.pv-titre-subtitle-type1 {
    text-align: center;
    font-size: 0.9em;
    padding: 0 5px;
    margin-bottom: 10px;
}

#index-vitrine-offres {}

.pv-tarifs-block {
    padding: 10px 5px;
    max-width: 400px;
}

.pv-tarifs-block-contenu {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0px 4px 5px 1px rgba(193, 193, 193, 0.35);
    border: 1px solid var(--c-lightgray);
    height: 100%;
}

.pv-tarifs-block-free .pv-tarifs-block-contenu {
    border-color: var(--c-lightgray);
}

.pv-tarifs-block-dsi .pv-tarifs-block-contenu {
    border-color: var(--c-bluedark);
}

.pv-tarifs-block-trans .pv-tarifs-block-contenu {
    border: 2px solid var(--c-red);
}

.ivo-title {
    font-family: var(--ff-graphie);
    font-weight: bold;
    text-align: center;
    padding: 10px;
    opacity: 0.9;
}

.ivo-prix {
    font-family: var(--ff-graphie);
    font-weight: bold;
    /* font-size: 50px; */
    font-size: 3em;
    text-align: center;
    padding: 0 10px;
    padding-top: 0;
    text-shadow: 0 0 3px gray;
}

.ivo-prixlabel {
    text-align: center;
    color: var(--c-gray);
    padding-bottom: 15px;
    font-size: 0.75em;
}

.ivo-divider {
    width: 50%;
    margin: auto;
    border-bottom: 1px solid var(--c-lightgray);
    margin-bottom: 20px;
}

.ivo-contenu {
    padding: 5px;
    text-align: left;
}

.ivo-contenu>div {
    font-family: var(--ff-play);
    font-size: 0.8em;
    color: var(--c-gray);
    padding: 5px;
}

.ivo-btn {
    margin: 10px 5px;
}

.ivo-btn .bton {
    min-width: 70%;
}

#index-vitrine-offre-trans .ivo-btn .bton {
    min-width: 80%;
}

#index-vitrine-faq-conteneur {
    margin: 50px 0;
    padding: 20px 0;
    background-color: var(--c-bluedark);
    color: var(--c-white);
}

#index-vitrine-faq {
    margin: auto;
    max-width: 700px;
}

h2#index-vitrine-faq-titre {
    font-family: var(--ff-graphie);
    font-size: 40px;
    font-weight: bold;
    padding: 5px;
}

#index-vitrine-faq-liste {
    padding: 5px;
    font-size: 0.9em;
}

.index-vitrine-faq-item {
    background-color: var(--c-blueclaire);
    padding: 10px;
    margin: 10px 0;
    border-radius: 7px;
}

.ivqi-question {}

.ivqi-question-q {
    width: calc(100% - 30px);
    font-weight: bold;
}

.ivqi-question-icn {
    width: 30px;
}

.ivqi-question-icn>div {
    transition: transform 0.3s linear;
}

.ivqi-reponse {
    display: none;
    margin-left: 5px;
    padding-top: 10px;
    text-align: justify;
}

.index-vitrine-faq-item:not(.deployed):hover .ivqi-question-icn>div {
    transform: rotate(45deg);
}

.index-vitrine-faq-item.deployed .ivqi-question-icn>div {
    transform: rotate(180deg);
}

h2#index-vitrine-contact-titre {
    font-family: var(--ff-graphie);
    font-size: 40px;
    font-weight: bold;
    margin: 40px 0;
    margin-bottom: 10px;
    text-align: center;
    color: var(--c-red);
    padding: 5px;
}

#index-vitrine-contact {
    margin: auto;
    max-width: 400px;
    padding: 5px;
    margin-bottom: 3em;
}

#index-vitrine-whatsapp {
    color: var(--c-whatsapp);
    background-color: var(--c-white);
    color: var(--c-white);
    background-color: var(--c-whatsapp);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    /* border: 1px solid var(--c-whatsapp-dark); */
    border-radius: 20px;
}

h3#ivw-titre {
    font-size: 27px;
    padding: 5px;
    text-align: center;
    font-family: var(--ff-graphie);
    font-weight: bold;
}

#ivw-btn {
    padding: 10px 5px;
}

#ivw-btn>.bton {
    min-width: 80%;
}

#ivw-legende {
    padding: 5px;
    padding-bottom: 10px;
    font-size: 0.75em;
    text-align: center;
}

#index-vitrine-whatsapp-white {
    color: var(--c-whatsapp);
    background-color: var(--c-white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid var(--c-whatsapp);
    border-radius: 20px;
}

html.modeVitrine #menu-contenu {
    background-color: transparent;
}

html.modeVitrine #menu-fermer-div {
    display: none;
}

html.modeVitrine #menu {
    z-index: var(--zi-lvl-3);
}

#menu.openedFromBottom .menu-vitrine-closeconteneur-icn {
    display: none;
}

.menu-vitrine-closeconteneur-icn {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    color: var(--c-blueclaire);
}

.menu-vitrine-closeconteneur-icn:hover {
    color: var(--c-bluedark);
    background-color: var(--c-redclaire);
}

#menu:not(.openedFromBottom) .menu-vitrine-closeconteneur {
    height: 45px;
    max-height: 45px;
    min-height: 45px;
}

html.modeVitrine:not([data-uconnecte="1"]) #menu:not(.openedFromBottom) .menu-vitrine-closeconteneur {
    height: 70px;
    max-height: 70px;
    min-height: 70px;
}

.menu-vitrine-closeconteneur-banniere,
.menu-vitrine-closemenucab-banniere {
    width: 50px !important;
}

#menu:not(.openedFromBottom) .menu-vitrine-closeconteneur-banniere,
#menu:not(.openedFromBottom) .menu-vitrine-closemenucab-banniere {
    max-width: calc(100% - 80px) !important;
}

#menu .menu-vitrine-closeconteneur-banniere {
    padding: 6px;
    opacity: 0.6;
}

#menu .menu-vitrine-closeconteneur-banniere:hover {
    opacity: 1;
}


#menu-menu {
    background-color: white;
    background-image: none;
    width: 300px;
	height: 99vh;
    max-width: 99%;
    margin-left: auto;
    padding-bottom: 0.5em;
    border-bottom-left-radius: 10px;
    overflow-x: hidden;
}

.menu-vitrine-dernieresnews {
    margin: 0.5em;
    margin-top: 1.5em;
    border: 1px solid var(--c-beigepale);
    border-radius: 5px;
    overflow: hidden;
}

.mvdn-titre {
    font-family: var(--ff-graphie);
    text-align: center;
    font-weight: bold;
    padding: 5px;
    font-size: 0.85em;
    background-color: var(--c-blueclaire);
    color: var(--c-white);
}

.mvdn-contenu {}

.mvdn-contenu .msg-notif-msg {
    margin: 0;
    padding: 10px 5px;
    font-size: 0.9em;
}

.mvdn-contenu .msg-notif-msg:nth-child(even) {
    background: var(--c-jaune-05);
    border: 1px solid var(--c-jauneappuye);
    border-left: 0;
    border-right: 0;
}

.mvdn-contenu .msg-notif-msg .msg-notif-msg-horodatage {
    color: var(--c-blueclaire);
    margin-bottom: 5px;
}

.menu-vitrine-categ {
    font-family: var(--ff-graphie);
    margin: 1.5em 7px;
}

	.menu-menu-cab-full .menu-vitrine-categ,
	.menu-menu-cab-full .menu-vitrine-categ .menu-vitrine-categ,
	#menu-menu-t-p .menu-vitrine-categ .menu-vitrine-categ {
		margin: 5px 0;
	}
	
	.menu-menu-cab-full .menu-vitrine-categ .mvcl-lab,
	#menu-menu-t-p .menu-vitrine-categ .mvcl-lab {
		padding-left: 4px;
	}
	
	#menu-menu-t-p .fp-menu-dropdown-contenu.tpnm-total .menu-vitrine-categ[data-categ="dossiernew"] .mvcl-icn {
		color: red;
	}
	#menu-menu-t-p .fp-menu-dropdown-contenu:not(.tpnm-total) .menu-vitrine-categ[data-categ="dossiernew"] .mvcl-icn,
	#menu-menu-t-p .fp-menu-dropdown-contenu:not(.tpnm-total) .menu-vitrine-categ[data-categ="dossiernew"] .mvcl-lab {
		color: var(--c-lightgray);
	}

.menu-vitrine-categ.active {
    border: 1px solid var(--c-beige);
    border-radius: 5px;
    margin-left: 2px;
    margin-right: 3px;
}

.mvc-titre {}

.mvc-contenu {
    margin-left: 20px;
}

.menu-vitrine-categ:not(.deployed) .mvc-contenu:not(.mvc-contenu-deployed) {
    display: none;
}

.mvc-contenu-item {}

.mvc-lien {
    color: var(--c-bluedark);
    min-height: 40px;
    position: relative;
}

.mvc-lien.active {
    background-color: var(--c-beige-02);
    color: var(--c-red);
}

.mvc-titre .mvc-lien {
    font-size: 1.05em;
    max-width: 100%;
}

.avecContenu .mvc-titre .mvc-lien {
    max-width: calc(100% - 45px);
}

.mvc-contenu .mvc-lien {
    color: var(--c-blueclaire);
    max-width: 100%;
}

.mvc-lien:hover {
    color: var(--c-red);
    background-color: var(--c-beige-02);
}

.mvc-titre .mvc-lien {
    font-weight: bold;
}

.mvcl-icn {
    color: var(--c-gray);
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.mvci-small .mvcl-icn .material-icons,
.mvci-small .mvcl-icn .material-icons-outlined {
    font-size: 20px;
}

.mvci-small .mvc-lien {
    font-size: 0.95em;
}

.mvc-lien:not(:hover):not(.active) .mvcl-icn img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

.mvcl-icn img {
    max-width: 22px;
    max-height: 22px;
}

.mvc-titre .mvcl-icn img {
    max-width: 25px;
    max-height: 25px;
}

.mvc-lien:hover .mvcl-icn {
    color: var(--c-bluedark);
}

.mvcl-lab {
    width: calc(100% - 30px);
}

.mvc-titre .mvcl-icn {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
}

.mvc-titre .mvcl-lab {
    width: calc(100% - 34px);
}

.mvc-titre .mvcl-lab>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
}

.menu-vitrine-categ.avecContenu .mvc-titre .mvcl-lab>div,
.mvc-lien-trans-categ.avecContenu .mvc-contenu-item .mvcl-lab>div:last-child {
    border-right: 1px solid var(--c-beige);
}

.mvc-triangle {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    transition: transform 0.2s linear;
    color: var(--c-red);
}

.mvc-triangle>div {
    transition: all 0.3s linear;
}

.menu-vitrine-categ:not(.deployed):not(.deployedClick) .mvc-triangle:not(.mvc-plus):hover>div {
    transform: rotate(45deg);
}
.menu-vitrine-categ:not(.deployed):not(.deployedClick) .mvc-triangle.mvc-plus:hover {
	background-color: var(--c-beige-03);
}

.menu-vitrine-categ.deployed .mvc-triangle:not([data-a3="demo"])>div,
.menu-vitrine-categ.deployedClick .mvc-triangle:not([data-a3="demo"])>div {
    transform: rotate(180deg);
    color: var(--c-blueclaire);
}

.mvc-contenu .mvc-contenu .mvc-contenu-item {}

.mvc-contenu .mvc-contenu .mvc-contenu-item .mvc-lien {
    min-height: 35px;
    font-size: 0.95em;
}

.mvc-contenu .mvc-contenu .mvc-contenu-item .mvc-lien:not(:hover):not(.active) {
    color: var(--c-gray);
}

.mvc-contenu .mvc-contenu .mvc-contenu-item .mvc-lien .mvcl-icn .material-icons,
.mvc-contenu .mvc-contenu .mvc-contenu-item .mvc-lien .mvcl-icn .material-icons-outlined {
    font-size: 20px;
}

.mvc-shortcuts {
    padding: 2px;
    height: 100%;
}

.mvc-shortcuts-liste {
    max-width: calc(100% - 40px);
}

.mvc-shortcuts-logout {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.mvc-shortcuts-shortcut {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin: 2px;
    /* border: 1px solid var(--c-bluepale); */
    border-radius: 10px;
    /* box-shadow: 0px 5px 10px #00000029; */
    opacity: 0.8;
    /*
						color: var(--c-beige);
						border-color: var(--c-bluepale);
						background-color: var(--c-blueclaire);
						*/
    color: var(--c-blueclaire);
    border-color: var(--c-blueclaire);
    background-color: var(--c-white);
}

.mvc-shortcuts-logout .mvc-shortcuts-shortcut {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    opacity: 0.6;
}

@media (min-width: 769px) {

    .mvc-shortcuts-shortcut[data-shortcut="chat"],
    html.modeVitrine #top-pan-chat {
        display: none;
    }
}

.mvc-shortcuts-shortcut img {
    max-width: 28px;
    max-height: 28px;
}

.mvc-shortcuts-shortcut:not(:hover):not(.active) img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.9;
}

.mvc-shortcuts-shortcut>.material-icons,
.mvc-shortcuts-shortcut>.material-icons-outlined {
    font-size: 30px !important;
}

.mvc-shortcuts-logout .mvc-shortcuts-shortcut>.material-icons,
.mvc-shortcuts-logout .mvc-shortcuts-shortcut>.material-icons-outlined {
    font-size: 22px !important;
}

.mvc-shortcuts-shortcut.active {
    /*
						color: var(--c-bluedark);
						border-color: var(--c-bluedark);
						background-color: var(--c-beige-03);
						*/
    color: var(--c-beige);
    border-color: var(--c-bluepale);
    background-color: var(--c-blueclaire);
    opacity: 1;
}

.mvc-shortcuts-shortcut:hover {
    /*
						color: var(--c-blueclaire);
						border-color: var(--c-blueclaire);
						background-color: var(--c-white);
						*/
    color: var(--c-bluedark);
    border-color: var(--c-bluedark);
    background-color: var(--c-beige-03);
    opacity: 1;
}

.mvc-shortcuts-shortcut:active {
    box-shadow: 0 0 3px #979797 inset;
    text-indent: 1.5px;
    padding-left: 0.5px;
    padding-top: 0.5px;
}

.mvc-shortcuts-shortcut .notif-bulle:not(.notif-bulle-dot) {
    top: -5px !important;
    right: -5px !important;
}

@media (max-height: 1077px) {
	#menu-menu-t-p .menu-v-separator {
		display: none;
	}
}

.menu-v-separator {
    margin: 1em 0;
    margin-top: 2em;
    opacity: 0.9;
}


.menu-v-separator-hr {
    opacity: 0.3;
}

.menu-v-separator-label {
    text-align: center;
    font-family: var(--ff-play);
    font-size: 0.75em;
    color: var(--c-redclaire);
    padding: 0 2px;
    font-weight: bold;
}

.menu-v-separator-label>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-v-cab {}

.menu-v-cab-color {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.mvc-lien:not(.active):not(:hover) .menu-v-cab-color {
    opacity: 0.8;
}

.mvc-lien:not(:hover) .menu-v-cab-color {
    opacity: 0.9;
}

h1.page-v-titre {
    font-family: var(--ff-graphie);
    color: var(--c-red);
    font-weight: bold;
    font-size: 2em;
}

.page-v-titrelabel {
    font-family: var(--ff-graphie);
    font-size: 0.95em;
}

h2.page-v-titre2 {
    font-family: var(--ff-graphie);
    color: var(--c-bluedark);
    font-weight: bold;
    font-size: 1.5em;
}

h3.page-v-titre2 {
    font-family: var(--ff-graphie);
    color: var(--c-bluedark);
    font-weight: bold;
    font-size: 1.3em;
}

.faq-item {
    /* background-color: var(--c-blueclaire); */
    /* color: var(--c-white); */
    background-color: var(--c-beigeclaire);
    padding: 10px;
    margin: 10px 0;
    border-radius: 7px;
}


.faqi-question {}

.faqi-question-q {
    width: calc(100% - 30px);
    font-weight: bold;
    color: var(--c-red);
}

.faqi-question-icn {
    width: 30px;
}

.faqi-question-icn>div {
    transition: transform 0.3s linear;
}

.faqi-reponse {
    display: none;
    margin-left: 5px;
    padding-top: 10px;
    text-align: justify;
}

.faq-item:not(.deployed):hover .faqi-question-icn>div {
    transform: rotate(45deg);
}

.faq-item.deployed .faqi-question-icn>div {
    transform: rotate(180deg);
}

html.sr .toscrollreveal {
    visibility: hidden;
}

.menu-v-cab-titre {
    display: block;
    font-family: var(--ff-graphie);
    text-align: center;
    margin: 10px;
    border: 2px solid lightgray;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.95em;
    font-weight: bold;
    color: var(--c-blueclaire);
}

.mvc-lien-trans {
    /* margin: 5px 7px; */
    /* font-family: var(--ff-graphie); */
    /* max-width: 100%; */
}

.mvc-lien-tl {
    color: var(--c-bluedark);
    min-height: 40px;
}

.mvclt-icn {
    color: var(--c-gray);
    width: 34px;
    min-width: 34px;
    max-width: 34px;
}

.mvclt-lab {
    max-width: calc(100% - 34px);
}

.mvc-lien-tl.active {
    background-color: var(--c-beige-02);
    color: var(--c-red);
}

.mvc-lien-tl:hover {
    color: var(--c-red);
    background-color: var(--c-beige-02);
}

.mvc-lien-tl:hover .mvclt-icn {
    color: var(--c-bluedark);
}

.mvc-lien-trans-categ {
    margin: 5px 0;
}

.mvcltc-titre {
    /* margin: 0 7px; */
    /* margin-left: 14px; */
    /* font-family: var(--ff-graphie); */
    /* min-height: 40px; */
}

.mvcltc-titre-lab {
    max-width: calc(100% - 50px);
    color: var(--c-blueclaire);
    font-weight: bold;
    font-size: 0.95em;
}

.mvcltc-titre-lab>div>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mvcltc-titre .mvc-triangle {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.mvc-lien-trans-categ:not(.ouvert):not(.ouvertClick) .mvc-triangle:hover>div {
    transform: rotate(45deg);
}

.mvc-lien-trans-categ.ouvert .mvc-triangle>div,
.mvc-lien-trans-categ.ouvertClick .mvc-triangle>div {
    transform: rotate(180deg);
    color: var(--c-blueclaire);
}

.mvcltc-contenu {
    margin-left: 10px;
}

.mvc-lien-trans-categ:not(.ouvert) .mvcltc-contenu {
    display: none;
}

.menu-v-cab-back-conteneur {
    padding: 0.5em 1em;
    opacity: 0.6;
}

.menu-v-cab-back-conteneur:hover {
    opacity: 1;
}

#menu-vitrine-contenu {
	padding-bottom: 3em;
}

.menu-vitrine-contenu-cabinet {
    display: none;
}

.menu-v-cab-accesok .mvc-titre .mvc-triangle>div {
    /* transform: rotate(-90deg); */
}

.menu-v-cab-accesok:not(.deployed):not(.deployedClick) .mvc-titre .mvc-triangle:hover>div {
    /* transform: rotate(-45deg); */
}

.menu-v-cab-accesok.deployed .mvc-titre .mvc-triangle>div,
.menu-v-cab-accesok.deployedClick .mvc-titre .mvc-triangle>div {
    transform: none;
}

html.modeVitrine .tms-btn-conteneur-menu,
html.modeVitrine .trans-menu-choixtype {
    display: none;
}

#fp-menu-dropdown .tp-identite-conteneur:not(:hover) {
    color: var(--c-bluedark);
}

.pv-illustration-conteneur {
    margin: 20px auto;
    padding: 5px;
    text-align: center;
    max-width: 500px;
}

.pv-illustration-conteneur>img {
    border-radius: 10px;
    background-color: var(--c-blueclaire);
}

a.pv-illustration-conteneur {
    display: block;
}

a.pv-illustration-conteneur:hover img {
    border-radius: 5px;
}

.pv-maxwidth {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2px;
}

.pv-talk-with-design {
    margin: 25px 2px;
}

.pv-twd-img {
    width: 60px;
    padding: 10px 5px;
}

.pv-twd-talk {
    padding: 5px;
    text-align: justify;
    font-size: 0.95em;
}

.pv-twd-talk:not(.full) {
    width: calc(100% - 60px);
    padding-left: 10px;
}


.pv-autrequestion-conteneur {
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 450px;
    padding: 0 5px;
}

.pv-autrequestion {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 5px 7px #00000029;
}

.pv-autrequestion-btns {
    margin: 10px;
}

.pv-autrequestion-btn {
    padding: 10px 0;
}

.pv-minifeatures-grid {}

.pv-minifeatures-grid .pv-minifeature-item {
    margin: 5px;
    text-align: center;
}

.pv-minifeatures-grid .pv-minifeature-item-icn {
    padding: 5px 3px;
}

.pv-minifeatures-grid .pv-minifeature-item-icn>div {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    color: var(--c-red);

}

.pv-minifeatures-grid .pv-minifeature-item-label {
    font-family: var(--ff-graphie);
    font-weight: bold;
    padding: 5px;
    padding-top: 9px;
    text-align: center;
}

.pv-minifeatures-grid .pv-minifeature-item-description {
    font-size: 0.8em;
    color: var(--c-blueclaire);
    padding: 5px;
    text-align: justify;
}

.pv-minifeatures-liste {}

.pv-minifeatures-liste .pv-minifeature-item {
    margin: 20px 5px;
    padding: 10px 0;
}

.pv-minifeatures-liste .pv-minifeature-item-icn {
    width: 50px;
    padding: 5px 3px;
}

.pv-minifeatures-liste .pv-minifeature-item-icn>div {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    color: var(--c-red);

}

.pv-minifeatures-liste .pv-minifeature-item-labeldesc {
    max-width: calc(100% - 50px);
}

.pv-minifeatures-liste .pv-minifeature-item-label {
    font-family: var(--ff-graphie);
    font-weight: bold;
    padding: 0 5px;
}

.pv-minifeatures-liste .pv-minifeature-item-description {
    font-size: 0.8em;
    color: var(--c-blueclaire);
    padding: 5px;
    padding-top: 0;
    text-align: justify;
}


.pv-benef-item {
    color: var(--c-white);
    background-color: var(--c-red);
    margin: 10px 5px;
    border-radius: 10px;
    max-width: 300px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.13);
}

.pv-benef-item-label {
    font-family: var(--ff-graphie);
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px;
    padding-bottom: 5px;
}

.pv-benef-item-description {
    padding: 10px 20px;
    font-size: 0.9em;
    text-align: justify;
}



.pv-beigeblock {
    margin: 50px auto;
    max-width: 450px;
    background-color: var(--c-beige);
    color: var(--c-bluedark);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 25px 15px;
    border-radius: 10px;
}

a.pv-beigeblock {
    display: block;
}

.pv-beigeblock .pv-titre-type2 {
    color: var(--c-red);
    margin-top: 0;
}

.pv-beigeblock .pv-minifeatures-liste .pv-minifeature-item-description {
    color: var(--c-gray);
}


.pv-blueblock {
    margin: 50px auto;
    max-width: 450px;
    background-color: var(--c-bluedark);
    color: var(--c-white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 25px 15px;
    border-radius: 10px;
}

a.pv-blueblock {
    display: block;
}

.pv-blueblock .pv-titre-type2 {
    color: var(--c-white);
    margin-top: 0;
}

.pv-blueblock .pv-minifeatures-liste .pv-minifeature-item-description {
    color: var(--c-lightgray);
}


.pv-section-pricing {
    background-color: white;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 10px;
}

a.pv-section-pricing {
    display: block;
    color: var(--c-bluedark);
}

.pv-section-pricing .pv-titre-type2 {
    margin-top: 0;
}

.pv-section-pricing-icone {
    width: 50px;
    color: orange;
    text-shadow: 2px 3px 3px lightgray;
    padding: 20px 0;
}

.pv-section-pricing-infos {
    max-width: calc(100% - 50px);
    padding: 20px 10px;
    font-size: 1.3em;
}

.pv-section-pricing-engage {
    padding: 20px;
    color: var(--c-red);
    text-align: center;
}

.pv-section-pricing-btn {}

.pv-section-pricing-btn .bton {
    min-width: 90%;
}

.pv-section-pricing-infosup {
    padding: 10px;
    font-size: 0.8em;
    color: var(--c-blueclaire);
}

.pv-discover-infos {
    margin: 10px;
    padding: 10px 0;
}

.pv-discover-icn {
    width: 45px;
    text-shadow: 2px 3px 3px black;
}

.pv-discover-label {
    max-width: calc(100% - 45px);
    color: var(--c-white);
}

#form-profil-signature-signature-for-abo {
    display: none;
}

html[data-tnl="facturation"] #form-profil-signature-signature-for-abo {
    display: block;
}

.ivo-plusinfos {
    text-align: left;
    padding: 0 10px;
}

.ivo-plusinfos-contenu {
    display: none;
}

.ivop-description {
    text-align: justify;
    padding: 5px;
    color: var(--c-blueclaire);
    font-size: 0.85em;
}

.ivop-destinationde {
    font-size: 0.85em;
    color: var(--c-blueclaire);
}

.ivop-destinationde-label {
    font-size: 0.9em;
    font-weight: bold;
}

.ivop-destinationde-liste {
    margin-top: 0;
}

.ivop-destinationde-liste li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ivop-temoignage {
    margin: 5px 10px;
    padding: 10px 0;
    border-top: 1px solid lightgray;
}

.ivop-temoignage .index-vitrine-temoignage {
    width: auto;
    min-width: auto;
    max-width: none;
    background-color: var(--c-jaune);
    border-radius: 10px;
    padding: 3px;
}

.ivo-plusinfos-openclose {
    min-height: 35px;
    margin: 5px 0;
}

.ivo-plusinfos-openclose-label {
    max-width: calc(100% - 40px);
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-gray);
}

.ivo-plusinfos.deployed .ivop-openclose-label-ouvrir,
.ivo-plusinfos:not(.deployed) .ivop-openclose-label-fermer {
    display: none;
}

.ivo-plusinfos-openclose-icn {
    width: 30px;
}

.ivo-plusinfos-openclose-icn>div {
    transition: transform 0.3s linear;
}


.ivo-plusinfos:not(.deployed):hover .ivo-plusinfos-openclose-icn>div {
    transform: rotate(45deg);
}

.ivo-plusinfos.deployed .ivo-plusinfos-openclose-icn>div {
    transform: rotate(180deg);
}

.ivo-plusinfos.deployed:hover .ivo-plusinfos-openclose-icn>div {
    transform: rotate(140deg);
}

.mvcltc-contenu .mvcl-lab {
    font-size: 0.95em;
}

.mvcltc-contenu .mvcl-lab>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mvcltc-contenu .mvcl-icn {
    color: var(--c-redpale);
}

.mvcl-lab-precisiondsi {
    font-family: var(--ff-play);
    font-size: 0.75em;
    color: var(--c-redclaire);
    padding-right: 4px;
    font-weight: normal;
}

.mvc-lien-trans-categ:not(.ouvert):not(.ouvertClick) .mvc-triangle>div {
    transform: rotate(0deg);
}

.mvc-lien-trans-categ:not(.ouvert):not(.ouvertClick) .mvc-triangle:hover>div {
    transform: rotate(45deg);
}

.mvc-lien-trans-categ.ouvert .mvc-triangle>div,
.mvc-lien-trans-categ.ouvertClick .mvc-triangle>div {
    transform: rotate(-180deg);
}

.index-vitrine-faq-item .ft-calendridel,
.index-vitrine-faq-item .ff-calendridel {
    color: var(--c-beige);
}

.index-vitrine-faq-item a:not(:hover) {
    color: var(--c-jaune);
}


#menu-menu.hasCabOpened {}

#menu-menu:not(.mode-t-p):not(.modeCab).hasCabOpened .menu-vitrine-categ:not(:hover):not(.active):not(.deployed):not(.deployedClick) {
    opacity: 0.7;
}

.pv-titre-page {
    font-family: var(--ff-graphie);
    font-size: 20px;
    margin: 10px;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    color: var(--c-blueclaire);
}

.pv-tp-icn {
    width: 32px;
}

.pv-tp-label {
    width: calc(100% - 30px);
    padding: 2px;
}

.home-cab-item {
    margin: 5px;
    border: 1px solid var(--c-lightgray);
    border-radius: 5px;
}

.home-cab-titre {}

.home-cab-titre-lien {
    max-width: calc(100% - 40px);
}

.home-cab-titre-lien:hover {
    background-color: var(--c-beige-03);
    color: var(--c-bluedark);
}

.home-cab-titre-lien-icn {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.home-cab-titre-lien-icn>span {
    width: 18px;
    height: 18px;
    border-radius: 100%;
}

.home-cab-titre-lien-titre {
    max-width: calc(100% - 30px);
    padding: 5px 0;
    font-family: var(--ff-graphie);
}

.home-cab-titre-lien-titre>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    border-right: 1px solid var(--c-beige);
}

.home-cab-titre-triangle {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    color: var(--c-red);
}

.home-cab-titre-triangle div {
    transition: transform 0.2s linear;
}

.home-cab-titre-triangle:hover div {
    transform: rotate(45deg);
}

.home-cab-item.deployed .home-cab-titre-triangle div {
    transform: rotate(180deg);
}

.home-cab-contenu {
    padding: 5px 0;
}

.home-cab-item:not(.openedDefault) .home-cab-contenu {
    display: none;
}

.home-cab-sslien {
    margin: 4px 0;
    margin-left: 10px;
}

.home-cab-sslien .home-lien-icn>span {
    font-size: 20px;
}

.home-cab-sslien .home-lien-label {
    font-size: 0.95em;
}

.home-cab-sslien:not(:hover) .home-lien-label {
    color: var(--c-blueclaire);
}

.home-cab-item-mode-cabinets {
    border-width: 3px;
    border-radius: 10px;
    margin: 10px 0;
}

.home-cab-item-mode-cabinets .home-cab-titre-lien-titre {
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px 0;
    color: var(--c-bluedark);
}

.home-cab-titre-lien.noContent {
    max-width: 100%;
}

.home-cab-titre-lien.noContent .home-cab-titre-lien-titre>div {
    border: 0;
}

.home-cab-item-mode-index {}

.home-cab-item-mode-index .home-cab-titre-lien-titre {
    min-height: 60px;
}


.menu-cab-page {
    font-family: var(--ff-graphie);
}

.menu-cab-page .mvc-contenu-item,
.menu-cab-page>.mvc-lien {
    margin: 20px 0;
}

.menu-cab-page .mvcl-lab {
    max-width: calc(100% - 35px);
    padding-left: 10px;
}

.menu-cab-page .mvcl-icn {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
}

.menu-cab-page .mvcl-icn span {
    font-size: 26px;
}

.menu-cab-page>.mvc-contenu-item .mvcl-lab,
.menu-cab-page>.mvc-lien-trans-categ>.mvc-contenu-item .mvcl-lab,
.menu-cab-page>.mvc-lien .mvcl-lab {
    font-weight: bold;
    max-width: calc(100% - 40px);
    padding-left: 10px;
}

.menu-cab-page>.mvc-contenu-item .mvcl-icn,
.menu-cab-page>.mvc-lien-trans-categ>.mvc-contenu-item .mvcl-icn,
.menu-cab-page>.mvc-lien .mvcl-icn {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    background-color: var(--c-blueclaire);
    border-radius: 100%;
    color: var(--c-white);
}

.menu-cab-page>.mvc-contenu-item .mvcl-icn span,
.menu-cab-page>.mvc-lien-trans-categ>.mvc-contenu-item .mvcl-icn span,
.menu-cab-page>.mvc-lien .mvcl-icn span {
    font-size: 28px;
}

.menu-cab-page-dsi .mvcl-lab-precisiondsi {
    display: none;
}

.pv-box-service-block {
    display: block;
    margin: 30px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
    background-color: var(--c-white);
    padding: 5px;
    padding-bottom: 10px;
    border-radius: 10px;
}

a.pv-box-service-block:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.pv-box-service-block-titre {
    color: var(--c-red);
}

.pvbsbt-nbr {
    font-size: 3em;
    padding: 2px 5px;
    width: 65px;
    color: var(--c-redpale);
}

.pvbsbt-label {
    font-family: var(--ff-graphie);
    padding: 2px 5px;
    font-size: 1em;
}

.pvbsbt-label:not(.fa-center) {
    max-width: calc(100% - 65px);
}

.pv-box-service-block-contenu {
    color: var(--c-blueclaire);
    padding: 0 10px;
    font-size: 0.85em;
}

.pv-apropos-us-conteneur {
    background: var(--c-white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
    border-radius: 15px;
    padding: 15px 0;
    margin-bottom: 2em;
}

.pv-aui-img-duo {
    padding: 30px 5px;
    text-align: center;
}

.pv-aui-img-duo img {
    border-radius: 10px;
}

.pv-apropos-us {
    margin: 15px;
    padding-top: 15px;
    border-top: 2px dashed var(--c-red);
}

.pv-apropos-us-item {
    margin: 30px 0;
}

.pv-aui-img {
    width: 95px;
    min-width: 95px;
    max-width: 95px;
}

.pv-aui-img img {
    border-radius: 100%;
    width: 95px;
    height: 95px;
}

.pv-aui-texte {
    text-align: justify;
    max-width: calc(100% - 95px);
    font-size: 0.95em;
    padding-left: 20px;
}

	.pv-aui--right .pv-aui-texte {
		padding-left: 0;
		padding-right: 20px;
	}

@media (max-width: 420px) {
    .pv-aui-img {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .pv-aui-texte {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

.pv-apropos-timeline {
    border-left: 3px dashed var(--c-redpale);
    text-align: left;
    padding: 1px 0;
    margin: 0 5px;
}

.pv-apropos-timeline-item {
    margin: 30px 0;
}

.pv-apti-datelabel {
    margin-left: 5px;
}

.pv-apti-datelabel-bull {
    color: var(--c-bluedark);
    margin-left: -17px;
    width: 22px;
    max-width: 22px;
    min-width: 22px
}

.pv-apti-datelabel-date {
    font-family: var(--ff-play);
    font-size: 1.6em;
    color: var(--c-red);
    font-weight: bold;
    padding-left: 5px;
}

.pv-apti-datelabel-label {
    font-family: var(--ff-graphie);
    padding-left: 10px;
}

.pv-apti-description {
    color: var(--c-blueclaire);
    font-size: 0.9em;
    font-style: italic;
    padding: 2px 10px;
    padding-left: 35px;
}

.pv-avenant11-timeline {
    border-left: 3px dashed var(--c-redpale);
    text-align: left;
    padding: 1px 0;
    margin: 0 5px;
}
	.pv-avenant11-timeline .pv-apropos-timeline-item {
		margin: 40px 0;
	}

	.pv-avenant11-timeline .pv-apti-description {
		padding-left: 18px;
		padding-right: 0px;
		text-align: justify;
	}
	
	.pv-avenant11-timeline .pv-apti-description-item {
		margin-bottom: 10px;
		padding: 5px 2px;
		border-radius: 5px;
	}
	
	
		.pv-avenant11-timeline a.pv-apti-description-item {
			display: block;
			color: var(--c-blueclaire);
		}
			.pv-avenant11-timeline a.pv-apti-description-item:hover {
				background-color: var(--c-jaune-05);
				color: var(--c-bluedark);
			}
			
		.pv-avenant11-timeline .pv-apti-di-type {
			display: inline-block;
			font-family: var(--ff-graphie);
			font-size: 0.85em;
			color: var(--c-redpale);
			font-style: normal;
			padding-left: 2px;
			background-color: var(--c-jaune);
			border-radius: 10px;
			padding: 2px 8px;
			margin-bottom: 2px;
		}
			
		.pv-avenant11-timeline .pv-apti-di-icn {
			width: 44px;
			max-width: 44px;
			min-width: 44px;
		}
			
			.pv-avenant11-timeline .pv-apti-di-icn--icn {
				background-color: var(--c-beige);
				width: 39px;
				height: 39px;
				border-radius: 100%;
				overflow: hidden;
				font-family: var(--ff-play);
				font-size: 11px;
				font-style: normal;
			}
			.pv-avenant11-timeline .pv-apti-di-icn--icn > div {
				line-height: normal;
				white-space: nowrap !important;
			}
			
		.pv-avenant11-timeline .pv-apti-di-label {
			max-width: calc(100% - 44px);
			text-align: justify;
		}
			
			.pv-avenant11-timeline .pv-apti-di-label-ensavoirplus {
				font-family: var(--ff-play);
				text-align: right;
				color: var(--c-redpale);
				font-style: normal;
				font-size: 0.95em;
			}
			
			.pv-avenant11-timeline a.pv-apti-description-item:hover .pv-apti-di-label-ensavoirplus {
				color: var(--c-red);
			}
		
	.avenant11-topics-item {
		padding: 10px;
	}
	
		.avenant11-topics-item--titre {
			font-family: var(--ff-graphie);
			font-size: 1.1em;
			margin-bottom: 10px;
			color: var(--c-bluedark);
			font-weight: bold;
		}
			
			.avenant11-topics-item:hover .avenant11-topics-item--titre {
				color: var(--c-red);
			}
		
		.avenant11-topics-item--tags,
		.avenant11-topics-item--dates {
			font-family: var(--ff-play);
			font-size: 0.8em;
			margin-bottom: 5px;
			margin-left: 10px;
		}
		
			.avenant11-topics-item--tags-tag,
			.avenant11-topics-item--dates-date {
				background-color: var(--c-beige-06);
				padding: 2px 8px;
				/* color: var(--c-redpale); */
				border-radius: 10px;
				margin: 2px;
				color: var(--c-blueclaire);
			}

	.avenant11-fichiers-item {
		
	}
	
		.avenant11-fichiers-item--miniature {
			width: 85px;
			min-width: 85px;
			max-width: 85px;
			padding: 5px;
		}
		
		.avenant11-fichiers-item-titre {
			max-width: calc(100% - 125px);
			font-family: var(--ff-graphie);
			color: var(--c-bluedark);
			padding: 5px;
		}
		
		.avenant11-fichiers-item-options {
			width: 40px;
			min-width: 40px;
			max-width: 40px;
		}
	

.pv-block-bg-trace-gray {
    background-image: url("../resources/vitrine/trace_gris.svg");
    background-repeat: repeat-y;
    background-position: top center;
    background-size: contain;
}

.btn-transparent {
    background: none;
    /* box-shadow: none; */
    box-shadow: 0px 5px 10px #00000029;
}

.btn-transparent.btn-noboxshadow {
    box-shadow: none;
}

.btn-transparent:hover {
    background: none !important;
    box-shadow: 0px 5px 10px #00000029;
}

.btn-transparent .bton-icn {}

.btn-transparent .bton-icn>span>span {
    color: var(--c-blueclaire);
}

.btn-transparent:hover .bton-icn>span>span {
    color: var(--c-bluedark);
}

.btn-transparent .bton-lab {
    color: var(--c-blueclaire);
}

.btn-transparent:hover .bton-lab {
    color: var(--c-bluedark);
}

.soin-item--horaires--item .soin-item--dates-item-contenu:not(:hover) {
    color: var(--c-blueclaire);
}

.noGifEntertainment .gif-entertainment {
    display: none !important;
}

.tp-dppd-accesdoc-conteneur[data-val="0"] .tp-dppd-accesdoc-dlconteneur {
    /* visibility: hidden; */
    display: none;
}

.agenda-bandeaudate-datelien:not(:hover) {
    color: var(--c-bluedark);
}

.btons-withdropdown-arrow {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    color: var(--c-white);
}

.btons-withdropdown-arrow .bton-icn span {
    transition: transform 0.2s linear;
}

.btons-withdropdown-arrow:hover .bton-icn span {
    transform: rotate(45deg);
}

.dropdownlist-conteneur.opened .btons-withdropdown-arrow .bton-icn span {
    transform: rotate(180deg);
}

.dropdownlist-conteneur.opened .btons-withdropdown-arrow {}

.btons-withdropdown-action {
    max-width: calc(100% - 40px);
}

.spmc-btn-refresh {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
}

.spmc-btn-close {
    width: calc(100% - 84px);
    min-width: calc(100% - 84px);
    max-width: calc(100% - 84px);
}

.spmc-actions-btns {
    width: 100%;
}

@media (min-width: 534px) and (max-width: 992px) {
    .spmc-actions-btns {
        width: 50%;
    }
}

.tps-filtres-criteressup-item {
    margin: 5px 0;
}

.io4>.msg-erreur {
    padding: 5px 8px;
}

.apdlj-dropdown {
    /* max-height: none !important; */
}

.agenda-premierederniereligne-jour a[data-debut] {
    color: var(--c-bluedark);
}

.tfacti-fact-actes {
    font-size: 0.9em;
    color: var(--c-redpale);
}

.factu-stats-atraiter-shortcuts {}

.fsas-self {
    margin: 5px 1px;
    padding: 1px;
}

.fsas-selfrempla {
    margin: 5px 1px;
    padding: 1px;
}

.fsas-other {
    margin: 5px 1px;
    padding: 1px;
}

.fsas-who {
    width: 100%;
    text-align: center;
    font-family: var(--ff-graphie);
    font-size: 0.8em;
    color: var(--c-redpale);
}

.factu-stats-atraiter-shortcut {
    width: 39px;
    min-width: 39px;
    max-width: 39px;
    padding: 1px;
    margin: 3px;
    border: 1px solid var(--c-beige);
    border-radius: 5px;
    background-color: var(--c-white);
}

@media (min-width: 370px) {
    .factu-stats-atraiter-shortcut {
        width: 46px;
        min-width: 46px;
        max-width: 46px;
    }
}

.fsas-icn {
    width: 100%;
    padding: 1px;
    color: var(--c-blueclaire);
}

.fsas-nbr {
    width: 100%;
    max-width: 100%;
    font-family: var(--ff-play);
    font-size: 0.9em;
    text-align: center;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.factu-stats-atraiter-shortcut:hover {
    background-color: var(--c-redclaire);
}

.factu-stats-atraiter-shortcut:hover .fsas-icn,
.factu-stats-atraiter-shortcut:hover .fsas-nbr {
    color: var(--c-white);
}

.factu-stats-atraiter-triangle-conteneur {}

.factu-stats-atraiter-triangle-conteneur>div {
    border-radius: 100%;
    background-color: var(--c-redclaire);
    color: var(--c-white);
    width: 28px;
    height: 28px;
    transition: all 0.3s linear;
}

.factu-stats-atraiter-triangle-conteneur:hover>div {
    transform: rotate(45deg);
}

.factu-stats-atraiter-triangle-conteneur.deployed>div {
    transform: rotate(180deg);
}

#splashartinitial {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--zi-lvl-max);
    background-color: var(--c-beige);
    background-image: linear-gradient(to bottom right, var(--c-beige), var(--c-white));
}

@keyframes defilement-rtl {
    0% {
        transform: translate3d(0, 0, 0);
        /* position initiale à droite */
    }

    100% {
        transform: translate3d(-80%, 0, 0);
        /* position finale à gauche */
    }
}

.agenda-menu-choix {
    margin-bottom: 5px;
}

.agenda-menu-choix--choix {
    text-align: center;
    font-family: var(--ff-graphie);
    padding: 4px;
    color: var(--c-gray);
    font-size: 0.85em;
    border-bottom: 1px solid var(--c-beige);
    min-height: 30px;
}

.agenda-menu-choix--choix>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agenda-menu-choix--choix-interv {
    /* border-right: 0.5px solid var(--c-beige); */
}

.agenda-menu-choix--choix-patient {
    /* border-left: 0.5px solid var(--c-red); */
}

.agenda-menu-choix--choix.active {
    background-color: var(--c-beige);
    color: var(--c-blueclaire);
}

.agenda-menu-choix--choix.click-ajax:hover {
    color: var(--c-blueclaire);
    background-color: var(--c-beige-05);
}

.agenda-menurompatient-rappelpatient {
    font-family: var(--ff-graphie);
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    color: var(--c-red);
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.agenda-menufrompatient .a-tp-atcds {
    margin: 5px;
    background-color: transparent;
}

.label-cadre.label-cadre-slider-cotpec-usedefault {
    border-color: transparent !important;
    padding: 1px 5px !important;
    font-family: var(--ff-play);
    color: var(--c-bluepale);
    font-size: 0.9em;
}

.label-cadre-slider-cotpec-usedefault.label-cadre-slider-val-0 .lcscu-personnalize,
.label-cadre-slider-cotpec-usedefault.label-cadre-slider-val-1 .lcscu-usedefault {
    display: none;
}


.liste-rdvs--horodatage-conteneur {
    background-color: var(--c-beige);
}

	.liste-rdvs--horodatage {
		font-family: var(--ff-play);
		padding: 5px;
		color: var(--c-red);
		font-size: 0.9em;
	}

.liste-rdvs--format-table .liste-rdvs-rdv {
    padding-top: 2px;
}

.liste-rdvs--format-table .lrr-nomsoin {
    text-align: left;
    font-family: var(--ff-graphie);
    font-size: 0.95em;
    padding: 2px;
}

.liste-rdvs--format-table .lrr-nomsoin>a:not(:hover) {
    color: var(--c-bluedark);
}

.liste-rdvs--format-table .lrr-options {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.liste-rdvs--format-table .lrr-domcabtournee {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.liste-rdvs--format-table .lrr-nomsoin .lrr-domcabtournee {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.liste-rdvs--format-table .lrr-nomsoin .lrr-domcabtournee>div div:not(.bton):not(.noChangeDisplay) {
	display: inline;
}

.liste-rdvs--format-table .lrr-real {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    padding: 2px;
}

.liste-rdvs--format-table .lrr-real .ptu-rdv-realisation {
    margin: 0;
}

.liste-rdvs--format-table .lrr-fact {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.liste-rdvs--format-table .lrr-date-order {
    margin-top: 4px;
    color: var(--c-blueclaire);
}

.liste-rdvs-rdv--header {
    display: none;
}

.liste-rdvs--format-table .liste-rdvs-rdv--note {
    padding: 2px 4px;
	padding-left: 8px;
    text-align: left;
}

.liste-rdvs--format-table .liste-rdvs-rdv--note .lrr-note-reelle {
    margin: 2px;
    font-size: 0.9em;
}

.liste-rdvs--format-table .t-tournee-infos {
    padding: 1px !important;
    border: 0 !important;
    background-color: transparent !important;
    font-size: 0.95em;
}

.liste-rdvs-rdv--header .lrr-patient {
	
}

.liste-rdvs--format-table .liste-rdvs-rdv-annule .lrr-fact,
.liste-rdvs--format-table .liste-rdvs-rdv-annule .lrr-domcabtournee {
	visibility: hidden;
}

@media (max-width: 550px) {
	.liste-rdvs-rdv-tpGlobal .liste-rdvs-rdv--header {
        display: block;
    }
	
	#fiche-patient-actes-liste.modeCheck .liste-rdvs-rdv-tpGlobal .liste-rdvs-rdv--header {
        width: calc(100% - 40px);
        min-width: calc(100% - 40px);
        max-width: calc(100% - 40px);
	}
	
	.liste-rdvs-rdv-tpGlobal .liste-rdvs-rdv--content .lrr-nomsoin>a,
	.liste-rdvs-rdv-tpGlobal .liste-rdvs-rdv--content .lrr-options,
	.liste-rdvs-rdv-tpGlobal .liste-rdvs-rdv--content .lrr-patient {
        display: none;
    }
}
@media (min-width: 551px) {
	#fiche-patient-actes-liste.modeCheck .liste-rdvs-rdv-tpGlobal .liste-rdvs-rdv--content {
        width: calc(100% - 40px);
        min-width: calc(100% - 40px);
        max-width: calc(100% - 40px);
	}
}

@media (max-width: 458px) {

    .liste-rdvs-rdv--content .lrr-nomsoin>a,
    .liste-rdvs-rdv--content .lrr-options,
	.liste-rdvs-rdv--content .lrr-patient {
        display: none;
    }

    .liste-rdvs-rdv--content .lrr-nomsoin {
        padding: 0;
    }

    .liste-rdvs-rdv--header {
        display: block;
    }
	
	#fiche-patient-actes-liste.modeCheck .liste-rdvs-rdv--header {
        width: calc(100% - 40px);
        min-width: calc(100% - 40px);
        max-width: calc(100% - 40px);
	}
}
@media (min-width: 459px) {
	#fiche-patient-actes-liste.modeCheck .liste-rdvs-rdv-tpUnique .liste-rdvs-rdv--content {
        width: calc(100% - 40px);
        min-width: calc(100% - 40px);
        max-width: calc(100% - 40px);
	}
}

@media (max-width: 458px) and (min-width: 320px) {
    .liste-rdvs--format-table .lrr-domcabtournee {
        width: 115px;
        min-width: 115px;
        max-width: 115px;
        text-align: left;
    }

    .liste-rdvs--format-table .lrr-fact {
        width: 105px;
        min-width: 105px;
        max-width: 105px;
    }

    .liste-rdvs--format-table .lrr-real {
        width: calc(100% - 220px);
        min-width: calc(100% - 220px);
        max-width: calc(100% - 220px);
    }

    .liste-rdvs--format-table .lrr-domcabtournee>div div:not(.bton):not(.noChangeDisplay),
    .liste-rdvs--format-table .lrr-fact>div div:not(.bton):not(.noChangeDisplay),
    .liste-rdvs--format-table .lrr-real>div div:not(.bton):not(.noChangeDisplay) {
        display: inline;
    }
}

@media (min-width: 600px) {
    .liste-rdvs--format-table .lrr-domcabtournee {
        width: 115px;
        min-width: 115px;
        max-width: 115px;
        text-align: left;
    }

    .liste-rdvs--format-table .lrr-fact {
        width: 105px;
        min-width: 105px;
        max-width: 105px;
    }

    .liste-rdvs--format-table .lrr-real {
        width: calc(100% - 475px);
        min-width: calc(100% - 475px);
        max-width: calc(100% - 475px);
    }
	
	#fiche-patient-actes-liste.modeCheck .liste-rdvs--format-table .lrr-real {
        width: calc(100% - 435px);
        min-width: calc(100% - 435px);
        max-width: calc(100% - 435px);
	}

    .liste-rdvs--format-table .lrr-domcabtournee>div div:not(.bton):not(.noChangeDisplay),
    .liste-rdvs--format-table .lrr-fact>div div:not(.bton):not(.noChangeDisplay),
    .liste-rdvs--format-table .lrr-real>div div:not(.bton):not(.noChangeDisplay) {
        display: inline;
    }
}

@media (max-width: 280px) {

    .liste-rdvs--format-table .lrr-domcabtournee,
    .liste-rdvs--format-table .lrr-real,
    .liste-rdvs--format-table .lrr-fact {
        width: 33%;
        min-width: 33%;
        max-width: 33%;
        width: calc(100% / 3);
        min-width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

@media (max-width: 350px) {

	.liste-rdvs-rdv-tpGlobal .lrr-patient {
		width: 100%;
		min-width: 100%;
	}
	
	.liste-rdvs-rdv-tpGlobal .lrr-nomsoin {
		padding-left: 6px;
	}
}

.lrr-chbox {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
}

.liste-rdvs-rdv--header,
.liste-rdvs-rdv--content,
.liste-rdvs-rdv--note {
	width: 100%;
}

#fiche-patient-actes-liste:not(.modeCheck) .lrr-chbox,
#fiche-patient-actes-liste:not(.modeCheck) #trdvs-liste-actions-conteneur {
	display: none;
}

	#fiche-patient-actes-liste.modeCheck {
		
	}

		#fiche-patient-actes-liste.modeCheck .lrr-options {
			display: none;
		}

html.modeRescueOn body {
    border: 4px dotted red;
}

#t-vdc-tableaublanc-oldversions {
    display: none;
}

.t-vdc-tableaublanc-oldversions-version {
    margin: 1em;
    margin-top: 0.5em;
    padding: 0.5em;
    border: 1px solid var(--c-beige);
    border-radius: 10px;
}

.tvtov-date {
    font-family: var(--ff-play);
    font-size: 0.85em;
    font-style: italic;
    color: var(--c-blueclaire);
}

.tvtov-valeur {
    font-size: 0.95em;
}


.cal-link-date {
    font-family: var(--ff-play);
}

.cal-link-date:not(:hover) {
    color: var(--c-blueclaire);
}

.cal-gestion-tournee:not([data-todelete="1"]) .cal-gestion-tournee-delete,
.cal-gestion-tournee[data-todelete="1"] .cal-gestion-tournee-live {
    display: none;
}

.idb-note-toload {}

.idb-note-contenu {
    padding: 5px;
    margin: 5px;
    background-color: var(--c-beige-02);
    border-radius: 10px;
}

.idb-note-labelarrow {}

.idb-note-label {
    font-family: var(--ff-graphie);
    font-size: 0.85em;
    color: var(--c-blueclaire);
    max-width: calc(100% - 30px);
}

.idb-note-label-arrow {
    width: 30px;
}

.idb-note-label-arrow>div {
    height: 30px;
    width: 30px;
    transition: transform 0.3s linear;
}

.idb-note-toload:not(.deployed) .idb-note-labelarrow:hover .idb-note-label-arrow>div {
    transform: rotate(45deg);
}

.idb-note-toload.deployed .idb-note-label-arrow>div {
    transform: rotate(180deg);
}

.idb-note-contentopts,
.idb-note-optsundeployed {
    display: none;
}

.idb-note-toload:not(.deployed) .idb-note-optsundeployed,
.idb-note-toload.deployed .idb-note-contentopts {
    display: block;
}

.idb-note-content {
    padding: 5px;
    font-size: 0.9em;
    line-height: normal;
}

.idb-note-options {
    padding: 5px;
    font-size: 0.8em;
    font-family: var(--ff-play);
    text-align: right;
    color: var(--c-redpale);
}

.idb-note-options>span:hover {
    color: var(--c-red);
}


#chat-arrow-checkhere {
    position: absolute;
    top: 155px;
    width: 110px;
    height: 60px;
    background-color: rgba(255, 0, 0, 0.4);
    left: 60px;
    font-family: var(--ff-play);
    font-size: 0.85em;
    color: var(--c-bluedark);
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    overflow: hidden;
}

html:not(.hasChatSupWaiting) #chat-arrow-checkhere,
html:not(.hasChat) #chat-arrow-checkhere {
    display: none !important;
}

#chat-arrow-checkhere .carch-toleft {
    height: 100%;
    width: 90px;
    -webkit-animation: chat-toread 1s linear infinite;
    animation: chat-toread 1s linear infinite;
}

#chat-arrow-checkhere .carch-totop {
    height: 70px;
    width: 100%;
    -webkit-animation: chat-toread-totop 1s linear infinite;
    animation: chat-toread-totop 1s linear infinite;
}

#chat-arrow-checkhere .carch-tobottom {
    height: 70px;
    width: 100%;
    -webkit-animation: chat-toread-tobottom 1s linear infinite;
    animation: chat-toread-tobottom 1s linear infinite;
}

html.onApp #chat-arrow-checkhere {
    position: fixed;
    top: auto !important;
    bottom: 50px;
    height: 90px;
    left: 2px;
    width: calc((100% - 60px) * 0.2 - 2px);
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
}

#chat-arrow-checkhere .carch-totop,
html.onApp #chat-arrow-checkhere .carch-toleft,
html:not(.onApp) #chat-arrow-checkhere .carch-tobottom {
    display: none;
}

@media (max-width: 768px) {
    html:not(.onApp) #chat-arrow-checkhere {
        top: 45px !important;
        left: auto;
        right: 200px;
        width: 65px;
        height: 90px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
    }

    html:not(.onApp) #chat-arrow-checkhere .carch-totop {
        display: block;
    }

    html:not(.onApp) #chat-arrow-checkhere .carch-toleft {
        display: none;
    }
}

@media (max-width: 600px) {
    html:not(.onApp) #chat-arrow-checkhere {
        right: 170px;
        width: 50px;
    }
}

@media (max-width: 460px) {
    html:not(.onApp) #chat-arrow-checkhere {
        right: 120px;
    }
}

@media (max-width: 230px) {
    html:not(.onApp) #chat-arrow-checkhere {
        right: 70px;
    }
}



@keyframes chat-toread {
    0% {
        margin-left: 2px;
    }

    50% {
        margin-left: 10px;
    }

    100% {
        margin-left: 2px;
    }
}

@keyframes chat-toread-totop {
    0% {
        margin-top: 2px;
    }

    50% {
        margin-top: 20px;
    }

    100% {
        margin-top: 2px;
    }
}

@keyframes chat-toread-tobottom {
    0% {
        margin-top: 2px;
    }

    50% {
        margin-top: 20px;
    }

    100% {
        margin-top: 2px;
    }
}

#trdvs-liste-actions-conteneur {
	position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky;
	bottom: 0;
	background: var(--c-red);
	color: var(--c-white);
	padding: 5px 10px;
}

	#trdvs-liste-actions-nbr {
		width: 90px;
		min-width: 90px;
		max-width: 90px;
		font-family: var(--ff-play);
		font-size: 0.85em;
		color: var(--c-beige);
	}
	

#tf-edition-analyse-resultat {
	font-family: var(--ff-play);
	padding: 0.5em;
	font-size: 0.9em;
}

	.tfichier-analyse-resultats-- {
		display: none;
		margin: 3px;
		padding: 3px;
		font-family: var(--ff-play);
		font-size: 0.95em;
		background-color: var(--c-beige-02);
		border-radius: 5px;
	}
	
		.tf-analyse-result-item {
			border-radius: 4px;
			padding: 4px 2px;
			margin-right: 5px;
		}
		
		.tf-analyse-result-item:hover {
			background-color: var(--c-beige-02);
		}
		
.profil-situations-liste[data-type="avance"] #profil-situations-liste-classic,
.profil-situations-liste:not([data-type="avance"]) #profil-situations-liste-avance {
	display: none;
}


@media (max-width: 690px) {
	html .io0.full .io2,
	html #otbf2 {
		min-width: 100%;
		width: 100%;
		min-height: 100%;
		height: 100%;
    }
   
		html .io0.full .io3 {
			margin-bottom: 3px;
		}


	html #sm0 {
		-webkit-box-align: end; -moz-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
	}
	
		html #sm1 {
			width: 100%;
			max-height: 90%;
		}
		
			html #sm2 {
				padding: 5px 3px;
				min-height: 35px;
			}
			
			html #sm3 {
				max-height: calc(100% - 35px);
				/* border-bottom: 0; */
				border-bottom-left-radius: 2px;
				border-bottom-right-radius: 2px;
				margin-bottom: 0;
				min-height: 75px;
			}
}
	html.onApp .io0.full .io2,
	html.onApp #otbf2 {
		min-width: 100%;
		width: 100%;
		min-height: 100%;
		height: 100%;
    }
   
		html.onApp .io0.full .io3 {
			margin-bottom: 3px;
		}


	html.onApp #sm0 {
		-webkit-box-align: end; -moz-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
	}
	
		html.onApp #sm1 {
			width: 100%;
			max-height: 90%;
		}
		
			html.onApp #sm2 {
				padding: 5px 3px;
				min-height: 35px;
			}
			
			html.onApp #sm3 {
				max-height: calc(100% - 35px);
				/* border-bottom: 0; */
				border-bottom-left-radius: 2px;
				border-bottom-right-radius: 2px;
				margin-bottom: 0;
				min-height: 75px;
			}
			
			html .showmsg-generique {
				display: flex;
				align-items: center;
				align-content: center;
				justify-content: center;
				height: 100%;
				min-height: 70px;
			}
			
	html.onTouchMoving,
	html.onTouchMoving body {
		overflow: hidden !important;
	}
	
.tfipcopiables-item-categ {
	padding: 3px 5px;
	font-family: var(--ff-graphie);
	font-size: 0.85em;
	background-color: var(--c-beige);
	font-weight: normal;
    color: var(--c-blueclaire);
}

#dessin-conteneur-general {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: var(--zi-lvl-83a);
	touch-action: none;
}

	#dessin-conteneur {
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		background-color: rgba(250, 250, 250, 0.7);
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: 100%;
		min-height: 100%;
		max-height: 100%;
	}
	
		#dessin-canvasopts-conteneur {
			width: 100%;
			height: 100%;
			max-width: 600px;
			max-height: 600px;
		}
		
			#dessin-canvas-conteneur {
				height: calc(100% - 40px);
			}
			
				#dessin-canvas-canvas {
					width: 100%;
					height: 100%;
					border: 1px solid var(--c-lightgray);
					border-radius: 3px;
					touch-action: none;
					background-color: white;
				}

	@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
		#dessin-conteneur {
			background-color: rgba(255, 255, 255, 0.6);
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px);
		}
	}
	
	.ipt-dessin-a-tracer-apercu > img {
		margin: 5px;
		border-radius: 5px;
		border: 1px solid var(--c-lightgray);
		max-height: 250px;
	}
	
	.tfi-dessintrace-img {
		margin: 5px;
		border-radius: 5px;
		border: 1px solid var(--c-lightgray);
		max-height: 250px;
	}
	
	
	.v4-liste-soustitre a.tp-identite-conteneur:not(:hover) {
		color: var(--c-white);
	}
	
	.fact-statut-icn {
		width: 42px;
		min-width: 42px;
		height: 42px;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	
		.td-infosfactetats-icn > .material-icons-outlined,
		.fact-statut-icn > .material-icons-outlined {
			width: 32px;
			height: 32px;
			display: flex;
			align-items: center;
			align-content: center;
			justify-content: center;
			border-radius: 100%;
			background-color: var(--c-gray);
			color: var(--c-white);
		}
		
		.td-infosfactetats-icn.fc-lightgray > .material-icons-outlined,
		.fact-statut-icn.fc-lightgray > .material-icons-outlined {
			background-color: var(--c-lightgray);
			color: var(--c-white);
		}
		
		.td-infosfactetats-icn.fc-red > .material-icons-outlined,
		.fact-statut-icn.fc-red > .material-icons-outlined {
			background-color: #ff0000;
			background-color: rgba(255, 0, 0, 0.6);
			color: var(--c-white);
		}
		
		.td-infosfactetats-icn.fc-green > .material-icons-outlined,
		.fact-statut-icn.fc-green > .material-icons-outlined {
			background-color: #008a0a;
			background-color: rgba(0, 138, 10, 0.6);
			color: var(--c-white);
		}
		
		.td-infosfactetats-icn.fc-orange > .material-icons-outlined,
		.fact-statut-icn.fc-orange > .material-icons-outlined {
			background-color: #ff9600;
			background-color: rgba(255, 150, 0, 0.6);
			color: var(--c-white);
		}
	
	.fact-statut-infos {
		width: 100%;
		text-align: center;
		font-size: 0.8em;
		font-family: var(--ff-play);
		padding: 2px;
		color: var(--c-blueclaire);
	}
	
	.fact-infos-etats--table {
	
	}
	
		.td-infosfactetats-icn {
			width: 40px;
			min-width: 40px;
			text-align: center;
			padding: 5px 1px;
		}
		
		.td-infosfactetats-info {
			padding: 5px 1px;
		}
		
.tbanque-upload-file--conteneur {
	width: 195px;
	min-width: 185px;
	max-width: 195px;
	padding: 2px;
	height: 195px;
}

.t-file-formapercu--conteneur {
	max-width: 1250px;
}

	.t-file-apercu--conteneur {
		position: relative;
		padding: 5px;
	}
	
		.t-file-formapercu--conteneur:not(.modeApercu) .t-file-apercu--conteneur {
			display: none;
		}
	
		.t-file-apercu--contenu {
			position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: -webkit-sticky; position: sticky;
			top: 5px;
			bottom: 5px;
		}

	.t-file-form--conteneur {
		
	}
	
		.t-file-formapercu--conteneur.modeApercu .t-file-form--conteneur {
			width: 500px;
			min-width: 500px;
			max-width: 500px;
		}

	@media (max-width: 819px) {
		.t-file-apercu--conteneur {
			display: none !important;
		}
	}


.lios-conteneur {
	
}
	
	.lios-lecteur-selection {
	}
	
	.lios-cpscv-statut {
		width: 25px;
		min-width: 25px;
		max-width: 25px;
	}
	
		.lios-cpscv-statut > span {
			width: 19px;
			min-width: 19px;
			max-width: 19px;
			height: 19px;
			min-height: 19px;
			max-height: 19px;
			border-radius: 100%;
			border: 2px solid var(--c-white);
			background-color: red;
		}
		
		.lios-conteneur[data-statutcps="1"] .lios-cps-statut > span,
		.lios-conteneur[data-statutcv="1"] .lios-cv-statut > span {
			background-color: green;
		}
		
		.lios-conteneur[data-terminalconnected="0"] .lios-cpscv-statut > span,
		.lios-conteneur[data-ispaired="0"] .lios-cpscv-statut > span {
			background-color: lightgray;
		}
		
	.lios-conteneur:not([data-modele^="dsc"]) .forDscOnly,
	.lios-conteneur[data-ispaired="1"] .showIfUnpaired,
	.lios-conteneur[data-ispaired="0"] .showIfPaired,
	.lios-conteneur[data-terminalconnected="1"] .showIfDisconnected,
	.lios-conteneur[data-terminalconnected="0"] .showIfConnected {
		display: none;
	}
	
	.lios-showmsg {
		padding: 5px;
		font-family: var(--ff-play);
		font-size: 0.95em;
		border-radius: 5px;
		margin: 5px 0;
	}
	
	.lios-lecteur-status-connexion {
		font-family: var(--ff-play);
		font-size: 0.8em;
		opacity: 0.8;
		text-align: left;
		padding: 3px 0;
	}
	
	.lios-conteneur .graydot,
	.lios-conteneur .greendot {
		width: 15px;
		min-width: 15px;
		max-width: 15px;
		height: 15px;
		min-height: 15px;
		max-height: 15px;
		margin-right: 3px;
		border-radius: 100%;
		border: 1px solid var(--c-white);
		background-color: lightgray;
	}
	
		.lios-conteneur .greendot {
			background-color: green;
		}
	
	
	.lecteur-batterie-icn-lvl-0,
	.lecteur-batterie-icn-lvl-1 {
		color: red;
	}
	
	.lecteur-batterie-icn-lvl-2 {
		color: #ff6c00;
	}
	
	.lecteur-batterie-icn-lvl-3 {
		color: #ffc600;
	}
	
	.lecteur-batterie-icn-lvl-4,
	.lecteur-batterie-icn-lvl-5 {
		color: #a8e600;
	}
	
	.lecteur-batterie-icn-lvl-6,
	.lecteur-batterie-icn-lvl-7 {
		color: #05c200;
	}
	
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="0"]):not([data-batterie="1"]):not([data-batterie="2"]):not([data-batterie="3"]):not([data-batterie="4"]):not([data-batterie="5"]) .lecteur-batterie-icn-lvl-0,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="6"]):not([data-batterie="7"]):not([data-batterie="8"]):not([data-batterie="9"]):not([data-batterie="10"]):not([data-batterie="11"]) .lecteur-batterie-icn-lvl-1,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="12"]):not([data-batterie="13"]):not([data-batterie="14"]):not([data-batterie="15"]):not([data-batterie="16"]):not([data-batterie="17"]):not([data-batterie="18"]):not([data-batterie="19"]) .lecteur-batterie-icn-lvl-2,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="20"]):not([data-batterie="21"]):not([data-batterie="22"]):not([data-batterie="23"]):not([data-batterie="24"]):not([data-batterie="25"]):not([data-batterie="26"]):not([data-batterie="27"]):not([data-batterie="28"]):not([data-batterie="29"]):not([data-batterie="30"]):not([data-batterie="31"]):not([data-batterie="32"]):not([data-batterie="33"]):not([data-batterie="34"]):not([data-batterie="35"]):not([data-batterie="36"]):not([data-batterie="37"]):not([data-batterie="38"]):not([data-batterie="39"]) .lecteur-batterie-icn-lvl-3,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="40"]):not([data-batterie="41"]):not([data-batterie="42"]):not([data-batterie="43"]):not([data-batterie="44"]):not([data-batterie="45"]):not([data-batterie="46"]):not([data-batterie="47"]):not([data-batterie="48"]):not([data-batterie="49"]):not([data-batterie="50"]):not([data-batterie="51"]):not([data-batterie="52"]):not([data-batterie="53"]):not([data-batterie="54"]):not([data-batterie="55"]):not([data-batterie="56"]):not([data-batterie="57"]):not([data-batterie="58"]):not([data-batterie="59"]) .lecteur-batterie-icn-lvl-4,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="60"]):not([data-batterie="61"]):not([data-batterie="62"]):not([data-batterie="63"]):not([data-batterie="64"]):not([data-batterie="65"]):not([data-batterie="66"]):not([data-batterie="67"]):not([data-batterie="68"]):not([data-batterie="69"]):not([data-batterie="70"]):not([data-batterie="71"]):not([data-batterie="72"]):not([data-batterie="73"]):not([data-batterie="74"]):not([data-batterie="75"]):not([data-batterie="76"]):not([data-batterie="77"]):not([data-batterie="78"]):not([data-batterie="79"]) .lecteur-batterie-icn-lvl-5,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="80"]):not([data-batterie="81"]):not([data-batterie="82"]):not([data-batterie="83"]):not([data-batterie="84"]):not([data-batterie="85"]):not([data-batterie="86"]):not([data-batterie="87"]):not([data-batterie="88"]):not([data-batterie="89"]):not([data-batterie="90"]):not([data-batterie="91"]):not([data-batterie="92"]):not([data-batterie="93"]):not([data-batterie="94"]) .lecteur-batterie-icn-lvl-6,
	.lecteur-batterie-icn-lvl-conteneur:not([data-batterie="100"]):not([data-batterie="99"]):not([data-batterie="98"]):not([data-batterie="97"]):not([data-batterie="96"]):not([data-batterie="95"]) .lecteur-batterie-icn-lvl-7 {
		display: none;
	}
	
	.lios-lecteur-infos-batterie-item {
		font-family: var(--ff-play);
		padding: 2px 0;
	}
	
		.llibi-icn {
			width: 24px;
			min-width: 24px;
			max-width: 24px;
		}
		
		.llibi-valeur {
			padding-right: 5px;
		}
		
		.llibi-date {
			font-size: 0.85em;
			color: var(--c-blueclaire);
		}
		
		.llibi-maj {
			width: 20px;
			min-width: 20px;
			max-width: 20px;
		}


#t-factu-sessionencours-conteneur:not([data-launchsansverif="1"]) #t-factu-sessionencours-conteneur-automatique,
#t-factu-sessionencours-conteneur[data-forceaffichage="1"] #t-factu-sessionencours-conteneur-automatique,
#t-factu-sessionencours-conteneur[data-launchsansverif="1"]:not([data-forceaffichage="1"]) #t-factu-sessionencours-conteneur-automatique-hidden {
	display: none;
}

#t-factu-sessionencours-conteneur-automatique-loading {
	height: 2em;
}

#cab-config-t-accesdsi-delais-conteneur {
	margin: 5px;
	padding: 0 4px;
	background-color: var(--c-beige-03);
	border-radius: 10px;
}

.trans-txt-coordonnees-url-liste {
	padding: 5px 7px;
}

	.ttcul-item {
		max-width: 100%;
	}
	
		.ttcul-item-icn {
			border-radius: 100%;
			background-color: var(--c-jaune);
			color: var(--c-blueclaire);
			margin-right: 5px;
			width: 33px;
			min-width: 33px;
			min-height: 30px;
		}
		
		.ttcul-item-label {
			font-family: var(--ff-play);
			font-size: 0.95em;
		}
		
.cotpec-cot-kimmunodep-periodes {
	margin: 0 5px;
}

#tpagf-wait {
	padding: 1em;
}



	.live-item {
		display: block;
		margin: 1em 3px;
		background-color: var(--c-beige-02);
		border-radius: 10px;
		box-shadow: 0 3px 6px lightgray;
	}
	
		a.live-item:hover {
			background-color: var(--c-beige-03);
			box-shadow: 0 3px 6px gray;
		}
	
		.livi-conteneur-image {
			padding: 5px;
		}
		
			.livi-conteneur-image img {
				max-width: 100%;
				max-height: 250px;
				border-radius: 10px;
			}
			
		.livi-conteneur-infos {
			padding: 10px;
			color: var(--c-bluedark);
		}
		
			.livi-date {
				font-family: var(--ff-play);
				padding: 5px 0;
			}
				
				.livi-date > span:not(.livi-date-direct) {
					display: inline-block;
					background-color: var(--c-white);
					border-radius: 10px;
					padding: 4px 6px;
					box-shadow: 0 3px 6px lightgray;
					font-weight: bold;
					font-size: 0.95em;
					color: var(--c-red);
				}
				
				.live-item-old .livi-date > span:not(.livi-date-direct) {
					color: var(--c-redpale);
				}
				
				.livi-date-direct {
					color: red;
					font-weight: bold;
				}
			
			.livi-titre {
				font-family: var(--ff-graphie);
				font-weight: bold;
				font-size: 1.1em;
				padding: 5px 0;
			}
			
			.livi-details {
				font-size: 0.9em;
				color: var(--c-blueclaire);
				padding: 5px;
				text-align: justify;
			}
		
		.livi-conteneur-btn {
			width: 100%;
			padding: 5px;
		}
		
			.livi-conteneur-btn-plateforme {
				
			}
			
				.livi-plateforme {
					font-family: var(--ff-play);
					font-size: 0.85em;
					color: var(--c-redpale);
					padding: 5px;
				}
				
		.live-categorie {
			/* margin-top: 2em; */
		}
		
			.live-categorie-titre {
				font-family: var(--ff-graphie);
				font-size: 1.2em;
				font-weight: bold;
			}
			
				.live-categorie-today .live-categorie-titre {
					font-size: 1.4em;
				}
			
				.live-categorie-titre-icn {
					width: 34px;
					height: 34px;
					margin-right: 5px;
					border-radius: 100%;
					background-color: var(--c-bluepale);
					color: var(--c-white);
				}
				
		.v4-liste-item .live-item {
			margin: 0;
			border-radius: 0;
			box-shadow: none !important;
		}	
			
			.v4-liste-item .livi-conteneur-image {
				max-width: 65px;
			}
			
			.v4-liste-item .livi-date,
			.v4-liste-item .livi-titre {
				display: inline;
			}
			
				.v4-liste-item .livi-date > span {
					background-color: transparent;
					box-shadow: none !important;
					padding: 0;
				}
			
			.v4-liste-item .livi-conteneur-infos {
				padding: 10px 5px;
			}

				
#t-live-performingorsoon {
	margin: 5px;
	border-radius: 10px;
	/* background-color: var(--c-beige-05); */
	background-color: var(--c-blueclaire);
	overflow: hidden;
	box-shadow: 0px 5px 10px #00000029;
}

	#tlp-icn {
		padding: 3px 5px;
		/* background-color: var(--c-beige-08); */
		color: var(--c-white);
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		min-width: 50px;
		width: 50px;
		max-width: 50px;
	}
	
	#tlp-contenu {
		width: calc(100% - 50px);
	}

		#tlp-label {
			padding: 3px;
			padding-left: 0;
			font-family: var(--ff-graphie);
			color: var(--c-white);
		}
		
		#tlp-btn,
		#tlp-btn2 {
			padding: 3px;
		}
		
@media (max-width: 431px) {
	#tlp-btn { display: none; }
}		
@media (min-width: 432px) {
	#tlp-btn2 { display: none; }
}

.factu-honoraires-affiches-indiv-details-sup {
	
}

	.factu-honoraires-affiches-indiv-details-sup-contenu {
		
	}
	
	.factu-honoraires-affiches-indiv-details-sup-opt {
		padding: 5px 8px;
		text-align: left;
		font-family: var(--ff-play);
		font-size: 0.8em;
		color: var(--c-blueclaire);
	}

	.factu-honoraires-affiches-indiv-details-sup.tableau-liste-hidden .factu-honoraires-affiches-indiv-details-sup-opt-fermer,
	.factu-honoraires-affiches-indiv-details-sup.tableau-liste-shown .factu-honoraires-affiches-indiv-details-sup-opt-ouvrir,
	.factu-honoraires-affiches-indiv-details-sup[data-status="0"] .factu-honoraires-affiches-indiv-details-sup-opt-fermer,
	.factu-honoraires-affiches-indiv-details-sup[data-status="1"] .factu-honoraires-affiches-indiv-details-sup-opt-ouvrir {
		display: none;
	}


	.facturier-item-details {
		font-size: 1.05em;
	}



	.perm-label {
		font-family: var(--ff-graphie);
		font-size: 0.95em;
		padding: 8px 3px;
		min-width: 125px;
	}
	
	.perm-value {
		text-align: center;
		padding: 3px;
		min-width: 100px;
		max-width: 150px;
	}

.pro-liste-item {
	
}

	tbody .pro-liste-item-nom {
		font-weight: bold;
	}
	
	tbody .pro-liste-item-nom,
	tbody .pro-liste-item-prenom {
		font-family: var(--ff-graphie);
		padding: 8px 5px;
		min-width: 120px;
	}
	
	tbody .pro-liste-item-ft {
		min-width: 115px;
		max-width: 160px;
	}
	
	tbody .pro-liste-item-exercice {
		min-width: 80px;
	}
	
	tbody .pro-liste-item-ft,
	tbody .pro-liste-item-exercice {
		font-size: 0.8em;
		padding: 6px 8px;
	}
	
	tbody .pro-liste-item-rpps,
	tbody .pro-liste-item-am,
	tbody .pro-liste-item-finess {
		font-family: var(--ff-play);
		text-align: center;
		font-size: 0.95em;
		padding: 6px 10px;
		min-width: 115px;
	}
	
	tbody .pro-liste-item-tels,
	tbody .pro-liste-item-emails {
		min-width: 205px;
	}
	
	tbody .pro-liste-item-adresses {
		min-width: 250px;
	}
	
	tbody .pro-liste-item-tels a,
	tbody .pro-liste-item-emails a,
	tbody .pro-liste-item-adresses > div > div {
		background-color: var(--c-beige-05);
	}
	
	tbody .pro-liste-item-lastmaj {
		font-family: var(--ff-play);
		font-size: 0.8em;
		min-width: 85px;
		text-align: center;
		color: var(--c-blueclaire);
	}
	
	
	
	
	#livefeed-filtres {
		background-color: var(--c-beige-03);
		border-radius: 10px;
		padding: 5px;
	}
	
	
	#livefeed-oldnew-separator {
		opacity: 0.6;
		margin: 2em 0;
		display: none;
	}
	
	.livefeed-event-item {
		margin: 2px 0;
	}
	
	.livefeed-event-item.alreadyHidden {
		background: var(--c-white);           /* gris clair */
		border-radius: 15px;
		box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
		position: relative;
		overflow: hidden;
	}
	
		.livefeed-event-item.alreadyHidden::after {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(90deg, #f6f6f6 0%, #f0f0f0 50%, #f6f6f6 100%);
			background-size: 200% 100%;
			animation: shimmer 1.5s infinite linear;
		}

		@keyframes shimmer {
			0% { background-position: 200% 0; }
			100% { background-position: -200% 0; }
		}
	
	
	.livefeed-event-content {
		margin: 1em 0;
		position: relative;
		padding: 10px 20px;
	}
	
		.lfeec-content {
			
		}
		
			.lfeec-content-icntype {
				width: 50px;
				min-width: 50px;
				max-width: 50px;
				position: absolute;
				top: -10px;
				right: -10px;
			}
			
				.lfeec-content-icntype > div {
					border-radius: 100%;
					background-color: var(--c-blueclaire);
					color: white;
					width: 40px;
					height: 40px;
				}
			
			.lfeec-content-content {
				max-width: 100%;
				min-width: 100%;
				border-radius: 10px;
				background-color: var(--c-beige-02);
				box-shadow: 0px 2px 4px #00000029;
				overflow: hidden;
			}
			
			.livefeed-event-item-new .lfeec-content-content {
				box-shadow: 0px 2px 4px var(--c-blueclaire);
			}
			
				a.lfeec-content-content {
					color: var(--c-bluedark);
				}
				
				a.lfeec-content-content:hover {
					background-color: var(--c-beige-03);
					color: var(--c-red);
					box-shadow: 0px 5px 8px #00000029;
				}
				
					.lfeec-content-content-content {
						width: 100%;
						min-width: 100%;
						height: 100%;
						min-height: 100%;
						background-color: rgba(255,255,255,0.7);
						padding-bottom: 10px;
					}
					
					.livefeed-event-content[data-etype="milestone"] .lfeec-content-content {
						background-color: var(--c-jaune);
					}
					
					.livefeed-event-content[data-etype="milestone"] .lfeec-content-content-content {
						background-color: rgba(255,255,255,0.4);
					}
					
					.livefeed-event-content[data-etype="annonce"] .lfeec-annonce-dpt {
						width: 115px;
						height: 115px;
						overflow: hidden;
						border-radius: 100%; 
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
						color: var(--c-white);
						font-size: 0.95em;
						/*text-shadow: -1px -1px 0 white,
						   1px -1px 0 white,
						  -1px  1px 0 white,
						   1px  1px 0 white,
						  -1px  0px 0 white,
						   1px  0px 0 white,
						   0px -1px 0 white,
						   0px  1px 0 white;*/
						text-shadow: -1px -1px 0 gray,
						   1px -1px 0 gray,
						  -1px  1px 0 gray,
						   1px  1px 0 gray,
						  -1px  0px 0 gray,
						   1px  0px 0 gray,
						   0px -1px 0 gray,
						   0px  1px 0 gray;
					}
					
					.livefeed-event-content .lfeec-illustration-bg {
						border-radius: 100%;
						width: 100px;
						height: 100px; 
						overflow: hidden;
						background-size: cover;
						background-position: center center;
						background-repeat: no-repeat;
						border: 1px solid var(--c-beige);
					}
					
					.livefeed-event-content .lfeec-illustration-avatar {
						width: 100px;
						height: 100px;
						border-color: var(--c-beige) !important;
					}
					
					.livefeed-event-content .lfeec-illustration-post {
						border-radius: 100%;
						width: 100px;
						height: 100px; 
						overflow: hidden;
						border: 1px solid var(--c-beige);
						text-align: center;
					}
					
					.livefeed-event-content .lfeec-illustration-post > div {
						width: 110%;
						min-width: 110%;
						text-align: justify;
						font-style: italic;
						font-size: 0.85em;
						color: var(--c-blueclaire);
						word-break: break-all;
					}
					
					.livefeed-event-content[data-etype="milestone"] .lfeec-content-content-content {
						background-color: rgba(255,255,255,0.4);
					}
				
						a.lfeec-content-content:hover .lfeec-content-content-content {
							background-color: rgba(255,255,255,0.6);
						}
						
						.lfeec-content-content:not(a) {
							color: var(--c-red);
						}
						
					.lfeec-content-msginfos {
						
					}
					
						.lfeec-content-msginfos img {
							max-height: 150px;
						}
	
				.lfeec-utime {
					
				}
				
					.lfeec-u {
						padding: 5px;
						color: var(--c-bluedark);
					}
					
						.lfeec-u img {
							width: 40px;
						}
						
						.lfeec-u-pseudonyme {
							padding-left: 5px;
							font-family: var(--ff-graphie);
						}
					
					.lfeec-time {
						padding: 5px;
						font-family: var(--ff-play);
						color: var(--c-blueclaire);
						text-align: right;
						padding-right: 20px;
					}
					
						.lfeec-time-date {
							font-size: 0.75em;
						}
						
							.lfeec-time-date-annee {
								display: none;
								/* color: var(--c-bluepale); */
							}
							
						.lfeec-time-heure {
							font-size: 0.85em;
						}
						
						.lfeec-utime .lfeec-time > div > span {
							/* display: block; */
							text-align: center;
						}
				
				.lfeec-contenu {
					display: block;
					padding: 10px;
					text-align: center;
				}

@media (min-width: 426px) {
	.lfeec-time-forsmall {
		display: none;
	}
}

@media (max-width: 425px) {
	.lfeec-content-icntype,
	.lfeec-utime .lfeec-time {
		display: none;
	}
	.lfeec-time-date {
		font-size: 0.8em;
		padding: 0 2px;
	}
	
	
	.lfeec-time-icn > div {
		border-radius: 100%;
		background-color: var(--c-blueclaire);
		color: white;
		width: 30px;
		height: 30px;
	}
	
	.lfeec-content-content-content {
		padding-bottom: 0;
	}

	
	.livefeed-event-content {
		padding: 2px;
	}
	
	.lfeec-time {
		padding-right: 5px;
	}
}


#t-covidgrippe-liste-table tbody .td-patient {
	font-family: var(--ff-graphie);
	font-size: 0.95em;
	min-width: 190px;
	max-width: 210px;
	text-align: left;
	padding: 5px;
}

#t-covidgrippe-liste-table tbody .td-campagne {
	font-family: var(--ff-graphie);
	font-size: 0.95em;
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	padding: 3px;
}

#t-covidgrippe-liste-table tbody .td-grippe-statut,
#t-covidgrippe-liste-table tbody .td-covid-statut {
	width: 55px;
	min-width: 55px;
	max-width: 55px;
	text-align: center;
}
	#t-covidgrippe-liste-table .td-grippe-statut > div > div,
	#t-covidgrippe-liste-table .td-covid-statut > div > div {
		width: 35px;
		height: 35px;
		border-radius: 100%;
		background-color: lightgray;
	}

	#t-covidgrippe-liste-table .v4-liste-item[data-grippe="0"] .td-grippe-statut > div > div,
	#t-covidgrippe-liste-table .v4-liste-item[data-covid="0"] .td-covid-statut > div > div {
		background-color: red;
		color: white;
	}
	#t-covidgrippe-liste-table .v4-liste-item[data-grippe="1"] .td-grippe-statut > div > div,
	#t-covidgrippe-liste-table .v4-liste-item[data-covid="1"] .td-covid-statut > div > div {
		background-color: orange;
		color: white;
	}
	#t-covidgrippe-liste-table .v4-liste-item[data-grippe="done"] .td-grippe-statut > div > div,
	#t-covidgrippe-liste-table .v4-liste-item[data-covid="done"] .td-covid-statut > div > div {
		background-color: green;
		color: white;
	}
	#t-covidgrippe-liste-table .v4-liste-item[data-grippe="prog"] .td-grippe-statut > div > div,
	#t-covidgrippe-liste-table .v4-liste-item[data-covid="prog"] .td-covid-statut > div > div {
		background-color: blue;
		color: white;
	}
	


#t-covidgrippe-liste-table tbody .td-grippe-datedetails,
#t-covidgrippe-liste-table tbody .td-covid-datedetails {
	
}

	#t-covidgrippe-liste-table tbody .td-grippe-date,
	#t-covidgrippe-liste-table tbody .td-covid-date {
		font-family: var(--ff-play);
		padding: 3px;
		text-align: center;
		font-size: 0.95em;
		width: 60px;
		min-width: 60px;
		max-width: 60px;
	}

	#t-covidgrippe-liste-table tbody .td-grippe-details,
	#t-covidgrippe-liste-table tbody .td-covid-details {
		width: 230px;
		min-width: 230px;
		max-width: 230px;
		padding: 3px;
		font-size: 0.95em;
	}
	
		.tvcgi-details-item {
			background-color: var(--c-beige-07);
		}
		
			.tvcgi-di-type {
				padding-right: 2px;
			}

#t-covidgrippe-liste-table tbody .td-details {
	width: 140px;
	min-width: 140px;
	max-width: 250px;
	padding: 5px;
}

#t-covidgrippe-liste-table tbody .td-lastmaj {
	font-family: var(--ff-play);
	padding: 3px;
	text-align: center;
	font-size: 0.8em;
	width: 55px;
	min-width: 55px;
	max-width: 55px;
}


#t-covidgrippe-liste-table tbody .td-opts {
	width: 30px;
	min-width: 30px;
	max-width: 30px;
}

#t-covidgrippe-liste-table[data-showgrippe="0"] .td-grippe-relativ,
#t-covidgrippe-liste-table[data-showcovid="0"] .td-covid-relativ {
	display: none;
}



#t-agenda-covidgrippe {
	border-radius: 10px;
	border: 1px solid var(--c-beige-07);
	margin: 5px 0;
	overflow: hidden;
}

	#tacg-titre {
		font-family: var(--ff-graphie);
		text-align: center;
		font-size: 0.9em;
		margin-bottom: 3px;
		padding: 5px;
		background-color: var(--c-beige-07);
	}
	
	#tacg-contenu {
		font-size: 0.95em;
	}

		.t-agenda-covidgrippe-item {
			
		}
		
			.tacgi-patient {
				font-family: var(--ff-graphie);
				white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
				padding: 3px;
			}
			
			.tacgi-liste {
				margin-top: 0;
				margin-bottom: 0;
			}
			
				.tacgi-liste-item {
					padding-top: 5px;
					padding-bottom: 5px;
				}
				
					.tacgi-liste-item-nottoday {
						color: var(--c-lightgray);
						font-size: 0.8em;
					}
			
				.tacgi-liste-item.click-ajax:hover {
					background-color: var(--c-beige-03);
				}
				
					.tacgi-liste-item-label {
						max-width: calc(100% - 22px);
						padding-left: 2px;
					}
					
					.tacgi-liste-item-goto {
						width: 22px;
						min-width: 22px;
						max-width: 22px;
						color: var(--c-gray);
					}
				
					.tacgi-liste-item-nottoday .tacgi-liste-item-label { text-decoration: line-through; }
					.tacgi-liste-item-nottoday .tacgi-liste-item-goto { color: var(--c-lightgray); }
					

	.home-menu-homelivefeed-item {
		border-radius: 100%;
		width: 65px;
		height: 65px;
		margin: 5px 10px;
		background-color: var(--c-beige-05);
		background-image: linear-gradient(to bottom right, var(--c-white) 5%, var(--c-beige) 100%);
		box-shadow: 3px 3px 3px var(--c-lightgray);
		color: var(--c-blueclaire);
		transition: all 0.15s linear;
	}
		
		.home-menu-homelivefeed-item.active {
			box-shadow: 2px 2px 2px var(--c-lightgray), 3px 3px 3px var(--c-lightgray) inset;
			color: var(--c-red);
		}
		.home-menu-homelivefeed-item:hover {
			color: var(--c-bluedark);
		}
		.home-menu-homelivefeed-item:not(.active):hover {
			box-shadow: 3px 3px 3px var(--c-gray);
		}
		.home-menu-homelivefeed-item:active,
		.home-menu-homelivefeed-item:focus {
			color: var(--c-bluedark) !important;
			box-shadow: 2px 2px 2px var(--c-lightgray), 3px 3px 3px var(--c-gray) inset !important;
		}
		
	.home-menu-homelivefeed-new {
		text-align: center;
		font-size: 0.8em;
		font-family: var(--ff-graphie);
		color: var(--c-red);
		font-weight: bold;
		width: 65px;
		margin: 5px 10px;
		padding: 5px 0;
		-webkit-animation: homelivefeed-new-animate 0.75s linear infinite;
		animation: homelivefeed-new-animate 0.75s linear infinite;
	}

@keyframes homelivefeed-new-animate {
    0% {
		padding-top: 10px;
		padding-bottom: 0px;
    }

    50% {
		padding-top: 0px;
		padding-bottom: 10px;
    }

    100% {
		padding-top: 10px;
		padding-bottom: 0px;
    }
}


#top-pan-liens-profil:hover .tplp-event,
#top-pan-liens-profil:not(:hover) .tplp-avatar,
.mvc-lien[data-shortcut="profil"]:hover .mvc-avatar-event,
.mvc-lien[data-shortcut="profil"]:not(:hover) .mvc-avatar {
	display: none;
	transition: 0.4s all linear;
}

#link-to-this-page {
	text-align: right;
	font-family: var(--ff-play);
	font-size: 0.9em;
	padding: 10px 0;
	margin-top: 20px;
}
	html.onApp.nofooter-forpin #link-to-this-page {
		margin-bottom: 35px;
		padding-bottom: 30px;
	}
	#link-to-this-page-click {
		padding: 5px;
		color: var(--c-blueclaire);
	}
	#link-to-this-page-click:hover {
		color: var(--c-redclaire);
	}


.conteneur-a-deplier {
	
}

	.conteneur-a-deplier-content {
		padding: 0.1px;
	}

	.conteneur-a-deplier:not(.deployed) .conteneur-a-deplier-content {
		display: none;
	}
	
	.conteneur-a-deplier-shortcut {
		font-family: var(--ff-play);
		color: var(--c-bluepale);
		font-size: 0.75em;
		text-align: right;
		padding: 4px 2px;
		padding-bottom: 6px;
		transform: all linear 0.2s;
	}
	
		.conteneur-a-deplier:not(.deployed) .conteneur-a-deplier-shortcut {
			padding-top: 0;
		}
		
		.conteneur-a-deplier-shortcut:hover {
			color: var(--c-blueclaire);
		}
	
	.conteneur-a-deplier.deployed .cadps-ouvrir,
	.conteneur-a-deplier.deployed .cadps-ifundeployed,
	.conteneur-a-deplier:not(.deployed) .cadps-fermer,
	.conteneur-a-deplier:not(.deployed) .cadps-ifdeployed {
		display: none;
	}
	
	.conteneur-a-deplier .cadps-react {
		transition: transform linear 0.1s;
	}
	
	.conteneur-a-deplier .cadps-react:hover {
		transform: rotate(25deg);
	}
	
	.conteneur-a-deplier.deployed .cadps-react {
		transform: rotate(180deg);
	}
	
	.conteneur-a-deplier.deployed .cadps-react:hover {
		transform: rotate(155deg);
	}
	
	.conteneur-a-deplier-shortcut .material-icons-outlined {
		transition: transform linear 0.1s;
	}
	.conteneur-a-deplier-shortcut:hover .material-icons-outlined {
		transform: rotate(25deg);
	}
	.conteneur-a-deplier.deployed .conteneur-a-deplier-shortcut:hover .material-icons-outlined {
		transform: rotate(-25deg);
	}
	
	
	
	.retrospective-etape {
		margin: 5px;
	}
	
		.retrospective-etape-titre {
			font-family: var(-ff-graphie);
			font-weight: bold;
			color: var(--c-blueclaire);
			margin-bottom: 3px;
		}
		
		.retrospective-etape-content {
			box-shadow: 0px 2px 4px #00000029;
			border-radius: 5px;
			background-color: var(--c-beige);
			text-align: center;
			font-size: 1.15em;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			overflow: hidden;
			min-height: 225px;
		}
		
			.retrospective-etape-content.click-ajax:hover {
				box-shadow: 0px 4px 8px #00000029;
			}
		
			.retrospective-etape-content > div {
				padding: 1.5em 1em;
				width: 100%;
				min-width: 100%;
				background-color: rgba(255,255,255,0.9);
				text-shadow: -1px -1px 0 white,
				   1px -1px 0 white,
				  -1px  1px 0 white,
				   1px  1px 0 white,
				  -1px  0px 0 white,
				   1px  0px 0 white,
				   0px -1px 0 white,
				   0px  1px 0 white;
			}
		
			.retrospective-content-icn {
				
			}
			
				.retrospective-content-icn > div {
					border-radius: 100%;
					width: 45px;
					min-width: 45px;
					max-width: 45px;
					height: 45px;
					min-height: 45px;
					max-height: 45px;
					background-color: var(--c-white);
					color: var(--c-red);
					box-shadow: 0px 0px 6px 2px #00000029;
				}
				
			.retrospective-content-statsglobales {
				font-size: 0.95em;
				color: var(--c-blueclaire);
			}

		.retrospective-etape-opts {
			margin-top: 8px;
		}

		.retrospective-etape-attributions {
			font-size: 0.8em;
			margin: 2em 0.5em;
			color: gray;
		}


#confetti-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 9999;
}


.chunk-generique-loading-avancement-conteneur {
	overflow: hidden;
}

	.chunk-generique-loading-avancement {
		width: 100%;
		height: 10px;
		max-height: 10px;
		position: relative;
	}

		.cgla-bar {
			z-index: 1;
			height: 10px;
			overflow: hidden;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}

			.cgla-bar-fill {
				height: 100%;
				width: 0%;
				background: linear-gradient(90deg, var(--c-redclaire), var(--c-redclaire-05));
				border-radius: inherit;
				transition: width 0.25s ease;
			}


		.cgla-lab {
			z-index: 2;
			height: 100%;
			max-height: 100%;
			font-family: var(--ff-play);
			font-size: 9px;
			color: var(--c-bluedark);
			text-shadow: -1px -1px 0 white,
				   1px -1px 0 white,
				  -1px  1px 0 white,
				   1px  1px 0 white,
				  -1px  0px 0 white,
				   1px  0px 0 white,
				   0px -1px 0 white,
				   0px  1px 0 white;
		}

	
	.tbanque-upload-file--conteneur:not(.chunking) .tfichier-media-loading-avancement,
	.cca-media-item:not(.chunking) .cca-media-loading-avancement {
		display: none;
	}
		.tfichier-media-loading-avancement,
		.cca-media-loading-avancement {
			position: absolute;
			bottom: 0;
			left: 2px;
			width: calc(100% - 4px);
			border-radius: 10px;
		}

.vocal-timer {
	font-family: var(--ff-play);
}

.vocal-icn-pauseresume {
	
}

	[data-audiouuid].audioPaused .vocal-icn-pause,
	.audioEnCours.audioPaused .vocal-icn-pause,
	[data-audiouuid]:not(.audioPaused) .vocal-icn-resume,
	.audioEnCours:not(.audioPaused) .vocal-icn-resume {
		display: none;
	}
	
.vocal-waveform {
	border-radius: 6px;
	max-width: 175px;
    margin: auto;
}

	.audioPaused .vocal-waveform {
		opacity: 0.4;
	}

.cca-f-vocal-suivi-waveform {
	padding: 0 1px;
}
.cca-f-vocal-suivi-timer {
	padding-left: 1px;
	white-space: nowrap;	
}

.cca-vocal {
	width: 100%;
	min-height: 32px;
	background-color: var(--c-beige-06);
}

	.cca-vocal .vocal-encours {
		font-family: var(--ff-play);
		font-size: 0.75em;
		color: var(--c-blueclaire);
		font-style: italic;
		user-select: none;
		text-align: center;
	}

.chat-conversation-affichage:not(.audioEnCours) .cca-vocal,
.chat-conversation-affichage:not(.audioEnCours.audioPaused) .vocal-preview,
.chat-conversation-affichage.audioPaused .vocal-encours,
.chat-conversation-affichage:not(.audioDeleteChoice) .cca-f-icon-group-vocal-delete,
.chat-conversation-affichage.audioDeleteChoice .cca-f-icon-group-vocal-content,
.chat-conversation-affichage.audioWaiting .vocal-encours-speaking,
.chat-conversation-affichage:not(.audioWaiting) .vocal-encours-waiting {
	display: none;
}

.cca-f-icon-group-vocal-delete {
	font-family: var(--ff-play);
	font-size: 0.85em;
	text-align: center;
}




.vocal-preview {
	
}

	.vocal-preview-toggle {
		width: 30px;
		min-width: 30px;
		min-height: 30px;
		border-radius: 100%;
	}
	
		.vocal-preview-toggle:hover {
			background-color: var(--c-jaune-07);
		}
	
		.vocal-preview:not(.isRunning) .vocal-preview-toggle-pause,
		.vocal-preview.isRunning .vocal-preview-toggle-play {
			display: none;
		}

	.vocal-preview-progress {
		position: relative;
		height: 4px;
		background: var(--c-white);
		border-radius: 3px;
		cursor: pointer;
		overflow: hidden;
	}

	.vocal-preview-progress-bar {
		height: 100%;
		width: 0%;
		background: #2563eb;
		border-radius: 2px;
	}

	.vocal-preview-time {
		font-family: var(--ff-play);
		font-size: 0.85em;
		padding: 0 2px;
		padding-left: 4px;
		color: var(--c-blueclaire);
		white-space: nowrap;
		user-select: none;
	}



	.ccac-message--media-vocal .ccac-m-contenu-val > div {
		width: 100%;
	}

	.voice-player {
		background-color: var(--c-beigeclaire);
		border-radius: 5px;
		padding: 6px 2px;
		max-width: 100%;
	}
	
		.voice-player audio {
			display: none;
			visibility: hidden;
		}
	
		.voice-player-content {
			max-width: 100%;
		}
		
			.vpc-base {
				
			}
			
				.vpc-playpause {
					min-width: 35px;
					min-height: 35px;
				}
					
					.vpc-playpause-icn {
						width: 35px;
						min-width: 35px;
						max-width: 35px;
						height: 35px;
						min-height: 35px;
						max-height: 35px;
						border-radius: 100%;
						background-color: var(--c-red);
						color: var(--c-white);
						transition: all 0.2s linear;
					}
					
						.vpc-playpause-icn.click-ajax:hover {
							background-color: var(--c-redpale);
							color: var(--c-bluedark);
							transform: rotate(-10deg);
						}
					
						.voice-player.vocalIsPlaying .vpc-playpause-play,
						.voice-player:not(.vocalIsPlaying) .vpc-playpause-pause {
							display: none;
						}
				
				.vpc-progress-conteneur {
					padding: 0 2px;
				}
				
					.vpc-progress {
						height: 8px;
						width: 100%;
						background: #ddd;
						cursor: pointer;
						position: relative;
						margin-top: 9px;
						border-radius: 4px;
						overflow: hidden;
					}

					.vpc-progress-bar {
						height: 100%;
						width: 0%;
						background: #ab3b3d;
					}
				
				.vpc-time {
					padding: 0 3px;
				}
					.vpc-time > div {
						font-family: var(--ff-play);
						font-size: 0.85em;
						color: var(--c-blueclaire);
						white-space: nowrap;
						user-select: none;
					}
					
						.vpc-time .vpc-time-time {
							
						}
					
						.vpc-time .vpc-time-duration {
							color: var(--c-gray);
						}
				
				.vpc-opt-sound {
					min-width: 35px;
					min-height: 35px;
				}
					
					.vpc-opt-sound-icn {
						width: 35px;
						min-width: 35px;
						max-width: 35px;
						height: 35px;
						min-height: 35px;
						max-height: 35px;
						border-radius: 100%;
						background-color: var(--c-jaune-07);
						color: var(--c-blueclaire);
						transition: all 0.2s linear;
					}
					
						.vpc-opt-sound-icn.click-ajax:hover {
							background-color: var(--c-jaune);
							color: var(--c-bluedark);
							transform: rotate(-10deg);
						}
				
					.voice-player.vocalIsMuted .vpc-opt-sound-volume,
					.voice-player.vocalIsMuted .vpc-opt-sound-volume-low,
					.voice-player.vocalIsLow .vpc-opt-sound-volume,
					.voice-player:not(.vocalIsLow) .vpc-opt-sound-volume-low,
					.voice-player:not(.vocalIsMuted) .vpc-opt-sound-muted {
						display: none;
					}
				
				
				.vpc-opt-speed {
					min-width: 35px;
					min-height: 35px;
				}
					
					.vpc-opt-speed-icn {
						width: 35px;
						min-width: 35px;
						max-width: 35px;
						height: 35px;
						min-height: 35px;
						max-height: 35px;
						border-radius: 100%;
						background-color: var(--c-jaune-07);
						color: var(--c-blueclaire);
						font-family: var(--ff-play);
						font-size: 0.85em;
						white-space: nowrap;
						overflow: hidden;
					}


			.vpc-setting-volume {
				background-color: var(--c-jaune-07);
				margin: 0 2px;
				border-radius: 10px;
				overflow: hidden;
			}
			
				.vpc-setting-volume-icnlabel {
					
				}
					
					.vpc-setting-volume-icn {
						width: 35px;
						min-width: 35px;
						max-width: 35px;
						height: 35px;
						min-height: 35px;
						max-height: 35px;
						border-radius: 100%;
						background-color: var(--c-beigeclaire);
						color: var(--c-blueclaire);
						transition: all 0.2s linear;
					}
					
						.vpc-setting-volume-icn.click-ajax:hover {
							background-color: var(--c-beige);
							color: var(--c-bluedark);
							transform: rotate(-10deg);
						}
				
						.voice-player.vocalIsMuted .vpc-setting-volume-volume,
						.voice-player.vocalIsMuted .vpc-setting-volume-volume-low,
						.voice-player.vocalIsLow .vpc-setting-volume-volume,
						.voice-player:not(.vocalIsMuted) .vpc-setting-volume-muted,
						.voice-player:not(.vocalIsLow) .vpc-setting-volume-volume-low {
							display: none;
						}
						
				.vpc-setting-volume-values {
					padding: 0 2px;
					max-width: calc(100% - 70px);
				}


			.vpc-setting-speed {
				background-color: var(--c-jaune-07);
				margin: 0 2px;
				border-radius: 10px;
				overflow: hidden;
			}
			
				.vpc-setting-speed-icnlabel {
					
				}
					
					.vpc-setting-speed-icn {
						width: 35px;
						min-width: 35px;
						max-width: 35px;
						height: 35px;
						min-height: 35px;
						max-height: 35px;
						border-radius: 100%;
						background-color: var(--c-beigeclaire);
						color: var(--c-blueclaire);
						transition: all 0.2s linear;
					}
					
						.vpc-setting-speed-icn.click-ajax:hover {
							background-color: var(--c-beige);
							color: var(--c-bluedark);
							transform: rotate(-10deg);
						}
					
						.vpc-setting-speed-icn:not(.click-ajax) {
							user-select: none;
							background-color: transparent;
						}
						
				.vpc-setting-speed-values {
					padding: 0 2px;
					max-width: calc(100% - 70px);
					overflow-x: auto;
					font-size: 0.95em;
				}
				
					.vpc-setting-speed-values > span {
						font-family: var(--ff-play);
						padding: 0 2px;
						color: var(--c-blueclaire);
					}
					.vpc-setting-speed-values > span.click-ajax:hover {
						color: var(--c-red);
						font-weight: bold;
					}
				
			
			.vpc-opt-close {
				
			}
			
				.vpc-opt-close-icn {
					width: 35px;
					min-width: 35px;
					max-width: 35px;
					height: 35px;
					min-height: 35px;
					max-height: 35px;
					border-radius: 100%;
					background-color: var(--c-beigeclaire);
					color: var(--c-blueclaire);
					transition: all 0.2s linear;
				}
				
					.vpc-opt-close-icn.click-ajax:hover {
						background-color: var(--c-beige);
						color: var(--c-bluedark);
						transform: rotate(-10deg);
					}
					
		.voice-player.settingVolume .vpc-base,
		.voice-player.settingSpeed .vpc-base,
		.voice-player:not(.settingVolume) .vpc-setting-volume,
		.voice-player:not(.settingSpeed) .vpc-setting-speed {
			display: none;
		}
		
		
		.voice-player-transcription {
			margin-top: 5px;
			margin-bottom: 3px;
			text-align: left;
			width: 100%;
		}
		
			.vpt-choix {
				font-family: var(--ff-graphie);
				font-size: 0.9em;
				color: var(--c-blueclaire);
			}
			
				.vpt-choix-item {
					
				}
				
					.vpt-choix-item.selected {
						color: var(--c-bluedark);
						text-decoration: underline !important;
					}
				
			.vpt-transcript {
			
			}
			
				.vpt-label {
					font-family: var(--ff-graphie);
					font-size: 0.9em;
					color: var(--c-blueclaire);
				}
				
				
				.vpt-contenu {
					padding: 2px;
					font-style: italic;
					font-size: 0.95em;
					max-height: 250px;
					overflow: auto;
					color: var(--c-bluedark);
				}
				
				
				.vpt--avecchoix .vpt-label,
				.vpt--avecchoix .vpt-transcript:not(.selected) {
					display: none;
				}
				
			.vpt-options {
				font-family: var(--ff-play);
				font-size: 0.85em;
			}
				.vpt-options > div {
					margin: 0 5px;
				}


.generique-vocal-conteneur {
	padding: 5px 2px;
}

	.generique-vocal-contenu {
		max-width: 300px;
		margin: auto;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.generique-vocal-preview {
		width: 100%;
		min-height: 40px;
		background-color: var(--c-beige-06);
	}

		.generique-vocal-preview .vocal-waitingfor,
		.generique-vocal-preview .vocal-encours {
			font-family: var(--ff-play);
			font-size: 0.75em;
			color: var(--c-blueclaire);
			font-style: italic;
			user-select: none;
			text-align: center;
		}

			.generique-vocal-conteneur[data-audiouuid]:not([data-audiouuid=""]) .if-vocalrecord-started-hide,
			.generique-vocal-conteneur:not([data-audiouuid]) .if-vocalrecord-unstarted-hide,
				.generique-vocal-conteneur[data-audiouuid=""] .if-vocalrecord-unstarted-hide,
			.generique-vocal-conteneur.audioPaused .if-vocalrecord-paused-hide,
			.generique-vocal-conteneur.audioEnCours:not(.audioPaused) .if-vocalrecord-recording-hide,
			.generique-vocal-conteneur.askForDel .if-vocalrecord-askfordel-hide,
			.generique-vocal-conteneur:not(.askForDel) .if-vocalrecord-notaskfordel-hide,
			.generique-vocal-conteneur.audioWaiting .vocal-encours-speaking,
			.generique-vocal-conteneur:not(.audioWaiting) .vocal-encours-waiting {
				display: none;
			}
			
		.generique-vocal-preview .vocal-preview-toggle {
			width: 40px;
			min-width: 40px;
			max-width: 40px;
			height: 40px;
			min-height: 40px;
			max-height: 40px;
		}
			
	.generique-vocal-ctrl {
		background-color: var(--c-jaune-07);
		overflow: hidden;
		min-height: 40px;
	}
	
		.generique-vocal-ctrl-icn {
			width: 40px;
			min-width: 40px;
			max-width: 40px;
			border-radius: 100%;
			background-color: var(--c-beige-01);
			transition: 0.2s all linear;
		}
		
			.generique-vocal-conteneur:not([data-audiouuid]) .generique-vocal-ctrl:hover .generique-vocal-ctrl-startstop,
			.generique-vocal-conteneur[data-audiouuid=""] .generique-vocal-ctrl:hover .generique-vocal-ctrl-startstop,
			.generique-vocal-ctrl-icn:hover {
				background-color: var(--c-beige);
				color: var(--c-red);
				transform: rotate(-10deg);
			}
		
		.generique-vocal-ctrl-contenu {
			max-width: calc(100% - 40px);
		}
		
			.generique-vocal-ctrl-content-tostart {
				font-family: var(--ff-play);
				font-size: 0.85em;
				padding: 0 2px;
				color: var(--c-blueclaire);
				text-align: center;
			}
		
				.generique-vocal-ctrl-content-tostart:hover {
					color: var(--c-bluedark);
				}
				
			.generique-vocal-ctrl-content-started {
				
			}
			
				.generique-vocal-ctrl-content-started-paused {
					font-family: var(--ff-play);
					font-size: 0.85em;
					text-align: center;
				}
		
		.generique-vocal-ctrl-content {
			
		}
		
			.generique-vocal-ctrl-content-suivi-waveform {
				padding: 0 1px;
			}
			.generique-vocal-ctrl-content-suivi-timer {
				padding-left: 1px;
				padding-right: 10px;
				white-space: nowrap;	
			}
		
		.generique-vocal-ctrl-toclose {
			
		}
		
		.generique-vocal-ctrl-delete {
			
		}


.cav-to-opt {
	padding: 0 2px;
	min-width: 35px;
	width: 35px;
	max-width: 35px;
	color: var(--c-blueclaire);
}

	.cav-to-opt-swap {
		min-width: 60px;
		width: 60px;
		max-width: 60px;
		padding-right: 0;
	}

	.cav-to-opt:hover {
		color: var(--c-bluedark);
	}
	
	.conteneur-alternative-vocal[data-cav="vocal"] .cav-to-vocal,
	.conteneur-alternative-vocal[data-cav="vocal"] .cav-conteneur-other,
	.conteneur-alternative-vocal:not([data-cav="vocal"]) .cav-to-other,
	.conteneur-alternative-vocal:not([data-cav="vocal"]) .cav-conteneur-vocal {
		display: none;
	}


#factu-form-reglement {
	
}

	#factu-form-reglement[data-reglperte="reglement"] .form-encaiss-reglperte-hideifreglement,
	#factu-form-reglement[data-reglperte="perte"] .form-encaiss-reglperte-hideifperte {
		display: none;
	}
	
	.fsrli-nomindiv {
		overflow-x: auto;
	}

	.fsrlini-num {
		padding: 2px;
		min-width: 90px;
		width: 90px;
		max-width: 90px;
		text-align: center;
	}
		.fsrlini-num-num {
			font-family: var(--ff-play);
			font-size: 0.85em;
			color: var(--c-redpale);
			padding: 1px 0;
		}
		.fsrlini-num-date {
			font-family: var(--ff-play);
			font-size: 0.9em;
			padding: 1px 0;
		}

	
	.fsrlini-pro {
		font-family: var(--ff-graphie);
		text-align: center;
		font-size: 0.9em;
		width: 60px;
		min-width: 60px;
		max-width: 60px;
		border-radius: 4px;
	}
	
	.fsrlini-nbractes {
		padding: 2px 3px;
		font-size: 0.95em;
		text-align: center;
		min-width: 90px;
		width: 90px;
		max-width: 90px;
	}
	
	.fsrlini-pm {
		padding: 2px 3px;
	}
	
		.fsrlini-pm-lab {
			color: var(--c-redpale);
			font-size: 0.75em;
		}
		
		.fsrlini-pm-valeur {
			font-family: var(--ff-play);
			font-size: 0.95em;
		}
		
		
.tableau-a-deployer-btn-conteneur {
	
}

	.tableau-a-deployer-btn-conteneur > div:not(.btn-simple) {
		margin: auto;
		border-radius: 100%;
		background-color: var(--c-beige);
		width: 35px;
		height: 35px;
		color: var(--c-blueclaire);
		box-shadow: 0px 4px 8px #00000029;
	}

	.tableau-a-deployer-btn-conteneur > div {
		transition: 0.2s all linear;
	}
	
		.tableau-a-deployer-btn-conteneur > div.click-ajax:hover,
		.tableau-a-deployer-btn-conteneur.click-ajax:hover > div {
			transform: rotate(45deg);
		}
	
		.tableau-liste-shown .tableau-a-deployer-btn-conteneur > div {
			transform: rotate(180deg);
		}
	
		.tableau-liste-shown .tableau-a-deployer-btn-conteneur > div.click-ajax:hover,
		.tableau-liste-shown .tableau-a-deployer-btn-conteneur.click-ajax:hover > div {
			transform: rotate(145deg);
		}
		
	.v4-liste-item:not(.alwaysShown).tableau-liste-hidden {
		display: none;
	}
	
	

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

.u-fiche-iteminfos {
	padding: 14px 2px;
}

	.ufii-icn {
		width: 40px;
		min-width: 40px;
		max-width: 40px;
	}
	
		.ufii-icn img {
			max-width: 32px;
			max-height: 32px;
		}
		
		.ufii-icn > span {
			width: 32px;
			max-width: 32px;
			height: 32px;
			max-height: 32px;			
			border-radius: 8px;
			background-color: var(--c-blueclaire);
			color: var(--c-white);
		}
		
		.ufii-icn-green > span {
			background-color: #008a0a;
		}
		
		.ufii-icn-gray > span {
			background-color: var(--c-lightgray);
		}
	
	.ufii-valeur {
		width: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}
	
		.ufii-valeur-sup {
			padding: 0 5px;
			font-family: var(--ff-play);
			font-size: 0.9em;
			opacity: 0.8;
			background-color: var(--c-beige-03);
			border-radius: 9px;
		}
		
	.u-fiche-iteminfos-sousitem {
		margin-left: 25px;
		font-size: 0.95em;
		padding: 8px 2px;
		padding-left: 0;
	}
	
		.u-fiche-iteminfos-sousitem .ufii-icn {
			width: 34px;
			min-width: 34px;
			max-width: 34px;
		}
	
		.u-fiche-iteminfos-sousitem .ufii-icn img {
			max-width: 26px;
			max-height: 26px;
		}
		
		.u-fiche-iteminfos-sousitem .ufii-icn > span {
			width: 26px;
			max-width: 26px;
			height: 26px;
			max-height: 26px;
		}
		
	.u-fiche-tableitems {
		width: 100%;
		border-collapse: collapse;
		font-size: 0.95em;
	}
	
		.ufti-item {
			
		}
		
			.ufti-item > td {
				background-color: var(--c-beige-01);
				padding: 4px;
			}
			.ufti-item:hover > td {
				background-color: var(--c-beige-02);
			}
			
			.ufti-item > td:first-child {
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}
			
			.ufti-item > td:last-child {
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
			}
			
		.ufti-blank,
		.ufti-blank td {
			min-height: 4px;
			height: 4px;
		}
		
		.ufti-item,
		.ufti-item td {
			height: 1px;
		}
		
		@-moz-document url-prefix() {
			.ufti-item td {
				height: 100%;
			}
		}
		
#u-fiche-activite-conteneur {
	background: var(--c-white);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.13);
	border-radius: 15px;
	padding: 15px 1px;
	margin-top: 2em;
}

	#u-fiche-activite-conteneur-titre {
		font-family: var(--ff-graphie);
		font-size: 1.3em;
		font-weight: bold;
		margin: 10px 0;
		margin-bottom: 20px;
		text-align: center;
		padding: 0 5px;
	}
	
	#u-fiche-activite-contenu {
		border-top: 2px dashed var(--c-red);
		margin: 0 2px;
		padding: 10px 3px;
	}
	
	#u-fiche-activite-contenu .u-fiche-iteminfos:not(.u-fiche-iteminfos-sousitem) {
		margin-top: 20px;
	}
	
	#sm0 .u-identite-conteneur {
		background-color: var(--c-jaune);
		border-radius: 40px;
	}
	
	#sm0 .u-teamcalendridel {
		text-align: center;
	}
	
#connexion-u-saved-liste {
	max-width: 495px;
	margin: auto;
}

	#connexion-u-saved-liste > div {
		max-width: 100%;
		overflow: auto;
	}

	.connexion-u-saved {
		min-width: 80px;
		padding: 2px;
		overflow: hidden;
	}
	.connexion-u-saved:not(.picked) {
		width: 80px;
		max-width: 80px;
	}
	
		.connexion-u-saved .cus-contenu {
			background-color: var(--c-beige-02);
			border-radius: 10px;
			height: 100%;
		}
	
		.connexion-u-saved .cus-contenu:hover {
			background-color: var(--c-beige-05);
		}
		
		.cus-supprimer {
			top: 1px;
			right: 1px;
		}
	
		.cus-avatar {
			padding: 5px;
			text-align: center;
		}
		
			.cus-avatar img {
				width: 57px;
				min-width: 57px;
				max-width: 57px;
			}
		
		.cus-pseudonyme {
			font-family: var(--ff-graphie);
			text-align: center;
			padding: 2px 5px;
			font-size: 0.9em;
		}
		
		.connexion-u-saved:not(.picked) .cus-details,
		.connexion-u-saved.picked .cus-avatar-pseudonyme .cus-pseudonyme {
			display: none;
		}
		
		.connexion-u-saved.picked {
			min-width: 192px;
			width: 192px;
			max-width: 192px;
		}
		
		.connexion-u-saved.picked .cus-contenu {
			background-color: var(--c-beige-03);
		}
		
			.cus-details-label {
				font-family: var(--ff-play);
				color: gray;
				font-size: 0.7em;
				padding-right: 2px;
			}
			
			.cus-details {
				width: calc(100% - 67px);
				max-width: calc(100% - 67px);
				padding: 2px;
			}
			
			.cus-details .cus-pseudonyme {
				font-size: 1.1em;
				font-weight: bold;
				padding: 2px;
			}
			
	.form-champ-connexion-champ-idb-pseudo {
		font-weight: bold;
		font-family: var(--ff-graphie);
	}
	
	#formulaire-connexion:not(.idbuser-picked) .form-connexion-champ-idb,
	#formulaire-connexion.idbuser-picked .form-connexion-champ-email {
		display: none;
	}
	
	.form-connexion-champ-idb-suppr {
		font-family: var(--ff-play);
		font-size: 0.9em;
		text-align: right;
	}
	
	
.admin-recap-chat-item {
	padding: 5px 0;
}

	.arci-datas {
		
	}
	
		.arci-date {
			font-family: var(--ff-play);
			text-align: center;
			padding: 3px;
			width: 65px;
			min-width: 65px;
			max-width: 65px;
			font-size: 0.95em;
		}
		
		.arci-subject {
			font-family: var(--ff-graphie);
			padding: 3px;
			width: calc(100% - 65px - 230px);
		}
		
			.arci-subject img {
				width: 22px;
				min-width: 22px;
			}
			
			.arci-s-icn {
				padding-right: 2px;
			}
			
		.arci-individus {
			width: 230px;
			min-width: 230px;
			max-width: 230px;
			font-size: 0.95em;
			padding: 1px;
		}
		
			.arci-individus img {
				width: 20px;
				min-width: 20px;
			}
			
		.arci-suivis {
			padding: 5px;
			padding-top: 2px;
			padding-bottom: 7px;
		}
		
			.arci-suivis-liste {
				border-radius: 4px;
				overflow: hidden;
				border: 1px solid var(--c-lightgray);
			}
			
				.arci-suivis-item {
					border-bottom: 1px solid var(--c-lightgray);
				}
			
				.arci-suivis-item:nth-of-type(odd) {
					background-color: var(--c-jaune-03);
				}
				.arci-suivis-item:last-child {
					border-bottom: 0px;
				}
				
				.arcisi-date {
					padding: 3px;
					font-family: var(--ff-play);
					font-size: 0.9em;
					text-align: center;
					width: 55px;
					min-width: 55px;
				}
				
					.arcisi-date > div {
						padding: 1px;
						width: 100%;
					}
				
				.arcisi-individu {
					font-family: var(--ff-graphie);
					text-align: center;
					font-size: 0.9em;
					width: 48px;
					min-width: 48px;
				}
				
					.arcisi-individu > div {
						padding: 1px;
						width: 100%;
					}
		
					.arcisi-individu img {
						width: 21px;
						min-width: 21px;
					}
					
				.arcisi-valeur {
					padding: 3px;
					font-size: 0.95em;
				}
				
			.arci-suivis-item.arcisi-old {
				
			}	
				
				.arci-suivis-item.arcisi-old:not(:hover) > div {
					opacity: 0.8;
					color: var(--c-gray);
				}
			
@media (max-width: 466px) {
	.arci-subject {
		width: calc(100% - 65px);
	}
	
	.arci-individus {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	
	.arcisi-date,
	.arcisi-individu,
	.arcisi-date > div,
	.arcisi-individu > div	{
		width: auto !important;
	}
	
	.arcisi-valeur {
		width: 100%;
	}
}


.admin-recap-abo-item {
	
}

	.arai-datas {
		
	}
	
		.arai-d-identiteopts {
			
		}
		
			.arai-d-identite {
				max-width: calc(100% - 40px);
				font-family: var(--ff-graphie);
				padding: 5px 4px;
				font-weight: bold;
			}
			
			.arai-d-opts {
				width: 40px;
				min-width: 40px;
				max-width: 40px;
			}
			
		.arai-d-datas {
			font-family: var(--ff-play);
			font-size: 0.95em;
		}
		
			.araid-d-abotype {
				padding: 2px;
				width: calc(100% / 5);
				text-align: center;
			}
		
			.araid-d-abodebut {
				padding: 2px;
				width: calc(100% / 5);
				text-align: center;
			}
		
			.araid-d-abofin {
				padding: 2px;
				width: calc(100% / 5);
				text-align: center;
			}
		
			.araid-d-msgnbr {
				padding: 2px;
				width: calc(100% / 5);
				text-align: center;
			}
		
			.araid-d-msglast {
				padding: 2px;
				width: calc(100% / 5);
				text-align: center;
			}
			
		.admin-recap-abo--afi-nbr-1 .araid-d-abotype,
		.admin-recap-abo--afi-nbr-1 .araid-d-abodebut,
		.admin-recap-abo--afi-nbr-1 .araid-d-abofin,
		.admin-recap-abo--afi-nbr-1 .araid-d-msgnbr,
		.admin-recap-abo--afi-nbr-1 .araid-d-msglast {
			width: 100%;
		}
			
		.admin-recap-abo--afi-nbr-2 .araid-d-abotype,
		.admin-recap-abo--afi-nbr-2 .araid-d-abodebut,
		.admin-recap-abo--afi-nbr-2 .araid-d-abofin,
		.admin-recap-abo--afi-nbr-2 .araid-d-msgnbr,
		.admin-recap-abo--afi-nbr-2 .araid-d-msglast {
			width: 50%;
		}
			
		.admin-recap-abo--afi-nbr-3 .araid-d-abotype,
		.admin-recap-abo--afi-nbr-3 .araid-d-abodebut,
		.admin-recap-abo--afi-nbr-3 .araid-d-abofin,
		.admin-recap-abo--afi-nbr-3 .araid-d-msgnbr,
		.admin-recap-abo--afi-nbr-3 .araid-d-msglast {
			width: calc(100% / 3);
		}
			
		.admin-recap-abo--afi-nbr-4 .araid-d-abotype,
		.admin-recap-abo--afi-nbr-4 .araid-d-abodebut,
		.admin-recap-abo--afi-nbr-4 .araid-d-abofin,
		.admin-recap-abo--afi-nbr-4 .araid-d-msgnbr,
		.admin-recap-abo--afi-nbr-4 .araid-d-msglast {
			width: 25%;
		}
		
		.admin-recap-abo--afi-conteneur:not(.admin-recap-abo--afi-abotype) .araid-d-abotype,
		.admin-recap-abo--afi-conteneur:not(.admin-recap-abo--afi-abodebut) .araid-d-abodebut,
		.admin-recap-abo--afi-conteneur:not(.admin-recap-abo--afi-abofin) .araid-d-abofin,
		.admin-recap-abo--afi-conteneur:not(.admin-recap-abo--afi-msgnbr) .araid-d-msgnbr,
		.admin-recap-abo--afi-conteneur:not(.admin-recap-abo--afi-msglast) .araid-d-msglast {
			display: none;
		}
		
	.td-rspvir-iddate {
		padding: 1px 2px;
		font-family: var(--ff-play);
	}
	
		.rspvir-iddate-id {
			font-size: 0.75em;
			color: var(--c-blueclaire);
		}
		
		.rspvir-iddate-date {
			font-size: 0.9em;
		}
		
	.facturation-reglements-virrsp-item .td-pro {
		font-family: var(--ff-graphie);
		font-size: 0.85em;
	}
	
	.td-rspvir-caisse {
		padding: 2px;
		font-size: 0.95em;
		text-align: left;
	}
	
	.td-rspvir-ref {
		padding: 2px;
		font-size: 0.9em;
		font-family: var(--ff-play);
		font-style: italic;
		text-align: left;
		color: var(--c-blueclaire);
	}
		.td-rspvir-ref > div {
			padding: 1px;
		}
	
	.td-rspvir-nbrfact {
		padding: 1px;
		font-family: var(--ff-play);
		font-size: 0.9em;
		color: var(--c-blueclaire);
	}
	
	.facturation-reglements-virrsp-item .td-montant {
		font-family: var(--ff-play);
		font-weight: bold;
		font-size: 0.9em;
		min-width: 110px;
		text-align: right;
		padding: 1px;
	}
	
	.facturation-reglements-virrsp-item[data-rapprochementetat="1"] .rspvir-item-rapprobancaire-icntodo,
	.facturation-reglements-virrsp-item[data-rapprochementetat="0"] .rspvir-item-rapprobancaire-icnvalid {
		display: none;
	}
	
	.facturation-reglements-item-regl-tr[data-rapprochement="1"] .td-montant,
	.facturation-reglements-item-encaiss-tr[data-rapprochementetat="1"] .td-montant,
	.facturation-reglements-virrsp-item[data-rapprochementetat="1"] .td-montant {
		color: var(--c-green);
	}


	#side-panel-conteneur[data-inactifsdisplayed="0"] #liste-patients-inactifs-searched {
		display: none;
	}

	#liste-patients-inactifs-searched {
		
	}
	
		#liste-patients-inactifs-searched {
			font-family: var(--ff-graphie);
			text-align: center;
			font-size: 0.95em;
			color: var(--c-blueclaire);
		}
		
		#liste-patients-inactifs-searched-liste {
			min-height: 50px;
			border-radius: 5px;
			padding: 2px 0;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
	#form-tp-autrespatients {
		margin: 5px;
		margin-right: 0;
		margin-left: auto;
		background-color: var(--c-beige-03);
		border-radius: 5px;
		max-width: 450px;
		overflow: hidden;
		
	}
	
		#form-tp-autrespatients-label {
			font-family: var(--ff-graphie);
			font-size: 0.9em;
			color: var(--c-blueclaire);
			padding: 2px 4px;
			background-color: var(--c-beige-05);
		}
		
		#form-tp-autrespatients-liste {
			border-radius: 5px;
			margin-top: 0;
			padding-right: 2px;
			max-height: 150px;
			overflow-y: auto;
		}
		
			#form-tp-autrespatients-liste a,
			#form-tp-autrespatients-liste > div {
				margin: 4px 2px;
				min-height: 30px;
				padding: 0 2px;
			}
			
			#form-tp-autrespatients-liste a:nth-of-type(even),
			#form-tp-autrespatients-liste > div:nth-of-type(even) {
				background-color: var(--c-beige-01);
			}
			
			#form-tp-autrespatients-liste a:hover {
				background-color: var(--c-beige-02);
				color: var(--c-bluedark);
			}
			
.t-liensutiles {
	margin-top: 4em;
	margin-bottom: 2em;
	padding: 1px;
}

	.t-liensutiles--label {
		font-family: var(--ff-graphie);
		font-size: 0.9em;
		color: var(--c-blueclaire);
	}
	
	.t-liensutiles--lien {
		font-family: var(--ff-play);
		font-size: 0.95em;
		padding: 4px 1px;
		margin: 1px 0;
		overflow: hidden;
		border-radius: 3px;
	}
	
		.t-liensutiles--lien:hover {
			background-color: var(--c-beige-02);
			color: var(--c-bluedark);
		}

	
	
	
	.fpti-categ.editmode .fpti-row:not(.noteditable) .fpti-cell {
		background-color: var(--c-jaune);
	}

	.fpti-categ-label {
		min-height: 35px;
	}
	
		.fpticl-label {
			font-family: var(--ff-graphie);
			color: var(--c-redpale);
			max-width: calc(100% - 40px);
		}
		
		.fpticl-icn {
			border-radius: 5px;
			width: 40px;
			min-width: 40px;
			max-width: 40px;
			color: var(--c-gray);
		}
			
			.fpti-categ.editmode .fpticl-icn-editmode {
				color: var(--c-green);
				background-color: var(--c-jaune-05);
			}
		
			.click-ajax:not(.io0):hover .fpticl-icn,
			.fpticl-icn.click-ajax:hover {
				color: var(--c-bluedark);
				background-color: var(--c-jaune-03);
			}
			
	.fpti-cell-editmode {
		width: 40px;
		min-width: 40px;
		max-width: 40px;
		text-align: center;
		color: var(--c-blueclaire);
	}
	
		.fpti-cell-editmode.click-ajax:hover {
			background-color: var(--c-redpale) !important;
			color: var(--c-white);
		}
		
	.fpti-categ:not(.editmode) .fpti-cell-editmode,
	.fpti-categ.editmode .fpti-cell-hideif-editmode {
		display: none;
	}
	
	
	.fpti-cvadri-conteneur {
		width: 100%;
	}
	
	.fpti-cvadri-btn {
		max-width: calc(100% - 60px);
	}
	
	.fpti-cvadri-datemaj {
		width: 60px;
		min-width: 60px;
		max-width: 60px;
		text-align: center;
		font-size: 0.8em;
		color: var(--c-bluepale);
		font-family: var(--ff-play);
	}
	
	@media (min-width: 345px) {
		.dropdownlist-fpti-modeedition {
			min-width: 340px;
		}
	}
		
	
	@media (min-width: 320px) and (max-width: 768px) {
		.fpti-cvadri-conteneur {
			width: 50%;
			min-width: 50%;
			max-width: 50%;
		}
	
		.fpti-cvadri-btn, .fpti-cvadri-datemaj {
			min-width: 100%;
			width: 100%;
			max-width: 100%;
		}
		
		.fpti-cvadri-datemaj > div > div {
			display: inline;
		}
	}
	
	
.react-c-bluedark:hover {
	color: var(--c-bluedark);
}

.react-bg-jaune-03:hover {
	background-color: var(--c-jaune-03);
}

.tfse-historique-item {
	
}

	.thi-date {
		font-family: var(--ff-play);
		text-align: center;
		font-size: 0.9em;
		padding: 5px;
	}
	
		.thi-date-heure {
			font-size: 0.95em;
			color: var(--c-blueclaire);
		}
		
	.thi-individu {
		text-align: center;
		font-family: var(--ff-graphie);
		font-size: 0.85em;
		padding: 5px;
		width: 45px;
		min-width: 45px;
		max-width: 45px;
	}
	
	.thi-einfos {
		padding: 5px 8px;
		font-size: 0.95em;
		font-weight: bold;
	}
	
		.thi-einfos a {
			display: block;
			height: 100%;
		}
		
	.thi-details {
		width: 90%;
		padding: 5px;
	}
	
.videosyoutube-item {
	
}
	.videosyoutube-item > a:not(:hover) {
		color: var(--c-bluedark);
	}
	.videosyoutube-item > a:hover {
		color: var(--c-blueclaire);
	}

	.videosyoutube-item--titre {
		font-family: var(--ff-graphie);
		font-weight: bold;
		font-size: 1.05em;
		padding: 10px 5px;
		color: var(--c-bluedark);
	}
	
	.videosyoutube-item--date {
		font-family: var(--ff-play);
		color: var(--c-blueclaire);
		font-size: 0.75em;
		padding: 5px;
	}
	
	.videosyoutube-item--imgdetails {
		padding: 10px 3px;
		padding-top: 5px;
	}
	
		.videosyoutube-item--img {
			width: 120px;
			min-width: 120px;
			max-width: 120px;
			padding: 1px 3px;
		}
	
		.videosyoutube-item--details {
			max-width: calc(100% - 120px);
			padding: 3px;
			font-size: 0.9em;
		}



	.mvci-menuplein-small {
		padding: 0 2px;
	}
	
		.mvci-menuplein-small .mvc-lien {
			text-align: center;
			border-radius: 5px;
			border: 1px dashed var(--c-beige-03);
			font-family: var(--ff-graphie);
			min-height: 35px;
		}
		
		.mvci-menuplein-small .mvc-lien:not(:hover) {
			color: var(--c-blueclaire);
		}
		
	#menu-menu.modeCab .menu-vitrine-closeconteneur-banniere,
	#menu-menu:not(.modeCab) .menu-vitrine-closemenucab-banniere {
		display: none;
	}
	
	.menu-vitrine-categ-cab-item-plein .mvc-triangle > div {
		transform: rotate(-90deg) !important;
	}
	
	
#t-soins-conteneur-estimation-edition-liste {
	
}

	#tsd-table {
		border-collapse: collapse;
	}
		
		#tsd-table td:not(:last-child) {
			border-right: 1px dashed var(--c-beige-03);
		}
		#tsd-table td.borderedBottom {
			border-bottom: 1px dashed var(--c-beige-03);
		}
	
		#tsd-table tbody .td-pro {
			font-family: var(--ff-graphie);
			padding: 4px 2px;
			max-width: 180px;
		}
		
		#tsd-table tbody .td-nbractes {
			text-align: center;
			font-family: var(--ff-play);
			font-size: 0.95em;
			color: var(--c-blueclaire);
			padding: 4px 2px;
		}
		
		#tsd-table tbody .td-partamo,
		#tsd-table tbody .td-partamc,
		#tsd-table tbody .td-partpatient {
			text-align: right;
			font-family: var(--ff-play);
			white-space: nowrap !important;
			padding: 6px 2px;
			font-size: 0.95em;
		}
		
		#tsd-table tbody .td-parttotal {
			text-align: right;
			font-family: var(--ff-play);
			font-weight: bold;
			white-space: nowrap !important;
			padding: 6px 2px;
			padding-right: 4px;
		}
		
		#tsd-table tbody .td-partamo[data-montant="0"],
		#tsd-table tbody .td-partamc[data-montant="0"],
		#tsd-table tbody .td-partpatient[data-montant="0"],
		#tsd-table tbody .td-parttotal[data-montant="0"] {
			font-size: 0.85em;
			color: var(--c-gray);
		}
		
		#tsd-table .sousitem {
			font-size: 0.95em;
			color: var(--c-blueclaire);
		}
		
			#tsd-table .sousitem .td-pro {
				padding-left: 6px;
			}
		
			#tsd-table .sousitem .td-parttotal {
				font-weight: normal;
			}
			
		
		.tsd-soustable {
			background-color: var(--c-white);
		}
		
			.tsd-soustable tr:not(:last-child) td {
				border-bottom: 1px dashed var(--c-beige-03);
			}
		
			.tsd-soustable .td-st-pro {
				width: 24px;
				min-width: 24px;
				max-width: 24px;
				padding: 2px;
			}
			
			.tsd-soustable .td-st-date {
				text-align: center;
				font-family: var(--ff-play);
				font-size: 0.95em;
				padding: 2px 4px;
				width: 70px;
			}
			
			@media (min-width: 425px) {
				.tsd-soustable .td-st-date {
					white-space: nowrap !important;
				}
			}
			
			.tsd-soustable .td-st-cotation {
				font-family: var(--ff-play);
				padding: 2px;
			}
			
			.tsd-soustable .td-st-montants {
				text-align: right;
				font-family: var(--ff-play);
				font-size: 0.75em;
				padding: 2px;
			}
			
				.tdst-montant--montantpart {
					white-space: nowrap !important;
					color: var(--c-blueclaire);
				}
				
				.tdst-montant--montantpart[data-montant="0"] {
					color: var(--c-lightgray);
				}
			
			.tsd-soustable .td-st-montant {
				text-align: right;
				font-family: var(--ff-play);
				padding: 2px;
			}
			
			
	.content-for-dl--contenu div.page_header {width: 100%; border: none; background-color: #f5f5f5; border-bottom: solid 1mm #cfd0d1; padding: 2mm; padding-left: 15mm; }
	.content-for-dl--contenu img.banniere { height: 30px; }
	.content-for-dl--contenu div.page_footer {width: 100%; border: none; background-color: #f5f5f5; border-top: solid 1mm #cfd0d1; padding: 2mm; padding-left: 15mm; font-weight: bold; font-size: 1em; }
	.content-for-dl--contenu h1 {color: #000033}
	.content-for-dl--contenu h2 {color: #000055}
	.content-for-dl--contenu h3 {color: #000077}

	.content-for-dl--contenu .fa-right { text-align: right; }

	.content-for-dl--contenu div.niveau
	{
		padding-left: 5mm;
	}

	.content-for-dl--contenu thead {
	}

	.content-for-dl--contenu div#conteneur {

	}

		.content-for-dl--contenu table.infos-facture {
			width: 100%;
		}
			.content-for-dl--contenu table.infos-facture td {
				width: 50%;
			}
			.content-for-dl--contenu table.infos-facture td.infos-facture-numero {
				font-size: 13pt;
			}
			.content-for-dl--contenu table.infos-facture td.infos-facture-date {
				text-align: right;
			}

		.content-for-dl--contenu div#contenu {
			border-top: dashed 1px lightgray;
			margin-top: 0.5em;
		}
		.content-for-dl--contenu table.infos-vendeurclient {
			width: 100%;
			margin-top: 10pt;
			border-collapse: collapse;
		}
			.content-for-dl--contenu td.infos-vendeur {
				width: 60%;
				padding: 5pt;
				padding-bottom: 10pt;
			}
				.content-for-dl--contenu td.infos-vendeur2 {
					width: 40%;
					padding: 5pt;
					font-size: 11pt;
					padding-bottom: 10pt;
				}
				.content-for-dl--contenu div.vendeur-nom {
					font-weight: bold;
					margin-bottom: 0.5em;
				}
				.content-for-dl--contenu div.vendeur-legende {
					font-size: 10pt;
					color: gray;
					margin-bottom: 0.5em;
				}
				.content-for-dl--contenu div.vendeur-adresse {
					font-size: 11pt;
					margin-bottom: 0.5em;
				}
				.content-for-dl--contenu div.vendeur-siret { font-size: 1em; }

			.content-for-dl--contenu td.infos-client {
				background: #f6f6f6;
				width: 60%;
				padding: 5pt;
				border: 2px solid black;
				border-right: 0px;
			}
			.content-for-dl--contenu td.infos-client2 {
				background: #f6f6f6;
				width: 40%;
				padding: 5pt;
				border: 2px solid black;
				border-left: 0px;
			}
				.content-for-dl--contenu div.client-titre {
					text-align: right;
					font-size: 0.9em;
					font-weight: bold;
					color: gray;
				}
				.content-for-dl--contenu div.client-identite {
					font-weight: bold;
					padding: 5pt;
				}
				.content-for-dl--contenu div.client-identifiant {
					font-weight: normal;
					text-align: right;
					padding: 5pt;
					font-size: 11pt;
				}
				.content-for-dl--contenu div.client-adresse {
					font-size: 1em;
					margin-bottom: 0.5em;
				}

		.content-for-dl--contenu table.infos-pminterventions {
			width: 100%;
			margin-top: 10pt;
			border-collapse: collapse;
		}

		.content-for-dl--contenu table.infos-interventions,
		.content-for-dl--contenu table.infos-pm {
			width: 100%;
			border-collapse: collapse;
			border: solid 1px black;
		}

			.content-for-dl--contenu td.infos-pminterventions-interv,
			.content-for-dl--contenu td.infos-pminterventions-pm {
				width: 50%;
				padding: 0.5em;
				vertical-align: top;
			}

			.content-for-dl--contenu td.infos-generique-labeltitre {
				font-weight: bold;
				padding: 0.5em;
				background: #f7f7f7;
				text-align: center;
			}

			.content-for-dl--contenu td.infos-generique-label {
				font-style: italic;
				padding: 0.5em;
			}

			.content-for-dl--contenu td.infos-generique-label-ligne {
				background: #f7f7f7;
			}

			.content-for-dl--contenu td.infos-generique-valeur {
				font-weight: bold;
				padding: 0.5em;
			}

		.content-for-dl--contenu table.infos-montants,
		.content-for-dl--contenu table.infos-reglements{
			margin-top: 15pt;
			width: 100%;
			border: solid 1px black;
			border-collapse: collapse;
		}

		.content-for-dl--contenu table.infos-montants td,
		.content-for-dl--contenu table.infos-reglements td {
			border: solid 1px black;
		}

		.content-for-dl--contenu td.valzero {
			font-weight: normal;
			color: #6e6e6e;
		}
		

#admin-logs-liste {
	overflow-x: auto;
}

	#admin-logs-liste td {
		padding: 2px 3px;
		border: 1px dashed var(--c-beige-03);
		border-top: 0;
		border-bottom: 0;
	}
	
	#admin-logs-liste tbody .log-td--id {
		font-family: var(--ff-play);
		font-size: 0.85em;
		color: var(--c-blueclaire);
		width: 30px;
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--uid {
		font-family: var(--ff-play);
		text-align: right;
		width: 30px;
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--uinfos {
		font-family: var(--ff-graphie);
		width: 30px;
		white-space: nowrap !important;
		color: var(--c-blueclaire);
	}
	
		#admin-logs-liste tbody .log-td--uinfos .log-td--uinfos-pseudo {
			white-space: nowrap !important;
		}
		#admin-logs-liste tbody .log-td--uinfos .log-td--uinfos-nomprenom {
			white-space: nowrap !important;
			font-size: 0.9em;
			color: var(--c-gray);
		}
	
	#admin-logs-liste tbody .log-td--categ {
		font-size: 0.9em;
		color: var(--c-blueclaire);
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--categid {
		font-family: var(--ff-play);
		text-align: right;
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--action {
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--result {
		font-family: var(--ff-play);
		font-size: 0.9em;
		text-align: center;
		width: 30px;
		background-color: rgba(150,150,150,0.1);
	}
	
		#admin-logs-liste tbody .log-td--result[data-thisvalue="1"] {
			background-color: rgba(0,150,0,0.3);
			color: green;
		}
	
		#admin-logs-liste tbody .log-td--result[data-thisvalue="0"] {
			background-color: rgba(150,0,0,0.3);
			color: red;
		}
	
	#admin-logs-liste tbody .log-td--timing {
		font-family: var(--ff-play);
		font-size: 0.9em;
		color: var(--c-blueclaire);
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--timestamp {
		font-family: var(--ff-play);
		text-align: right;
		white-space: nowrap !important;
		font-size: 0.95em;
	}
	
	#admin-logs-liste tbody .log-td--date {
		font-family: var(--ff-play);
		text-align: center;
	}
	
		#admin-logs-liste tbody .log-td--date > span {
			white-space: nowrap !important;
		}
	
		#admin-logs-liste tbody .log-td--date .log-td--date-date {
			font-size: 0.95em;
			color: var(--c-blueclaire);
		}
	
	#admin-logs-liste tbody .log-td--nbritems {
		font-family: var(--ff-play);
		text-align: right;
		font-size: 0.9em;
		width: 30px;
		white-space: nowrap !important;
	}
	
	#admin-logs-liste tbody .log-td--datassent {
		font-size: 0.9em;
	}
	
	#admin-logs-liste tbody .log-td--details {
		font-size: 0.9em;
	}
	
	#admin-logs-liste tbody .log-td--datassent pre,
	#admin-logs-liste tbody .log-td--details pre {
		max-height: 100px;
		overflow-y: auto;
		overflow-x: show;
	}
	
	.frbi-resume-montants-dus {
		color: var(--c-blueclaire);
	}
	
		.frbi-resume-montants-dus img {
			width: 14px;
		}
	
		.frbi-resume-montants-dus .montant-du {
			font-family: var(--ff-play);
			font-weight: bold;
			color: var(--c-bluedark);
		}
		
		.frbi-resume-montants-dus .frbi-rmd-u {
			font-family: var(--ff-graphie);
			color: var(--c-bluedark);
			border-radius: 3px;
		}
		
		.frbi-resume-montants-dus[data-montant="0"] {
			display: none;
		}
		
.icn-champ-infos {
	color: var(--c-bluepale);
}
	.icn-champ-infos.click-ajax:hover {
		color: var(--c-blueclaire);
	}
	
.menu-menu-cab-full-backtomenu-conteneur {
	font-family: var(--ff-play);
	color: var(--c-gray);
	min-height: 46px;
	border: 1px solid var(--c-beige);
	border-radius: 5px;
	font-size: 0.9em;
	text-align: center;
}

	.menu-menu-cab-full-backtomenu-conteneur:hover {
		background-color: var(--c-beige-03);
		color: var(--c-bluedark);
	}
	
.icn-rotate-40 .material-icons,
.icn-rotate-40 .material-icons-outlined {
	transform: rotate(-40deg);
}

.table-bbcode-conteneur {
	overflow-x: auto;
}
	.table-bbcode {
		width: 100%;
		min-width: 100%;
		border-collapse: collapse;
	}

		.table-bbcode td {
			padding: 3px 5px;
			border: 1px solid var(--c-beige-05);
		}

		.table-bbcode thead {
			
		}

			.table-bbcode thead td {
				background-color: var(--c-beige-03);
				font-family: var(--ff-graphie);
				font-size: 0.95em;
			}