html {min-height:100%}
body {margin:0;font-family:"Raleway",Helvetica,Arial,sans-serif;color:#333333;text-align:left;min-height:100%;min-width:1250px;background-color:#eee;font-size:14px;}
* {outline: none;}
.entete {display:flex;align-items:center;height:90px;z-index:999;background-color:#51677B;color:white;justify-content:space-between;width:100%;}
#entete {z-index:999}
.entete .environnement {font-weight:normal}
#user {z-index:888;position:fixed;top:92px;right:20px;overflow:hidden;font-size:1.2em;white-space:nowrap;}
#user .contenu {background-color:white;margin:0;border:1px solid white;border-radius:6px}
#user a {border:0}
#user #user_outils {color:white;}
#menu {z-index:999;display:none;width:0px;position:fixed;top:0px;left:0px;transition:width 0.2s linear;padding:0px;white-space:nowrap;box-sizing:border-box;height:100%;overflow:auto}
#menu #contenu {background-color:rgba(255, 255, 255, 0.5);color:white;min-height:100%;width:100%;}
#menu #bureaux,
#menu #bureau,
#menu #espace {padding:0px;box-sizing:border-box}
#menu #bureaux {width:35%;}
#menu #bureaux .bloc {font-size:1.3em;font-weight:bold;text-transform:uppercase;height:80px;display:flex;padding:40px 0px 40px 0px}
#menu #bureaux .ligne {font-size:1.3em;padding:10px;margin:0px 50px 5px 50px;font-weight:bold}
#menu #bureau {width:35%;background-color:rgba(255,255,255,0.1)}
#menu #bureau .bloc {font-size:1.2em;font-weight:bold;text-transform:uppercase;height:80px;display:flex;padding:40px 0px 40px 0px}
#menu #bureau .fleche {border-left:40px solid white; border-bottom:40px solid transparent;border-top:40px solid transparent;font-size:0px}
#menu #bureau .ligne {font-size:1.2em;padding:10px;margin:0px 50px 5px 50px;font-weight:bold}
#menu #espace {width:30%;background-color:rgba(255,255,255,0.2)}
#menu #espace .bloc {font-size:1.2em;font-weight:bold;text-transform:uppercase;height:80px;display:flex;padding:40px 0px 40px 0px}
#menu #espace .fleche {border-left:40px solid white; border-bottom:40px solid transparent;border-top:40px solid transparent;font-size:0px}
#menu #espace .ligne {font-size:1.2em;padding:10px;margin:0px 50px 5px 50px;font-weight:normal}
#menu #espace .ligne_inactive {font-size:1.2em;padding:10px;margin:0px 50px 5px 50px;font-weight:normal;color:#ddd}
#menu #menu_fermer {background-color:rgba(255,255,255,0.2);text-align:right;padding-top:30px;padding-right:25px;box-sizing:border-box}
.favoris {background-color:#51677B;color:white;min-height:100%;z-index:998;position:fixed;top:90px;transition:width 0.1s linear;overflow:hidden}
#fct_util #favoris {}
#fct_util #favoris .bloc {font-size:1.2em;padding:30px 0px;font-weight:bold;text-transform:uppercase;background-color:rgba(255, 255, 255, 0.2);text-align:center;margin-bottom:20px}
#fct_util #favoris .ligne {font-size:1.2em;padding:10px;margin-bottom:5px;font-weight:normal}
#fct_util #favoris .ligne:hover {background-color:rgba(255, 255, 255, 0.15);cursor:pointer}
#menu .ligne:hover {background-color:rgba(255, 255, 255, 0.15);cursor:pointer}
#menu .ligne_choisie {background-color:white;color:#51677B}
#menu .ligne_choisie:hover {background-color:white}
/*************************************************************************/
/* Tags
/*************************************************************************/
.tag {padding:7px;border-radius:6px;background-color:#f7f8f9;color:#335674;text-align:center;box-sizing:border-box;}
.tag.bleu {background-color:#EDF0FF;color:#155AC1}
.tag.vert {background-color:#E3FFD0;color:#376A1F}
.tag.orange {background-color:#f8ebde;color:#d08233}
.tag.rouge {background-color:#FFEDEC;color:#BC0E2E}
.tag.marron {background-color:#FFEEE1;color:#8B5000}
.tag.violet {background-color:#fbeafa;color:#9d4a9b}
/*************************************************************************/
/* flex
/*************************************************************************/
.flex-h {display:flex;}
.flex-v {display:flex;flex-direction:column;}
.flex-align-center {align-items:center;}
.flex-align-start {align-items:flex-start;}
.flex-justify-between {justify-content:space-between;}
.flex-justify-around {justify-content:space-around;}
.flex-wrap {flex-wrap:wrap;}
/*************************************************************************/
/* Pictos
/*************************************************************************/
.picto {font-size:18px}
.picto_disabled {color:#ccc;}
.picto_rose {color:#F781F3;}
.picto_bleu {color:#237EBF;}
.picto_vert {color:#9CAC29;}
.picto_orange {color:#FF8B17;}
.picto_rouge {color:#B42805;}
.picto_xs {font-size:14px}
.picto_s {font-size:16px}
.picto_l {font-size:20px}
.picto_xl {font-size:22px}
.entete .picto {font-size:22px}
.entete .picto {font-size:22px}
.accueil .vignette .picto {color:#aaa}
#user #user_outils .picto {font-size:20px}
/*************************************************************************/
/* Accueil
/*************************************************************************/
.accueil .vignette {height:100%;border:0;padding:0;margin:0;background-color:white;border-radius:6px;box-sizing:border-box;box-shadow:0px 1px 5px 0px #b2b2b2}
.accueil .vignette h1 {width:100%;text-align:center;font-size:1.4em;font-weight:normal;margin-top:15px}
.accueil .vignette h2 {width:100%;text-align:center;font-size:1.2em;font-weight:normal}
.accueil .vignette h3 {width:100%;text-align:center;font-size:1.1em;font-weight:normal}
.accueil .vignette .bloc {cursor:pointer;width:50%;padding:0px 10px 0px 25px;box-sizing:border-box;}
.accueil .vignette .pastille {min-width:40px;height:40px;line-height:40px;margin-right:5px;border-radius:50%;background-color:#2191DB;text-align:center;color:white;font-weight:normal;font-size:1.2em;}
.accueil .vignette .effectif {color:#666666;font-weight:normal;font-size:2em;padding-bottom:5px}
.accueil .vignette .libelle {color:#999999;padding-bottom:5px;width:100%}
.accueil .vignette .libelle_alerte {color:#999999;padding-bottom:5px;width:calc(100% - 40px)}
.accueil .vignette .legende_couleur {height:6px;font-size:0px;width:50px;border-radius:3px}
.accueil .vignette .new {background-color:#F1C40F}
.accueil .vignette .transition {transition:height 0.4s linear;transition-delay:0.2s;overflow:hidden}
.accueil .vignette .tab {border-top:4px solid #CCC;color:#999;cursor:pointer;padding:5px 20px;box-sizing:border-box;text-align:center}
.accueil .vignette .tab_encours {border-top:4px solid #5f7890;color:#333333;font-weight:bold;cursor:normal;padding:5px 20px;box-sizing:border-box;text-align:center}
/*************************************************************************/
/* Styles standards
/*************************************************************************/
form {margin:0}
fieldset {border:0;padding:1.2em;background-color:white;border-radius:6px;}
legend {color:#333333;font-weight:normal;font-size:1.4em;padding:0.9em 0.1em}
input[type="submit"],
input[type="button"],
button {border:1px solid #333333;color:#333333;border-radius:20px;background-color:transparent;font-weight:normal;padding:7px 20px;font-size:1em}
input[type="submit"][value="Enregistrer"],
input[type="submit"][value="Appliquer"],
input[type="submit"][value="Valider"],
input[type="submit"][value="Traiter"],
input[type="submit"][value="Installer"],
input[type="submit"][value="Connexion"] {background-color:#5f7890;color:white;}
input[type="submit"][disabled="disabled"],
input[type="button"][disabled="disabled"],
button[disabled="disabled"] {border:1px solid #7B7D7F;color:#B1B1B1;border-radius:20px;background:linear-gradient(0deg, #F2F4F7 0%, #FFFFFF 100%);font-weight:normal;}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {cursor:pointer}
input {color:#7B7D7F;border:0.1em solid #A4A4A4;font-size:1em;border-radius:4px;line-height:17px;padding:5px;font-family:"Raleway",Helvetica,Arial,sans-serif}
input[disabled="disabled"] {color:#5D5D5D;border:0.1em solid #EDEDED;font-size:1em}
textarea {font-family:"Raleway",Helvetica,Arial,sans-serif;color:#7B7D7F;font-size:1em;border-radius:4px;border:0.1em solid #A4A4A4;}
select {color:#454246;font-size:1em;font-family:"Raleway",Helvetica,Arial,sans-serif;border-radius:4px;border:0.1em solid #A4A4A4;padding:5px}
select[disabled="disabled"] {border:0.1em solid #E8E8E8;background-color:#EFEFEF;color:#5D5D5D}
optgroup {color:#268CD1;margin-top:0.5em}
option {color:#333333}
input[type="checkbox"] {border:0em}
input[type="radio"] {border:0em}
img {border:0}
a {text-decoration:none;color:#333333;font-size:1em;}
a:hover {text-decoration:none}
hr {border:0;height:1px;background-color:#C8E6F2;color:#C8E6F2;margin-top:0em;margin-right:10em;}
h1 {color:#7A7A7A;font-weight:bold;font-size:1.5em;}
h2 {color:#7A7A7A;font-weight:bold;font-size:1.3em;}
h3 {color:#7A7A7A;font-weight:bold;font-size:1.1em;}
h1.legend {color:#333333;font-weight:normal;font-size:1.4em;padding-top:0;margin-top:0;padding-bottom:0.9em}
.readonly {color:#5D5D5D;font-size:1em;border:1px solid #DFDFDF;background-color:#EFEFEF}
.libelle {border:0em;color:#6C716C;background-color:transparent}
/***********************************************************************************************/
/* Echelle de temps
/***********************************************************************************************/
.echelle_temps td {text-align:center}
.echelle_temps_present {text-align:center;color:#333333;}
.echelle_temps .historique a {}
.echelle_temps .historique a:hover {}
/***********************************************************************************************/
/* Item list
/***********************************************************************************************/
.item_list {text-align:center;border:0em ;border-collapse:collapse;}
.item_list tr {}
.item_list tr:hover {background-color:#F9F9F9}
.item_list td {padding:15px 10px;border-top:1px solid #DBDBDB;}
/***********************************************************************************************/
/* Tableaux
/***********************************************************************************************/
.tableau {text-align:center;border:0em ;border-collapse:collapse;}
.tableau tr {}
.tableau tr:hover {background-color:#F9F9F9}
.tableau th {text-align:inherit;color:white;font-weight:normal;font-size:0.95em;padding:0.7em;border:0;border:1px solid white;border-top:0px;text-transform:uppercase;box-sizing:border-box;background-color:#C0C0C0}
.tableau td {padding:15px 10px;border-bottom:1px solid #DBDBDB;}
.tableau tr:first-child th:first-child {border-radius:6px 0px 0px 0px;}
.tableau tr:first-child th:last-child {border-radius:0px 6px 0px 0px;}
.tableau tr:last-child td:first-child {border-radius:0px 0px 0px 6px;}
.tableau tr:last-child td:last-child {border-radius:0px 0px 6px 0px;}
.tableau .ligne_paire {background-color:white}
.tableau .ligne_impaire {background-color:white}
.tableau .separation {background-color:#DDD;text-align:left;padding:12px}
.tableau .separation:hover {background-color:#DDD}
.tableau .filtre {background-color:#C0C0C0;font-style:italic;font-weight:normal}
.tableau a {}
.tableau a:hover {}
.tableau th a {color:white}
.tableau th a:hover {color:white}
.tableau .erreur {color:#DF3820;border:0}
.tableau tr .jauge {margin:auto;}
.tableau tr .jauge tr {height:10px;}
.tableau tr .jauge tr td {padding:0em;border-radius:0px;}
.tableau tr .jauge tr td:first-child {border-radius:0px}
.tableau tr .jauge tr td:last-child {border-radius:0px}
.tableau strong {color:#8F8F8F;font-weight:bold}
.tableau dfn {color:#A7A7A7;font-style:italic}
.tableau h1 {color:#454246;font-weight:bold;font-size:1.3em;}
.tableau table td {border:0}
.tableau table tr:hover {background-color:transparent}
.tableau_indicateur {}
.tableau_indicateur .carre {text-align:center;font-size:1.1em;height:50px;width:50px;background-color:#E0E0E0;cursor:pointer;padding:0px}
.tableau .right {text-align:right}
.tableau .left {text-align:left}
.tableau .center {text-align:center}
.tableau th input[type="submit"],
.tableau th input[type="button"],
.tableau th button {border:1px solid white;color:white;border-radius:20px;background-color:transparent;font-weight:normal;padding:7px 20px;font-size:1em}
/*************************************************************************/
/* Divers
/*************************************************************************/
#ariane {background-color:#51677B;font-size:1em;font-weight:normal;line-height:20px;color:white;}
#ariane a {font-size:1em;font-weight:normal;color:white;}
#ariane a:hover {text-decoration:none}
#ariane .localisation {font-size:1.0em;font-weight:normal;color:white;line-height:40px;margin:0px}
.opacite {background-color:#7C7C7C;position:fixed;top:0em;left:0em;width:100%;height:100%;opacity:.25;}
table .right {text-align:right}
table .left {text-align:left}
table .center {text-align:center}
table .top {vertical-align:top}
table .bottom {vertical-align:bottom}
table .middle {vertical-align:middle}
.localisation {font-size:1.4em;font-weight:normal;line-height:40px;margin-left:10px}
.localisation button {text-decoration:none;background-color:#7D7D7D;color:white;font-size:0.5em;padding:0.3em 0.7em;border:0.1em solid #FFFFFF;}
.champ_obligatoire {color:#DF3820;font-size:1.4em}
.legende {z-index:99;position:absolute;right:4%;border:0.1em solid #5D5D5D;background-color:white;padding:1em}
.legende_hr {color:#9ED2E9;}
.jauge {border:0.1em solid #777;height:10px;padding:0}
.jauge tr {height:10px;padding:0}
.jauge td {border:0em;padding:0;font-size:0.3em}
.photo {border-radius:50%}
.stabilo_jaune {background-color:#FFFF42;padding:3px}
.stabilo_vert {background-color:#A0FF20;padding:3px}
.stabilo_orange {background-color:#FFA000;padding:3px}
.stabilo_rose {background-color:#FFA6D2;padding:3px}
.siret_temporaire {font-style:italic;font-weight:bold}
.bloc_cliquable {border: 1px solid white}
.bloc_cliquable:hover {border: 1px solid #848484}
.commentaire {font-family:lucida console;font-size:1em}
.defilement {width:100%;text-align:center;}
.defilement a {text-decoration:none;}
.outils_deroulants {position: relative;}
.outils_menu {background-color:white;border:1px solid rgba(0, 0, 0, 0.6);position: absolute;display:none;top:0%;right:0%;white-space:nowrap;z-index:999;padding:0px;}
.outils_deroulants:hover .outils_menu {display:block;}
.outils_item {padding:10px; text-align:left;cursor:pointer;}
.outils_item:hover {background-color:rgba(0, 0, 0, 0.1)}
.outils_item_disabled {padding:10px; text-align:left;color:rgba(0, 0, 0, 0.4);cursor:default;}
/*************************************************************************/
/* Messages et pastilles
/*************************************************************************/
.message_info {background-color:#E6F3F9;border:1px solid #9ACFEA;color:#31708F;padding:0.7em;border-radius:6px}
.message_alerte {background-color:#FEFDF6;border:1px solid #F5E79E;color:#8A6D3B;padding:0.7em;border-radius:6px}
.message_erreur {background-color:#FCF8F8;border:1px solid #DCA7A7;color:#A94442;padding:0.7em;border-radius:6px;}
.message_erreur h1 {color:#A94442}
.astuce {background-color:#5b159d20;color:rgba(0, 0, 0, 0.8);padding:30px;border-radius:6px;border-left:7px solid #5b159d}
.pastille_info {background-color:#3DC5C6;border:1px solid #3DC5C6;color:white;padding:7px;border-radius:6px}
.pastille_alerte {background-color:#E67E22;border:1px solid #E67E22;color:white;padding:7px;border-radius:6px}
.pastille_erreur {background-color:#E83723;border:1px solid #E83723;color:white;padding:7px;border-radius:6px}
/***********************************************************************************************/
/* Onglets
/***********************************************************************************************/
.onglets {margin-bottom:25px}
.onglets tr {height:35px;text-align:center}
.onglets td {font-weight:normal;font-size:1.2em;}
.onglet {border-bottom:3px solid white;color:#999;}
.onglet_alerte {border-bottom:3px solid white;color:#999;}
.onglet_vide {border-bottom:3px solid white}
.onglet_encours {border-bottom:3px solid #5f7890;color:#333333;font-weight:bold}
.onglet_encours_alerte {border-bottom:3px solid #5f7890;color:#333333;font-weight:bold}
.onglet_inactif {border-bottom:3px solid #CECECE;color:#CECECE}
/*************************************************************************/
/* Tools
/*************************************************************************/
.tools {margin-bottom:0.2em;color:#999;padding:5px 0px;color:#333333}
.tools a {text-decoration:none;font-size:1em;padding:0px 7px;color:#333333}
.tools a:hover {}
.tools img {}
.tools button {margin-left:0.2em;font-size:1em;padding:0.1em 0.5em;text-align:center;}
/*************************************************************************/
/* Accordéons
/*************************************************************************/
.accordeon {font-size:1em;padding:0.5em}
.accordeon .chapitre {vertical-align:middle;height:1em;margin-top:0.2em;padding:0.5em;text-align:left;background-color:#EDEDED;color:#454246;font-size:1.1em;border-bottom:0.1em solid #D5D5D5;cursor:pointer}
.accordeon .chapitre_en_cours {vertical-align:middle;height:1em;margin-top:0.2em;padding:0.5em;text-align:left;background-color:#D0D0D0;color:#454246;font-size:1.1em;border-bottom:0.1em solid #D5D5D5;font-weight:bold}
.accordeon ul {list-style-type:none;color:#5D5D5D;font-weight:bold;margin:0;margin-top:0.7em;margin-bottom:0.7em;padding-left:1em;}
.accordeon li {margin:0px;margin-top:0.4em;padding:0}
.accordeon li a {font-weight:normal}
.accordeon li a:hover {}
.accordeon .element_normal {color:#aaa}
.accordeon .element_normal a {}
.accordeon .element_en_cours {color:#5D5D5D;font-weight:bold}
.accordeon .element_en_evidence {color:#333333}
.accordeon hr {height:0.1em;background-color:#D5D5D5;color:#D5D5D5;width:80%;margin-left:10%}
.accordeon .groupe {font-size:1.1em;font-weight:bold;padding-left:0.5em;}
.accordeon .groupe a {text-decoration:none;color:#7A7A7A;}
/*************************************************************************/
/* Raccourci
/*************************************************************************/
.raccourci {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000}
.raccourci .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
.raccourci .contenu {background-color:white;position:relative;top:7em;width:80em;height:45em;overflow:auto;margin:auto auto;border: 1px solid #5D5D5D;border-radius:10px;padding:1em;}
.raccourci ul {margin:0;padding-left:2.2em;padding-bottom:1em}
.raccourci ul li {list-style-type:square}
.raccourci .bureau {position:relative;clear:both;list-style-type:none;margin:0;margin-top:1em;margin-left:1em;padding:0;color:#333333;font-size:1.6em;text-align:left;padding-top:1em}
.raccourci .espace {width:20em;position:relative;float:left;list-style-type:none;margin:0;margin-top:0.5em;margin-left:1.5em;padding:0;color:#525252;font-size:1.2em;text-align:left;font-weight:bold}
.raccourci .fonction {margin:0;margin-top:0.2em;padding:0}
.raccourci .fonction a {font-weight:normal}
.raccourci .fonction a:hover {}
.raccourci .fonction .fonction_disabled {color:#C3C3C3}
/*************************************************************************/
/* Erreurs
/*************************************************************************/
#div_errors {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000;}
#div_errors .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
#div_errors .contenu {background-color:white;position:relative;top:20em;width:50em;margin:auto auto;border:1px solid #888;border-radius:10px;padding:0em;}
#div_errors .contenu ul {list-style-type:circle}
#div_errors .boutons {padding:0.5em;background-color:#e5e5e5;text-align:right;border-radius:0px 0px 10px 10px}
/*************************************************************************/
/* Warnings
/*************************************************************************/
#div_warnings {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000}
#div_warnings .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
#div_warnings .contenu {background-color:white;position:relative;top:20em;width:50em;margin:auto auto;border:1px solid #888;border-radius:10px;padding:0em;}
#div_warnings .contenu ul {list-style-type:circle}
#div_warnings .boutons {padding:0.5em;background-color:#e5e5e5;text-align:right;border-radius:0px 0px 10px 10px}
/*************************************************************************/
/* infos
/*************************************************************************/
#div_infos {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000}
#div_infos .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
#div_infos .contenu {background-color:white;position:relative;top:20em;width:50em;margin:auto auto;border:1px solid #888;border-radius:10px;padding:0em;}
#div_infos .contenu ul {list-style-type:circle}
#div_infos .boutons {padding:0.5em;background-color:#e5e5e5;text-align:right;border-radius:0px 0px 10px 10px}
/*************************************************************************/
/* GDPR
/*************************************************************************/
#div_gdpr {position:fixed;top:0em;left:0em;width:100%;height:100%;z-index:32000}
#div_gdpr .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
#div_gdpr .contenu {background-color:white;position:relative;top:20em;width:50em;margin:auto auto;border:1px solid #888;border-radius:10px;padding:0em;}
#div_gdpr .boutons {padding:0.5em;background-color:#e5e5e5;text-align:right;border-radius:0px 0px 10px 10px}
/***********************************************************************************************/
/* Post-It
/***********************************************************************************************/
.postit {position:absolute;width:300px;height:auto;background-color:white;border:1px solid #9ACFEA;border-radius:10px;color:#31708F; padding:10px}
.postit .attenue {color:#BBBBBB}
/*************************************************************************/
/* Mise en page
/*************************************************************************/
#pied {padding:1em;text-align:center;background-color:#5f7890;color:white}
#pied a {color:white;font-size:1.1em;padding:0em 1em}
#pied a:hover {border:0}
/*************************************************************************/
/* Overlay
/*************************************************************************/
.div_overlay {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000;}
.div_overlay .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
.div_overlay .contenu {background-color:white;position:relative;top:100px;width:500px;height:400px;margin:auto auto;padding:1em;overflow:auto;font-size:1em;border:1px solid #5f7890;border-radius:10px}
.div_overlay h1 {color:#333333;font-size:1.6em;font-weight:normal;margin:0;padding-top:1.5em;padding-bottom:0.5em}
.div_overlay .contenu ul {list-style-type:circle}
.div_overlay .contenu li {padding:3px}
.div_overlay a {}
.div_overlay a:hover {}
.div_overlay fieldset {border:1px solid #ccc;}
.div_overlay h1.legend {color:#333333;font-weight:normal;font-size:1.4em;padding-top:0;margin-top:0;padding-bottom:0.9em}
/*************************************************************************/
/* Expiration
/*************************************************************************/
.div_expiration {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000}
.div_expiration .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
.div_expiration .contenu {background-color:white;position:relative;top:20em;width:50em;margin:auto auto;border:1px solid #888;border-radius:10px;padding:0em;}
.div_expiration .contenu ul {list-style-type:circle}
.div_expiration .boutons {padding:1em;background-color:#e5e5e5;text-align:right;border-radius:0px 0px 10px 10px;}
.div_expiration h1 {font-size:1.5em;font-weight:normal;margin:0;padding-top:1.5em;padding-bottom:0.5em}
/***********************************************************************************************/
/* Nuancier
/***********************************************************************************************/
.nuancier {border-collapse:collapse;border-spacing:0px;width:100%;table-layout:fixed}
.nuancier td {border:1px solid #EEEEEE}
/***********************************************************************************************/
/* calendrier
/***********************************************************************************************/
.calendrier {text-align:center;background-color:white}
.calendrier th {font-size:1.3em;padding:10px;font-weight:normal}
.calendrier .jours {background-color:white;color:#bbb;font-weight:normal}
.calendrier .jours:hover {background-color:white;color:#bbb;font-weight:normal}
.calendrier td {background-color:white;color:#5D5D5D;padding:7px 0px}
.calendrier td:hover {background-color:#268CD1;color:white}
.calendrier .jour_en_cours {background-color:#5D5D5D;color:white;font-weight:bold}
.calendrier .vide {background-color:white}
.calendrier .vide:hover {background-color:white}
/***********************************************************************************************/
/* Analysis
/***********************************************************************************************/
.analysis {text-align:center;border-spacing:0em; border-collapse:collapse;}
.analysis_h1 {color:#555;font-size:2em}
.analysis_h2 {color:#777;font-size:2em;margin-left:2em}
.analysis_h3 {color:#999;font-size:2em;margin-left:4em}
.analysis tr {height:2.5em;}
.analysis .ligne_paire {background-color:white}
.analysis .ligne_impaire {background-color:white}
.analysis tr:hover {background-color:#F9F9F9}
.analysis th {background-color:white;font-weight:bold;font-size:0.95em;padding:0.7em;border-bottom:1px solid #DBDBDB;text-transform:uppercase;text-align:left}
.analysis td {padding:15px 10px;border-bottom:1px solid #DBDBDB;text-align:left}
.analysis .mesure {text-align:right;}
.analysis tr:first-child th:first-child {border-radius:6px 0px 0px 0px;}
.analysis tr:first-child th:last-child {border-radius:0px 6px 0px 0px;}
.analysis tr:last-child td:first-child {border-radius:0px 0px 0px 6px;}
.analysis tr:last-child td:last-child {border-radius:0px 0px 6px 0px;}
.analysis .total_general {background-color:white}
.analysis .total_general td {padding:15px 10px;border-bottom:1px solid #DBDBDB;text-align:right;font-weight:bold}
.analysis_cadre {border-top:2px solid #A4A4A4}
.analysis_cadre legend {font-size:1.2em;color:#888;font-weight:bold}
.analysis_case {font-size:1em;margin:0.3em;padding:0.5em;border:1px solid #5D5D5D;color:#5D5D5D;background-color:#F3F3F3;overflow:visible;}
.analysis_case:hover {background-color:#5D5D5D;color:white}
.analysis_element {font-weight:normal}
.analysis_dim_selector {}
/*************************************************************************/
/* Wait
/*************************************************************************/
#div_wait {position:fixed;top:0em;left:0em;width:100%;height:100%;display:none;z-index:32000;}
#div_wait .opacite {background-color:#7C7C7C;position:absolute;top:0em;left:0em;width:100%;height:100%;opacity:.40;}
#div_wait .contenu {background-color:white;position:relative;top:15em;width:400px;margin:auto auto;border:0.1em solid #888;padding:25px;border-radius:6px}
/***********************************************************************************************/
/* Planning
/***********************************************************************************************/
.planning {text-align:center;font-weight:normal;width:100%;table-layout:fixed;background-color:#EEE}
.planning_navigation {background-color:white;text-align:center}
.planning_libelle {background-color:white;text-align:left;height:3em;}
.planning tr {}
.planning td {padding:0px;overflow:hidden;}
.planning_entete_mois {background-color:#999;height:2em;color:white;font-weight:bold;white-space:nowrap;overflow:hidden}
.planning_entete_semaine {background-color:#CCC;height:2em}
.planning_entete_semaine a {color:#5D5D5D;}
.planning_entete_semaine a:hover{color:white}
.planning_entete_jour {background-color:white;height:2em}
.planning_jour {background-color:white;height:2em}
.planning_date_jour {background-color:#F5F5F5;font-weight:bold}
.planning_poste_presents {background-color:#F5F5F5;height:2em}
.planning_poste_absents {background-color:#F5F5F5;height:2em}
.planning_poste_statut {background-color:#F5F5F5;height:3em;font-weight:bold}
.planning_structure_presents {background-color:#F5F5F5;height:2em}
.planning_structure_absents {background-color:#F5F5F5;height:2em}
.planning_cpl_31 {background-color:white}
.planning_lib_jours_ferie {}
.planning_evt {margin-top : 1px;border-collapse:collapse;padding:0px;border-spacing:0; width:100%;border:0}
.planning_evt td {border:0px;font-size:0.3em;padding:0px;}
.planning .salarie_en_cours {background-color:#CCFE00}
/*************************************************************************/
/* Login
/*************************************************************************/
.login {font-size:1.2em;padding:1em;position:absolute;top:0px;left:200px;background-color:rgba(200, 200, 200, 0.9); width:500px;height:100%;display:flex;flex-direction:column;color:white;text-align:center;box-sizing:border-box;}
.login a {text-decoration:none;color:white;font-size:1em;}
.login .champ_obligatoire {color:white}
.login_environnement {font-size:1.4em;padding:15px;}
.login input[type="submit"],
.login input[type="submit"][value="Valider"] {border:1px solid white;color:#333333;border-radius:20px;background-color:white;font-weight:normal;padding:7px 20px;font-size:1em}
/*************************************************************************/
/* Placeholder
/*************************************************************************/
::-webkit-input-placeholder {color:#aaa; font-weight:normal}
::-moz-placeholder {color:#aaa; font-weight:normal}/* firefox 19+ */
:-ms-input-placeholder {color:#aaa; font-weight:normal} /* ie */
input:-moz-placeholder {color:#aaa; font-weight:normal}
/***********************************************************************************************/
/* Organigramme
/***********************************************************************************************/
.organigramme_case {border:0;width:14em;z-index:5;background-color:white;border-radius:6px;padding:0}
.organigramme_case ul {margin-top:1em;margin-left:2em;padding: 0em 0em;}
.organigramme_case li {color:#454246;font-weight:normal;text-decoration:none}
.organigramme_case a {color:white;text-decoration:none}
.organigramme_case a:hover {color:white;text-decoration:underline}
.organigramme_salarie a {color:#333333;font-weight:normal;text-decoration:none}
.organigramme_salarie a:hover {color:#333333;text-decoration:underline}
.organigramme_poste {width:100%;padding:7px;box-sizing:border-box;background-color:#5A5A5A;color:white;border-radius:6px}
.organigramme_structure {width:100%;padding:7px;box-sizing:border-box;background-color:#333333;color:#FDAB33;border-radius:6px}
.lienv {border-left: 0.1em solid #454246}
.lienh {border-top: 0.1em solid #454246}
/*************************************************************************/
/* Dossier individuel
/*************************************************************************/
.di_volets {font-size:1em}
.di_volets ul {color:#5D5D5D;margin:0;padding-left:2em;}
.di_volets li {margin:0;margin-top:0.5em;padding:0;list-style-type:square;}
.di_volets .volet_obligatoire {color:#E80000}
.di_volets .volet_vide a {color:#B9B9B9;border:0}
.di_volets .volet_vide a:hover {}
.di_volets .volet_data a {color:#7A7A7A;border:0}
.di_volets .volet_data a:hover {}
.volet_en_cours {font-size:1em;color:#5D5D5D;font-weight:bold;}
.di_volets_hr {height:1px;background-color:#D2D2D2;color:#D2D2D2;margin:0;width:97%}
/*************************************************************************/
/* Liste de choix
/*************************************************************************/
.liste_choix {font-size:1em}
.liste_choix ul {color:#5D5D5D;margin:0;margin-top:0.7em;margin-bottom:0.7em;padding-left:1.8em;}
.liste_choix li {margin:0px;margin-top:0.4em;padding:0;list-style-type:square;white-space:nowrap;}
.liste_choix li a {text-decoration:none;color:#7A7A7A;font-size:1em;}
.liste_choix li a:hover {text-decoration:none;}
.liste_choix .en_cours {font-size:1em;color:#5D5D5D;font-weight:bold;}
.liste_choix hr {height:1px;background-color:#D2D2D2;color:#D2D2D2;margin:0;width:100%}
.liste_choix .chapitre {vertical-align:middle;height:18px;margin-top:2px;padding:5px;text-align:left;background-color:#EDE9E4;color:#454246;font-size:11px;border-bottom:1px solid #D5D5D5;}
/*************************************************************************************************************/
/* Listes
/*************************************************************************************************************/
.liste {text-align:center;border:0em ;border-collapse:collapse }
.liste tr {}
.liste th {background-color:#E0E0E0;color:#5D5D5D;font-weight:bold;padding:0.7em;border:0px;}
.liste td {padding:0.5em;color:#5D5D5D;border:0px;}
.liste .ligne_paire {background-color:#F2F2F2}
.liste .ligne_impaire {background-color:#FFFFFF}
.liste .separation {background-color:#E1E7EC;text-align:left;height:3em}
.liste .filtre {background-color:#C0C0C0;font-style:italic;font-weight:normal}
.liste a {font-size:1em;color:#5D5D5D;text-decoration:none;font-weight:normal;border-bottom:1px dotted #B0B0B0}
.liste a:hover {}
.liste .erreur {color:#DF3820;border:0}
.liste tr .jauge tr {height:0.5em}
.liste strong {color:#8F8F8F;font-weight:bold}
.liste dfn {color:#A7A7A7;font-style:italic}
.liste h1 {color:#454246;font-weight:bold;font-size:1.3em;}
.liste tr .jauge tr td {padding:0em}
.liste table td {border:0}
/***********************************************************************************************/
/* GPEC
/***********************************************************************************************/
.structure td {color:#403E40;font-weight:bold}
.lienstruct a {color:#403E40;font-weight:bold;text-decoration:none}
.lienstruct a:hover {text-decoration:underline}
.poste td {color:#777377;font-weight:bold}
.lienposte a {color:#777377;font-weight:bold;text-decoration:none}
.lienposte a:hover {text-decoration:underline}
.emploi td {color:#282628;font-weight:bold}
.lienemploi a {color:#282628;font-weight:bold;text-decoration:none}
.lienemploi a:hover {text-decoration:underline}
.individu td {color:#777377}
.liensalarie a {color:#777377;text-decoration:none}
.liensalarie a:hover {text-decoration:underline}
/*************************************************************************/
/* Tools DI Volets
/*************************************************************************/
.tools_di_volet {margin-top:1.5em;padding-top:0.5em;text-align:right;border-top:0.1em solid #A4A4A4}
.tools_di_volet a {text-decoration:none;color:#5D5D5D;font-size:1em}
.tools_di_volet a:hover {}
/***********************************************************************************************/
/* VDI
/***********************************************************************************************/
.vdi {border:0em;border-spacing:0.2em;}
.vdi td {padding:0.1em;}
.vdi .variable {color:#5D5D5D;font-size:1em;border:1px solid #DFDFDF;border-radius:4px;line-height:17px;padding:5px;background-color:#EFEFEF;font-family:"Raleway",Helvetica,Arial,sans-serif}
/***********************************************************************************************/
/* Formules
/***********************************************************************************************/
.formules {padding:1em 1em;}
.formules a {text-decoration:none; color:#454246}
.formules a:hover {text-decoration:underline}
/*************************************************************************/
/* Maquettage
/*************************************************************************/
.maquettage {text-align:center;border:0px;table-layout:fixed;border-collapse:collapse}
.maquettage tr {height:2em;background-color:white}
.maquettage th {color:#DADADA;background-color:#5D5D5D;font-weight:normal}
.maquettage td {color:#454246;font-size:0.8em;border:0.1em solid #DADADA}
.maquettage .erreur {color:#DF3820}
.maquettage a {text-decoration:none;color:white}
.maquettage a:hover {color:#FDAB33}
.maquettage .enabled td:hover {background-color:#E0E0E0;}
.maquettage .disabled td {background-color:#E9E9E9}
.maquettage .num_colonne {height:1.5em;}
.maquettage .format {height:2em;background-color:#5D5D5D;border-bottom:0.1em solid #DADADA;color:white;}
/*************************************************************************/
/* Rubriques
/*************************************************************************/
.rubrique_Normal {}
.rubrique_Titre {font-size:1.1em;font-weight:bold;color:#2191DB}
.rubrique_Calcul {font-size:0.9em;color:#999}
.rubrique_Sous-total {color:#F08080}
.rubrique_Assiette {color:#20B2AA}
.rubrique_Clef {font-weight:bold;color:#A52A2A}
.rubrique_Colonne_forcee {background-color:#FFFF42;border:1px solid #FFFF42;padding:7px;border-radius:6px}
/**********************************************************************************************************************************/
/*
/* Styles non modifiés
/*
/**********************************************************************************************************************************/
/*************************************************************************/
/* Mise en page
/*************************************************************************/
.logo {}
/*************************************************************************/
/* Divers
/*************************************************************************/
.alerte {color:#9B0021}
.erreur {background-color:#FBFBFB;color:#DF3820;font-weight:normal}
/*************************************************************************/
/* Selection rappel (Normalement n'est plus utilisée)
/*************************************************************************/
.rappel {color:#5D5D5D;border-top:0.1em solid #404040;}
.rappel ul {margin:0;margin-top:0.7em;margin-bottom:0.7em;padding-left:1.8em;}
.rappel li {margin:0em;margin-top:0.4em;padding:0;list-style-type:square}
.rappel li a {color:#5D5D5D;text-decoration:none;border-bottom:1px dotted #5D5D5D}
.rappel li a:hover {color:#FDAB33}
.rappel h1 {font-weight:bold;font-size:1.2em;padding-top:0.5em;padding-bottom:0.5em;margin:0em}
/*************************************************************************/
/* accueil (Normalement n'est plus utilisée)
/*************************************************************************/
.accueil_entete {padding:1em;font-size:1em;background-color:white}
.accueil_entete .roles {font-size:1.2em}
.accueil_entete input[type="submit"] {text-decoration:none;background-color:#7D7D7D;color:white;font-size:1.1em;padding:0.3em 0.7em;border:0.1em solid #FFFFFF;}
.accueil_entete select {color:#5D5D5D}
.accueil_entete option {color:#5D5D5D}
.accueil_liens_entete {background-color:#AED1DB;color:#254954;font-size:12px;text-align:center}
.accueil_liens {border-top:1px solid #404040;}
.accueil_liens ul {color:#5D5D5D;margin:0;padding-left:2.2em;padding-top:1em;padding-bottom :1em}
.accueil_liens li {margin:0;margin-top:2px;padding:0}
.accueil_liens a {font-size:12px;color:#5D5D5D;text-decoration:none}
.accueil_liens a:hover {color:#FDAB33}
.bureaux {border-bottom:0.1em solid #5F7890;padding:1em;color:white;background-color:#5D5D5D;font-weight:bold;color:#E9991E}
.bureaux .bureau {display:inline;font-size:1.2em;margin-right:1em;color:#FDAB33;font-weight:bold;}
.bureaux a {text-decoration:none;color:white;font-size:1em;font-weight:bold}
.bureaux a:hover {color:#FDAB33}
.acces_rapide {padding:1em;background-color:#EFEFEF;border:1px solid #E0E0E0}
.acces_rapide input[type="submit"] {text-decoration:none;background-color:#7D7D7D;color:white;font-size:1.1em;padding:0.3em 0.7em;border:0.1em solid #FFFFFF;}
.accueil_todo {border-top:1px solid #5D5D5D;}
.accueil_todo td {line-height:2em;padding-top:2px;padding-bottom:2px;}
.accueil_todo_libelle {}
.accueil_todo_libelle_plan {background-color:#CCFE00;}
.accueil_alerte {border-top:1px solid #5D5D5D;}
.accueil_alerte td {line-height:2em;padding-top:2px;padding-bottom:2px;}
.accueil_alerte_effectif_new {background-color:#E0E0E0;color:white;font-weight:bold;font-size:1.1em;text-align:center;background-image:url('../images/flag_title.gif');background-repeat:no-repeat;background-position:right top;}
.accueil_alerte_libelle_plan {background-color:#CCFE00;}
.accueil_rga {border-top:1px solid #5D5D5D;}
.accueil_rga td {line-height:2em;padding-top:2px;padding-bottom:2px;}
.accueil_rga_effectif {background-color:#E0E0E0;color:white;font-weight:bold;font-size:1.1em;text-align:center}
.accueil_rga_libelle {}
.accueil_spe {border-top:1px solid #5D5D5D;}
.accueil_spe td {line-height:2em;padding-top:2px;padding-bottom:2px;}
.accueil_spe_effectif {background-color:#E0E0E0;color:white;font-weight:bold;font-size:1.1em;text-align:center}
.accueil_spe_libelle {}
.accueil_indicateur {}
.accueil_indicateur th {text-align:center;font-size:1.4em;font-weight:normal;padding:15px;color:#7a7a7a}
.accueil_indicateur td {line-height:40px;text-align:left;}
.accueil_indicateur .separateur {line-height:20px;text-align:left;}
.accueil_indicateur .carre {text-align:center;font-size:1.1em;width:40px;background-color:#E0E0E0;cursor:pointer;border-radius:50%}
.accueil_nuage {padding:1em;text-align:center;margin-bottom:1em}
.accueil_nuage a {padding:0em 1em;text-decoration:none;font-size:1.5em;font-weight:bold;line-height:1.5em;white-space:nowrap;}
.accueil_travaux {border-top:1px solid #5D5D5D;}
.accueil_travaux td {line-height:2em;padding-top:2px;padding-bottom:2px;font-weight:normal;font-size:1.1em;text-align:center}
.accueil_travaux_tous {background-color:#E0E0E0;color:#5D5D5D}
.accueil_travaux_encours {background-color:#5D5D5D;color:white}
.accueil_travaux_ok {background-color:#9CAC29;color:white}
.accueil_travaux_alerte {background-color:#FF8B17;color:white}
.accueil_travaux_ko {background-color:#B42805;color:white}
#plan_site {}
#plan_site a {color:#757575;text-decoration:none;}
#plan_site a:hover {background-color:#CCFE00;}
.menu_espaces {table-layout:fixed}
.menu_espaces tr {height:18em}
.menu_espaces td {cursor:pointer}
.menu_espaces .espace {font-size:1.4em;color:white;text-align:center;font-weight:bold;padding:1em;}
.menu_espaces .fonction_directe {font-size:1.4em;color:white;text-align:center;font-weight:bold;padding:1em;}
.menu_lignes {}
.menu_lignes ul {list-style-type:square;font-size:1.2em;color:white;margin:0;padding-left:2.2em;padding-top:1.2em;padding-bottom :0em;padding-right:1em;}
.menu_lignes li {margin:0;margin-top:2px;line-height:1.3em}
.menu_lignes .acces_plan {background-color:#CCFE00;padding:5px}
.menu_lignes .acces_plan a {background-color:#CCFE00;color:#5D5D5D;}
.menu_lignes a {color:white;text-decoration:none;border:0}
.menu_lignes a:hover {border-bottom:1px dotted white}
.menu_lignes .acces_plan a:hover {border-bottom:1px dotted #5D5D5D;}
.menu_lignes .ligne_disabled {color:#C3C3C3}
/*************************************************************************/
/* Selections (Normalement n'est plus utilisée)
/*************************************************************************/
.selection {position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;z-index:32000}
.selection .opacite {background-color:#7C7C7C;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:.40;}
.selection .contenu {background-color:white;position:relative;top:7em;width:45em;height:50em;overflow:auto;margin:auto auto;border: 0px solid #7C7C7C;padding:1em;}
.selection ul {margin:0;padding-left:2.2em;padding-bottom:1em}
.selection ul li {list-style-type:square;padding-bottom:0.5em;}
.selection .titre {position:relative;clear:both;list-style-type:none;margin:0;margin-top:0.2em;margin-left:1em;padding:0;color:#FDAB33;font-size:1.6em;text-align:left;padding-top:1em}
.selection a {color:#8F8F8F;text-decoration:none}
.selection a:hover {color:#FDAB33}
/*************************************************************************/
/* Impressions
/*************************************************************************/
@media print {
.non_imprimable {display:none}
.spool {font-size:8px;color:black}
}
/*************************************************************************/
/* DSN
/*************************************************************************/
.crm_dsn {box-sizing:border-box;width:14px;height:14px;color:white;border-radius:7px}
.filtre label[for] {display:block;padding-bottom:5px}
.filtre input {box-sizing:border-box}
/***********************************************************************************************/
/* Planning (CREER UNE NOUVELLE CLASSE .planning_entete_jour_repos OU planning_entete_jour_dimanche
/***********************************************************************************************/
.planning_entete_jour_ouvrable {background-color:#B4C0CD;height:2em}
.planning_entete_jour_ouvre {background-color:#C6CFD9;height:2em}
/*************************************************************************/
/* Style qiu ne sont normalement plus utilisés !!!!!
/*************************************************************************/
.attention {color:#CE6700}