/***********************sélecteur universel "*" - s'applique à toutes les balises*********************/
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

/* Restaure le comportement par défaut pour certains tags utilisés par l'éditeur Quill */
u {
    text-decoration: revert;
}
em {
    font-style: revert;
}
strong {
    font-weight: revert;
}

/* Ajout des polices Lato */
@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/latolight.woff2') format('woff2'),
    url('../fonts/latolight.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato.woff2') format('woff2'),
    url('../fonts/lato.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

/* Variables */
:root {
    --couleurAGATT: #ff7372;
}

/***********************classes generales*********************/
html {
    position: relative;
}

body {
    background-color: #f0f0f0;
    padding: 6px;
}

caption {
    font-weight: bold;
}

/*table{
        border-collapse: collapse;
        border: 1px solid green;
}*/
select, input, textarea {
    border-width: 2px;
    border-color: #ccc;
    border-style: solid;
}

option {
    -moz-appearance: none;
}

input[type=submit]:hover {
    cursor: pointer;
}

h1 {
    font-size: 16px;
    border: 1px solid black;
    text-align: center;
    padding: 4px 2px;
}

h3.titrePrincipal {
    font: 20px Lato;
    color: #ff7372;
    margin: 10px 0 20px;
}

th {
    text-align: center;
    padding: 2px 5px;
    height: 20px;
}

td {
    height: 20px;
}

table caption {
    text-align: center;
    padding: 10px 10px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-bottom: none;
}

table a {
    color: #ff7372;
}

table a:hover {
    color: #999;
}

.initiale {
    text-decoration: underline;
}

.raccourci {
    text-transform: capitalize;
}

.nowrap {
    white-space: nowrap;
}

/* Masque un élément */
.cache {
    display: none;
    visibility: hidden;
}

.tableau {
    border-collapse: collapse;
    margin: 20px auto;
    width: calc(100% - 20px);
}

.tableau td,
.tableau th {
    padding: 5px 10px;
    border: 1px solid #ccc;
}

.tableau th {
    color: #999;
    text-align: center;
}

.thPrincipal {
    font: 14px Verdana;
    color: #999;
    display: block;
    text-align: left;
}

.thSecondaire {
    color: #666;
    display: block;
    text-align: left;
}

.typeOccupation {
    display: inline-block;
    padding-top: 6px;
    text-align: center;
    height: 19px;
    width: 25px;
    font-weight: bold;
}

td.largeurMinimale {
    width: 1px;
}

.formate {
    white-space: pre-wrap;
}

.pictoPJ {
    display: inline-block;
    vertical-align: middle;
}

.important {
    font-weight: bold;
    color: #f00;
}

.blocFormulaire h3.titre1 {
    font: 20px Lato;
    color: #333;
}

.blocFormulaire h3.titre1 a {
    color: #ff7372;
    font-size: 12px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
}

.blocFormulaire h3.titre2 {
    font: 14px Verdana;
    color: #666;
}

.infobulleErreur .x-window-body {
    max-height: 250px !important;
    overflow: auto !important;
}

.blocFormulaire .consignesTitre2 {
    line-height: 22px;
    height: 22px;
}

.blocFormulaire .consignesTitre2 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.blocFormulaire .consignesTitre2 h3 {
    display: inline-block;
    font: 14px Verdana;
    vertical-align: middle;
    margin: 0;
}

.blocFormulaire #texte {
    height: 175px;
}

.blocFormulaire fieldset input[type='text'] {
    width: 25px;
    margin-right: 20px;
}

.blocFormulaire fieldset label.labelFormulaire {
    width: 25px;
}

.historique {
    cursor: pointer;
}

.historiqueDialog {
    overflow-y: auto;
}

.titre2 {
    font: 14px Verdana;
    color: #666;
}

.historiqueAstreintes {
    margin-top: 5px;
}

.historiqueMessage {
    cursor: help;
}

button {
    cursor: pointer;
}

button.submit {
    display: block;
    border: 1px solid #999;
    background-color: #f0f0f0;
    color: #ff7372;
    text-align: center;
    padding: 2px 10px;
    height: 20px;
    float: none;
    font-weight: bold;
    text-transform: uppercase;
}

button.submit:hover {
    background-color: #c1c1c1;
}

h1#feuillePresence {
    padding: 0 2px;
    text-align: left;
    height: 90px;
    margin-bottom: 8px;
}

h1#feuillePresence img {
    display: block;
    float: left;
    width: 175px;
    height: 90px;
}

h1#feuillePresence span {
    float: left;
    width: 40%;
    font-size: 22px;
    margin: 10px 0;
}

h1#feuillePresence span + span {
    width: 30%;
    float: right;
    font-size: 14px;
    height: 70px;
    font-weight: normal;
}

h1#feuillePresence span strong {
    font-size: 14px;
}

h1#feuillePresence span + span + span {
    font-size: 16px;
    margin: 0;
    width: 40%;
    float: left;
    font-weight: bold;
    height: 30px;
}

#table_feuillePresence {
    border-collapse: collapse;
    width: 100%;
}

#table_feuillePresence th {
    border: 1px solid #000;
}

#table_feuillePresence td {
    border: 1px solid #000;
}

#table_feuillePresence + span {
    font-size: 14px;
    font-weight: normal;
}

#table_feuillePresence + span strong {
    font-size: 14px;
}

h2 {
    display: none;
}

.blocFormulaire h3.titrePrincipal {
    font: 20px Lato;
    color: #333;
}

.blocFormulaire h3.titreSecondaire {
    font: 14px Verdana;
    color: #666;
    font-weight: bold;
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
}

h3#titreNouveauRythme {
    font: 14px Verdana;
    color: #666;
    font-weight: bold;
    padding-top: 10px;
}

.blocFormulaire:not(.large) p {
    margin-left: 10px;
}

.blocFormulaire .sousTable {
    padding: 5px 0;
}

.blocFormulaire .sousTable table {
    margin: 0;
    border: 0;
}

.blocFormulaire .sousTable tr {
    border: 0;
}

.blocFormulaire .sousTable td,
.blocFormulaire .sousTable th {
    border-top: 0;
    border-bottom: 0;
}

.basModule h2 {
    display: block;
    margin-bottom: 8px;
}

.basModule a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.inputDate {
    background: url('../images/date.png') no-repeat scroll 182px 0 #fff;
}

.court {

}

.clearer { /*remettre les éléments dans le flux normal de la page*/
    clear: both;
    height: 0;
}

.separateur {
    height: 1px;
    width: 100%;
    background-color: #e6e6e6;
    margin: 25px 0;
    clear: both;
}

.strong {
    font-weight: bold;
}

.cadreInfo {
    width: 50%;
    border: 2px solid #00b713;
    background-color: #bfe3c3;
    margin: 0 auto;
    text-align: center;
    padding: 1em;
}

.cadreInfo a {
    font-weight: bold;
    color: #c4000c;
    font-size: 14px;
}

.info {
    color: #00b713;
    font-weight: bold;
    font-size: 18px;
}

.tS {
    cursor: pointer;
}

.statutAdministratif {
    text-transform: uppercase;
}

/* Les types de piquets et d'affectations, le sexe des agents ainsi que les
données booléennes sont stockés en minuscules en base */

.typePiquet, .typeAffectation, .sexe, .ouinon {
    text-transform: capitalize;
}

.pictoCompetences {
    margin-top: 3px;
}

.validFormulaire {
    color: #ff7372;
    background-color: #f0f0f0;
    border: 1px solid #999;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 5px;
}

.validFormulaire:hover {
    background-color: #c1c1c1;
}

.inputConnexion {
    width: 140px;
    border-style: solid;
    border-width: 2px;
    border-color: #c4000c;
}

.table_tdb_cal { /*table du calendrier sur page tableau de bord */
    /*cellspacing: 2px;
    cellpadding: 0px;*/
    background-color: #ffad00;
}

.table_tdb_cal td { /*cellule du calendrier sur page tableau de bord */
    border-style: solid;
    border-width: 1px;
    border-color: #c4000c;
}

.tdb_demande {
    line-height: 15px;
    white-space: nowrap;
}

.tdb_demande span {
    width: 20px;
    display: inline-block;
}

.tdb_demande img {
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
}

.tdb_demande img.pictoJourneeUnique {
    margin-left: 13px;
}

.aucuneDonnee {
    width: 100%;
    border: 1px solid #ccc;
}

.td_texte {
    text-align: left;
    padding: 2px 5px;
}

.td_largeurFixe {
    text-align: center;
    padding: 2px 5px;
    white-space: nowrap;
}

.td_largeurFixe img {
    margin-left: 2px;
    margin-right: 2px;
}

.td_nombre {
    text-align: right;
    padding: 2px 5px;
    white-space: nowrap;
}

.telephone {
    white-space: nowrap;
}

.ajouterContenu {
    margin-left: 36px;
}

/* Occupe l'espace d'un bouton d'action modifier/supprimer lorsque l'utilisateur n'a pas les droits */
.placeholderAction {
    display: inline-block;
    width: 18px;
    content: '-';
}

#listeCompetences {
    border-top: 1px solid #e6e6e6;
    padding-top: 25px;
    margin-top: 25px;
    color: #666;
    font: 14px Verdana;
    font-weight: bold;
}

#tableCompetences {
    width: 100%;
}

#blocSaisieCompetence legend {
    font-size: 14px;
    padding-bottom: 8px;
}

#blocSaisieCompetence span {
    display: block;
    float: left;
    height: 20px;
    width: 417px;
}

#blocSaisieCompetence input {
    height: auto;
    width: auto;
    margin-right: 10px;
}

#blocSaisieCompetence input[type='submit'] {
    clear: both;
    float: none;
    margin-top: 20px;
    margin-left: 428px;
}

.basModule {
    margin: 0 4px;
    padding-top: 6px;
    text-align: left;
}

#mode_occupationPiquet {
    display: none;
}

p.erreurPiquets {
    margin-left: 0;
    display: inline-block;
    width: auto;
    padding-right: 5px;
}

#mode_mensuelJournalier {
    display: none;
}

#interrupteurOccupationPiquet {
    height: 25px;
    display: none;
    width: 198px;
    border: 1px solid #c8c8c8;
    float: left;
    margin-bottom: 8px;
    margin-right: 3px;
    background: url('../images/ldgm/bg_interrupteur.png') no-repeat 174px 0;
}

#menuListe {
    display: block;
    width: 290px;
    border: 2px solid #333;
    float: left;
    margin-bottom: 8px;
    margin-right: 3px;
    cursor: pointer;
    position: absolute;
    background-color: #fff;
    text-align: center;
}

#menuListe li {
    height: 18px;
    width: 98%;
    padding-top: 5px;
    padding-left: 7px;
    color: #999;
    background-color: #fff;
}

#menuListe li.itemSelectionne {
    color: #999;
    background: url('../images/ldgm/bg_ouverture.png') no-repeat right bottom;
    width: 283px;
}

#menuListe li:hover:not(.itemSelectionne) {
    background-color: #e1e1e1;
    color: #333;
    font-weight: bold;
}

#interrupteurOccupationPiquet span {
    color: #c00613;
    font-weight: bold;
    font-size: 10px;
    display: block;
    width: 169px;
    height: 18px;
    margin-top: 7px;
    margin-left: 8px;
}

#moduleNavigationDate {
    width: 260px;
    height: 25px;
    margin-bottom: 8px;
    float: left;
    margin-left: 435px;
}

#moduleNavigationDate.hebdomadaire {
    margin-bottom: 12px;
}

#moduleNavigationDate p {
    height: 25px;
    line-height: 25px;
    width: 228px;
    border: 1px solid #ccc;
    float: left;
}

#moduleNavigationDate p span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 138px;
    height: 25px;
    margin-top: -2px;
    font-size: 12px;
    text-transform: uppercase;
}

#moduleNavigationDate p a {
    display: block;
    width: 12px;
    height: 25px;
    line-height: 25px;
    margin: 0 5px;
}

#moduleNavigationDate img {
    vertical-align: middle;
    height: 16px;
    width: 12px;
    margin-top: -1px;
}

#moduleNavigationDate p a:first-child {
    float: left;
}

#moduleNavigationDate p a:nth-child(2) {
    float: left;
}

#moduleNavigationDate p a:nth-child(4) {
    float: right;
}

#moduleNavigationDate p a:nth-child(5) {
    float: right;
}

#moduleNavigationDate span {
    font-size: 14px;
    font-family: Verdana, sans-serif;
}

#moduleNavigationDate p + a {
    display: block;
    border: 1px solid #ccc;
    height: 25px;
    line-height: 25px;
    width: 25px;
    float: right;
    text-align: center;
}

#moduleNavigationDate p + a:hover {
    background-color: #eee;
}

#moduleNavigationDate p + a img {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px;
}

#moduleNavigationDate img:hover {
    background-color: #eee;
}

#moduleNavigationDate .x-date-picker {
    background: none;
    /*left: 232px;*/
    left: 34px;
    z-index: 2;
}

#moduleNavigationDate .x-date-picker > table {
    border: 2px solid #333;
}

#moduleNavigationDate .x-date-picker span {
    font-size: 10px;
}

#moduleNavigationDate .x-date-inner td {
    background-color: #fff;
}

#moduleNavigationDate .x-date-mp {
    z-index: 2;
}

#moduleNavigationDate .x-date-mp table {
    border: 2px solid black;
}

#moduleNavigationDate td.x-date-mp-month a,
#moduleNavigationDate td.x-date-mp-year a {
    color: #666;
}

#moduleNavigationDate td.x-date-mp-month.x-date-mp-sel a,
#moduleNavigationDate td.x-date-mp-year.x-date-mp-sel a {
    font-weight: bold;
    background-image: none;
    background-color: #e1e1e1;
    border: 0;
}

#moduleNavigationDate td.x-date-mp-month.x-date-mp-sel a:hover,
#moduleNavigationDate td.x-date-mp-year.x-date-mp-sel a:hover {
    font-weight: bold;
    background-image: none;
    background-color: #e1e1e1;
    border: 0;
}

#moduleNavigationDate .x-date-mp-ybtn a {
    height: 16px;
}

#moduleNavigationDate a.x-date-mp-prev {
    background: transparent url('../images/ldgm/small_left_arrow.png') no-repeat center;
}

#moduleNavigationDate a.x-date-mp-next {
    background: transparent url('../images/ldgm/small_right_arrow.png') no-repeat center;
}

#moduleNavigationDate td.x-date-mp-sep {
    border-right: 1px solid #e6e6e6;
}

#moduleNavigationDate .x-date-mp-btns {
    border-top: 1px solid #e6e6e6;
}

#moduleNavigationDate .x-date-mp-btns button {
    border: 1px solid #999;
    background: #f0f0f0 none no-repeat;
    color: #999;
    margin: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

#moduleNavigationDate button.x-date-mp-ok {
    color: #ff7372;
}

#moduleNavigationDate button.x-date-mp-cancel:hover,
#moduleNavigationDate button.x-date-mp-ok:hover {
    background-color: #c1c1c1 !important;
}

/*
Changement de couleur des mois/années dans l'interface Ext de choix de date, sans
modifier la couleur du mois/année de la date actuellement sélectionnée
*/
#moduleNavigationDate td.x-date-mp-month:not(.x-date-mp-sel) a:hover,
#moduleNavigationDate td.x-date-mp-year:not(.x-date-mp-sel) a:hover {
    color: #ff7372;
    background-color: transparent;
}

#moduleNavigationDate .x-date-mp-btns {
    background: none;
}

#moduleNavigationDate.hebdomadaire a {
    display: inline-block;
}

#moduleNavigationDate.hebdomadaire span {
    width: 140px;
}

.changementMoisSemaine {
    height: 16px;
    width: 430px;
    background-color: #f0f0f0;
    color: #000;
    text-align: center;
    margin: 0 auto 8px;
    font-weight: bold;
}

.changementMoisSemaine a {
    color: black;
    font-weight: bold;
    display: block;
    width: 8%;
}

.changementMoisSemaine a:first-child {
    float: left;
    color: #fa6161;
}

.changementMoisSemaine a:first-child + span {
    width: 84%;
    display: block;
    float: left;
}

.changementMoisSemaine a:first-child + span + a {
    float: right;
    color: #fa6161;
}

.changementMoisSemaineGardeMois {
    float: left;
    margin-left: 191px;
}

.changementMoisSemaine a:hover {
    color: black;
    font-weight: bold;
}

.tab_jourSemaine {
    border-collapse: collapse;
    margin: 0 auto;
}

.tab_jourSemaine td {
    width: 60px;
    background-color: white;
    text-align: center;
    font-size: 9px;
    height: 30px;
}

.tab_corpsJourSemaine, .tab_corpsJourMois {
    margin: 20px auto;
    border-collapse: collapse;
}

.tab_corpsJourSemaine td {
    width: 56px;
    height: 60px;
    border: 4px solid #ffe09f;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #c4000c;
    background: url('../images/tdb_56x56.jpg') no-repeat 0 0;
}

.tab_jourMois {
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #fff;
    border: 0;
    padding: 0;
}

.tab_jourMois td {
    width: 60px;
    background-color: white;
    text-align: center;
    font-size: 9px;
    height: 10px;
}

.tab_corpsJourMois {
    border-collapse: collapse;
}

.tab_corpsJourMois td {
    width: 56px;
    height: 30px;
    border: 4px solid #ffad00;
    background: url('../images/tdb_56x26.jpg') no-repeat 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #00bbf9;
}

ul.listSaisie {
    list-style-type: none;
}

ul.listSaisie li img {
    vertical-align: middle;
    margin: 1px 0;
}

ul.listSaisie li a {
    color: #ff7372;
}

ul.listSaisie li a:hover {
    color: #999;
}

.bold16 {
    font-weight: bold;
    font-size: 16px;
}

.contrainteTdb {
    font-size: 14px;
    color: #ffad00;
}

td.ferieWEImprim {
    background-color: black;
    color: white;
    width: 2%;
}

td.pasFerieImprim {
    background-color: white;
    color: black;
    width: 2%;
}

td.corps_ferieWEImprim {
    text-align: center;
    background-color: #e8e8e8;
    color: black;
    width: 2%;
    letter-spacing: -1.5px;
}

td.corps_pasFerieImprim {
    text-align: center;
    background-color: white;
    color: black;
    width: 2%;
    letter-spacing: -1.5px;
}

td.ferieWE {
    background-color: #ffad00;
    width: 18px;
    color: white;
}

td.ferieWE a {
    color: white;
    font-weight: bold;
}

td.pasFerie {
    width: 18px;
    background-color: #ffe09f;
}

td.pasFerie a {
    color: black;
    font-weight: bold;
}

option.racine {
    margin-top: 0;
}

optgroup {
    margin-top: 5px;
}

optgroup option {
    margin-left: 10px;
}

.racine {
    margin-top: 10px;
    font-weight: bold;
    color: #c4000c;
}

.racine a {
    font-weight: normal;
}

.groupement {
    margin-left: 10px;
    font-weight: bold;
    color: #ff4200;
}

.groupement a {
    font-weight: normal;
}

.compagnie {
    margin-left: 20px;
    font-weight: bold;
    color: #ff7200;
}

.compagnie a {
    font-weight: normal;
}

.centreSecours {
    margin-left: 30px;
    font-weight: bold;
    color: #ff8a00;
}

.centreSecours a {
    font-weight: normal;
}

.equipe {
    margin-left: 40px;
}

.equipe a {
    font-weight: normal;
}

.tdj_jourBloc {
    width: 18px;
    height: 18px;
    margin: 18px auto 0;
}

p.tdj_moisBloc {
    width: 16px;
    height: 18px;
    float: left;
    padding-left: 2px;
}

p.caseTDBSemaine, p.caseTDBMois {
    float: right;
    width: 18px;
    height: 15px;
    margin-right: 1px;
    padding-top: 3px;
    text-align: center;
    letter-spacing: -1.5px;
}

p.caseTDBMois {
    margin-top: 7px;
}

.msg {
    text-decoration: underline;
}

.occ_souligne {
    text-decoration: underline;
}

.impression_lgm_tr {
    height: 14px;
}

.occ_affectationSecondaire { /*famille 5 en gris (affectation secondaire)*/
    background-color: #6f6f6f;
    color: white;
    width: 2%;
}

.selectMultiple {
    height: auto !important;
}

.erreur {
    color: #c4000c;
    font-weight: bold;
}

.action {
    cursor: pointer;
}

.aide {
    cursor: help;
}

.soldeErreur {
    color: #f00;
    cursor: help;
}

.soldeValide {
    color: #00b713;
    cursor: help;
}

.soldeWarning {
    color: #f90;
    cursor: help;
}

.totalValide, .totalInvalide {
    color: white;
    text-align: center;
}

.totalValide {
    background-color: #00b713; /*vert*/
}

.totalInvalide {
    background-color: #c4000c; /*rouge*/
}

.totalValideImpression {
    background-color: #00b713; /*vert*/
    color: black;
    text-align: center;
}

.totalInvalideImpression {
    background-color: #c4000c; /*rouge*/
    color: white;
    text-align: center;
}

.casque {
    width: 48px;
    height: 45px;
    float: right;
    background: url('../images/casque.jpg') repeat-x 0 0;
    margin-right: 5px;
}

td.survolCase {
    cursor: pointer;
    background-color: white;
    color: #ffad01;
}

td.survolCase:hover {
    background: #ffad01;
    color: white;
    cursor: pointer;
}

td.survolCaseFonce {
    cursor: pointer;
    background-color: white;
    color: #ffad01;
}

td.survolCaseFonce:hover {
    background: #ffe09f;
    color: #c4000c;
    cursor: pointer;
}

.button {
    border: none;
}

span.discret {
    font-size: 80%;
    color: #999;
}

.desactive img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/***********************Fin classes generales*********************/
/***********************Boutons valider*********************/
#imprimer, #modifier, #valid {
}

/***********************Fin Boutons valider*********************/
/***********************Structure generale*********************/
/*pour les identifiants "#" - les classer par ordre d'apparition dans la page + de façon hiérarchique emboitée*/
#site, #site2 { /*conteneur principal*/
    background-color: #fff;
    overflow-x: scroll;
    min-width: 1260px;
}

#site2 {
    width: 2400px; /*pour les piquets*/
    margin: 0 1%;
}

#content {
    background-color: #fff;
    min-height: 570px;
    padding: 5px 5px 5px 5px;
}

#mainContent {
    padding-top: 19px;
    background: url('../images/bg_mainContent_gris.png') repeat-x 0 0;
}

#mainContent.serveurTest {
    background: url('../images/bg_mainContent_test.png') repeat-x 0 0;
}

#mainContent.serveurFormation {
    background: url('../images/bg_mainContent_form.png') repeat-x 0 0;
}

#mainContent.serveurDev {
    background: url('../images/bg_mainContent_dev.png') repeat-x 0 0;
}

#mainContent.serveurLocal {
    background: url('../images/bg_mainContent_local.png') repeat-x 0 0;
}

#regroupeLeftRight {
    width: 960px;
}

#leftContent {
    /*position: absolute;
    display: none;
    width: 500px;
    height: 320px;*/
    display: block;
    height: 30px;
    width: 1306px;
}

#infobulle_js {
    position: absolute;
    display: none;
    width: 500px;
    height: 320px;
}

#infobulleTitre {
    font-weight: bold;
    color: black;
    width: 439px;
    height: 15px;
    padding-top: 35px;
    padding-left: 34px;
    padding-right: 27px;
}

#infobulleTitre p {
    float: right;
    height: 14px;
    text-align: right;
}

#infobulle_fermer {
    margin-left: 4px;
}

#infobulleTitre #infobulle_titreImage {
    float: left;
}

#infobulleTitre span.gris {
    color: #666;
    font-weight: normal;
}

#infobulleContenu {
    width: 448px;
    height: 216px;
    overflow: auto;
    background: url('../images/infobulle_milieu_repeat.png') repeat-y 0 0;
    padding-left: 24px;
    padding-right: 28px;
}

#infobulleContenu form {
    padding: 5px;
}

#infobulleBas {
    width: 500px;
    height: 44px;
}

#infobulleImagePompier {
    position: relative;
    width: 59px;
    height: 83px;
    background: url('../images/infobulle_pompier.png') no-repeat 0 0;
    top: -125px;
    left: 422px;
}

#infobulle_occupation_part {
    width: 436px;
    height: 80px;
    overflow: auto;
}

#infobulle_occupation_part legend {
    padding: 2px 0;
}

#infobulle_affectation_part label {
    color: #ff7300;
    text-transform: uppercase;
    font-size: 10px;
    width: 100px;
    float: left;
}

#infobulle_affectation_part select {
    width: 182px;
    border: 1px solid #ff7300;
    float: left;
    margin-left: 86px;
}

#infobulle_hsu_hsy_part {
    width: 320px;
}

#infobulle_hsu_hsy_part label {
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    margin-top: 8px;
}

#infobulle_hsu_hsy_part select {
    width: 150px;
}

#infobulle_hsu_hsy_part select, #infobulle_hsu_hsy_part textarea, #infobulle_hsu_hsy_part input {
    width: 150px;
    float: left;
    border: 1px solid #ff7300;
    margin-top: 8px;
}

#infobulle_hsu_hsy_part textarea, #infobulle_hsu_hsy_part input {
    width: 148px;
}

.infobulle_colonne legend, #infobulle_occupation_part legend, .infobulle_colonne legend a, #infobulle_hsu_hsy_part legend {
    color: #ff7300;
    text-transform: uppercase;
    font-size: 10px;
}

#infobulle_occupation_part label img {
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    margin-bottom: 4px;
}

#infobulle_occupation_part input {
    height: 10px;
    width: 10px;
    margin-right: 15px;
    margin-bottom: 7px;
}

#infobulle_affectation_part {
    height: 14px;
    width: 436px;
    margin: 5px 0;
}

.infobulle_colonne {
    width: 182px;
    float: left;
    margin-right: 4px;
}

.infobulle_colonne div {
    width: 180px;
    border: 1px solid #ff7300;
    height: 59px;
}

#infobulle_plage_part.infobulle_colonne div p label {
    width: 42px;
    display: block;
    text-align: right;
    margin-left: 6px;
    float: left;
    margin-top: 5px;
}

#infobulle_plage_part.infobulle_colonne div p input, #infobulle_plage_part.infobulle_colonne div p select {
    float: right;
    border: 1px solid #ff7300;
    margin-top: 4px;
    margin-right: 6px;
}

#infobulle_plage_part.infobulle_colonne div p select {
    padding: 0;
    width: 120px;
    height: 14px;
}

#infobulle_plage_part.infobulle_colonne div p input {
    width: 90px;
}

.infobulle_colonne div textarea {
    border: none;
    width: 100%;
    height: 100%;
}

#infobulleContenu .info {
    font-size: 1.6em;
    display: block;
    margin-left: 15px;
    margin-top: 20px;
}

#infobulleContenu #onglets ul {
    border-bottom: 1px solid grey;
}

#infobulleContenu #onglets {
    height: 16px;
    padding: 1px 0;
}

#infobulleContenu #onglets li {
    display: inline;
    color: #ff7300;
    font-size: 12px;
    padding: 0 8px;
    font-weight: bold;
    cursor: pointer;
}

.returnItem {
    margin-top: 20px;
    margin-left: 15px;
}

#dateDebutPlage, #dateFinPlage {
    width: 90px;
}

#dateFinPlage {
    background-position-x: 135px;
}

#leftContent div.basModule a {
    font-weight: bold;
    font-size: 14px;
    color: #06b305;
    text-decoration: none;
}

#leftContent div.basModule a + a {
    font-weight: bold;
    font-size: 12px;
    color: #c40111;
    text-decoration: none;
}

#leftContent div.basModule a:hover {
    text-decoration: underline;
}

#rightContent {
    width: 48%;
    float: right;
}

#changeCSP {
    float: left;
    width: 184px;
    margin-left: 2px
}

#changeCSP select {
    width: 180px;
}

#selectChangerMois {
    border: none;
    background-color: transparent;
    color: white;
    padding: 1px;
}

#selectChangerMois option {
    background-color: #ffad00;
}

#feuilleSpe {
    width: 90%;
    margin: 0 auto;
}

td.tab_feuilleSpe_num {
    width: 2%;
}

td.tab_feuilleSpe_competence {
    width: 10%;
}

#feuilleSpe table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 5px;
}

#feuilleSpe table th, #feuilleSpe table td {
    border: 1px solid black;
    font-family: Helvetica, sans-serif;
    font-size: 7px;
}

#feuilleSpe table th {
    width: 6%;
}

#feuilleSpe table ul {
    list-style-type: none;
}

#feuilleSpe table ul li {
    font-size: 8px;
}

#formListeEquipe, #formListeTotaux, #listeTotauxIndivFiltre {
    position: absolute;
    width: 288px;
    border: 2px solid #333;
    background-color: white;
    text-align: right;
    padding: 10px;
    z-index: 2;
}

#equipeValide, #totauxValide {
    margin: 20px 20px 0 0;
    color: #ff7372;
    padding: 2px 10px;
    text-transform: uppercase;
    font-weight: bold;
}

#equipeValide:hover, #totauxValide:hover {
    background-color: #c1c1c1;
}

#listeTotauxIndivFiltre {
    z-index: 9999;
}

#formListeEquipe a, #formListeTotaux a {
    font-weight: bold;
}

#formListeEquipe a:hover, #formListeTotaux a:hover {
    text-decoration: none;
}

#formListeEquipe p.closeButton a, #formListeTotaux p.closeButton a {
    float: right;
    width: 10px;
    height: 10px;
}

#formListeEquipe hr.sepEquipe {
    border: 1px dotted #de3709;
    margin: 2px 0 2px 0;
}

#formListeEquipe p.toutCocher, #formListeTotaux p.toutCocher, #listeTotauxIndivFiltre p.toutCocher {
    float: left;
    text-align: left;
    margin-bottom: 10px;
}

#formListeTotaux .groupeTotal span {
    display: inline-block;
    text-transform: uppercase;
    width: 160px;
    max-width: 160px;
    margin-right: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: underline;
}

#formListeTotaux .groupeTotal a {
    margin: 10px 0 5px 0;
    display: inline-block;
}

#formListeEquipe p.toutCocher a,
#formListeTotaux p.toutCocher a,
#listeTotauxIndivFiltre p.toutCocher a,
#formListeEquipe p.colonneCentre a,
#formListeTotaux .groupeTotal a {
    text-decoration: underline;
    color: #de3709;
}

#agentsInactifs {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    display: inline-block;
}

#formListeTotaux span, #listeTotauxIndivFiltre span {
    display: block;
    width: 288px;
    height: 16px;
    margin-top: 4px;
}

#formListeTotaux span label, #listeTotauxIndivFiltre span label {
    width: 170px;
    display: block;
    float: left;
}

#formListeTotaux span input, #listeTotauxIndivFiltre span input {
    width: 34%;
    display: block;
    float: right;
}

#rechargerLDG {
    display: block;
    height: 16px;
    width: 949px;
    margin-left: 200px;
    margin-top: 20px;
    margin-bottom: 40px;
    color: #000;
    text-decoration: underline;
    text-align: center;
    font-weight: bold;
    clear: both;
}

#rechargerLDG:hover {
    text-decoration: none;
}

.indicateursAbsents {
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    width: 1067px;
    margin: 70px auto 100px 0;
}

#formListeEquipe p.colonneCentre {
    width: 60px;
    float: right;
    color: black;
    text-align: left;
}

#formListeEquipe ul {
    list-style-type: none;
    margin: 4px 0;
}

#formListeEquipe ul li {
    clear: both;
}

#formListeEquipe ul li label {
    float: left;
    width: 166px;
    text-align: left;
}

#formListeEquipe ul p {
    width: 60px;
    float: left;
    text-align: left;
}

#formListeEquipe #valid {
    float: left;
    margin-left: 135px;
}

/*#formListeEquipe li input{
        float: right;
        width: 12px;
}*/

#tab_gardeListeCorps {
    border-collapse: collapse;
}

#tab_gardeEntete,
#tab_gardeEnteteExercice {
    border: 0 !important;
    border-collapse: collapse !important;
    clear: both;
    border-spacing: 0 !important;
    box-shadow: none !important;
}

#tab_gardeEntete tr td,
#tab_gardeEnteteExercice tr td {
    min-width: 30px;
    width: 30px;
    text-align: center;
    color: grey;
    padding-bottom: 2px;
}

#tab_gardeEntete tr td.lS + td.lS {
    padding-right: 13px;
}

#tab_gardeEntete tr td.lS:last-child,
#tab_gardeEnteteExercice tr td.lS:last-child {
    padding-left: 15px;
}

#tab_gardeEntete tr td:first-child {
    width: 295px;
}

#tab_gardeEntete tr td:first-child span {
    width: 294px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17px;
    background-color: #464646;
    line-height: 17px;
}

#tab_gardeEntete tr td:first-child span a {
    width: 201px;
    color: #fff;
}

#tab_gardeEntete td.tab_gardeNom, #tab_gardeEntete td.tab_gardeGrade {
    background-color: #ffad00;
    color: white;
}

#tab_gardeEntete td.tab_gardeNom {
    width: 180px;
}

#tab_gardeEntete td.tab_gardeGrade {
    width: 70px;
}

#tab_gardeEntete tr td#tab_gardeEntete_filler {
    width: 1px;
    max-width: 1px;
    min-width: 1px;
}

#tab_garde {
    height: 370px;
    overflow: auto;
    width: 964px;
    overflow-x: hidden;
    text-align: left;
    float: left;
}

#tab_garde table {
    float: left;
}

#tab_garde table td {
    border: 4px solid white;
    width: 18px;
    text-align: center;
    height: 22px;
    letter-spacing: -1.6px;
    line-height: 100%;
}

#tab_garde table tbody tr {
    height: 22px;
    font-size: 18px;
}

#tab_garde table td.tab_gardeNom {
    width: 176px;
    color: black;
    text-align: left;
    font-weight: bold;
    background: url('../images/n.gif') repeat-x 0 0;
    padding: 0 2px;
    letter-spacing: 0;
    font-size: 10px;
    cursor: help;
}

#tab_garde td.tab_gardeGrade {
    width: 66px;
    text-align: left;
    background: url('../images/g.gif') repeat-x 0 0;
    padding: 0 2px;
    letter-spacing: 0;
    font-size: 10px;
    font-weight: bold;
}

/*------------------------page de login - arrivée sur le site----------------------*/
.container-flex {
    display: flex;
    height: 720px;
}

#login {
    position: relative;
    background: #fff;
    width: 50%;
    min-height: 75%;
    margin: auto;
    padding: 5px;
}

.loginBandeau {
    width: calc(100% - 10px);
    background: transparent url('../images/header_bandeau.png') repeat-x;
    position: absolute;
}

.loginBandeau.serveurTest {
    background-image: url('../images/header_bandeau_test.png');
}

.loginBandeau.serveurFormation {
    background-image: url('../images/header_bandeau_form.png');
}

.loginBandeau.serveurDev {
    background-image: url('../images/header_bandeau_dev.png');
}

.loginBandeau.serveurLocal {
    background-image: url('../images/header_bandeau_local.png');
}

.texteBandeau {
    width: max-content;
    background-color: #fff;
    margin: auto;
}

.raccourci_agatt {
    display: none;
}

#loginBandeauTop {
    top: 4%;
    display: flex;
}

p.texteBandeauBottom {
    font-size: 1em;
    font-family: Lato, sans-serif;
}

#loginBandeauBottom {
    bottom: 4%;
    text-align: center;
}

.loginBandeau span {
    font-family: Latolight sans-serif;
}

#loginLogoAgatt {
    background: transparent url('../images/logo_agatt_login.png') no-repeat center;
    height: 49px;
    width: 49px;
    position: absolute;
    left: calc((100% - 59px) / 2);
    top: -16px;
}

#login h1 {
    font: 2.3em Lato;
    color: #666;
    border: none;
    margin-top: -8px;
}

#login h1 span {
    font: 16px LatoLight;
    color: #333;
    display: block;
    font-weight: bold;
}

.texteBandeauBottom a {
    display: inline-block;
    font: 22px LatoLight;
    color: #333;
    font-weight: bold;
}

#loginLogoSdis {
    height: 86px;
    line-height: 86px;
    width: 152px;
    text-align: center;
    margin: 70px auto 10px;
}

#loginLogoSdis img {
    display: inline-block;
    vertical-align: middle;
}

#loginFormChamp1,
#loginFormChamp2 {
    text-align: center;
}

#loginFormChamp2 label {
    margin-top: 20px;
}

#loginForm label {
    display: block;
    color: #333;
    font-family: Lato, sans-serif;
    margin: auto;
    padding: 15px 0 5px 0;
    width: 35%;
    text-align: start;
}

#loginForm input, #loginForm input.validFormulaire {
    width: 35%;
    height: 30px;
    border: 1px solid #ccc;
    font: 1.5em Lato;
}

#loginForm label.erreurConnexion {
    min-height: 10px;
    height: 10px;
    color: #f00;
    font-weight: bold;
}

#loginFormBas {
    text-align: center;
}

#loginForm input.validFormulaire {
    margin: 27px auto;
    font: 1.5em Lato;
}

#loginForm input#loginFormPass {
    margin-left: 30px;
}

#afficherMdp {
    width: 25px;
    margin-left: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
    cursor: pointer;
}

#loginPersonnages {
    background: #fff url('../images/login_personnages.png') no-repeat center;
    height: 77px;
    width: calc(100% - 10px);
    margin-top: 20px;
    margin-bottom: 30px;
}

#loginFooter {
    height: auto;
    width: calc(100% - 20px);
    margin: auto;
    border: 1px solid #e6e6e6;
    position: relative;
}

.loginFooterTitre {
    position: absolute;
    top: -12px;
    left: calc((100% - 530px) / 2);
    width: 530px;
    text-align: center;
    background: #fff none;
    font: 20px LatoLight;
}

#loginCapture {
    width: 242px;
    height: 166px;
    position: absolute;
    top: 50px;
    left: 50px;
    background: transparent url('../images/capture_mini.png') no-repeat;;
}

#loginLogoPretexx span {
    margin-top: 32px;
    display: inline-block;
    color: #999;
}

#loginTitreMaintenance {
    color: #f00;
    font: 22px LatoLight;
    text-align: center;
}

#loginSousTitreMaintenance {
    font: 18px LatoLight;
    text-decoration: underline;
    text-align: center;
    margin-top: 20px;
}

#loginMotifMaintenance {
    text-align: justify;
    padding: 20px;
}

#loginPersonnagesMaintenance {
    background: #fff url('../images/personnages_maintenance.png') no-repeat center;
    height: 110px;
    width: calc(100% - 10px);
    margin-top: 20px;
    margin-bottom: 30px;
}

.texteBandeauBottom span#lettrePtx {
    color: #ff7372;
    display: inline;
    font: 24px Latolight;
}

@media screen and (max-width: 1280px) and (min-resolution: 120dpi) {

    #login {
        width: 100%;
        height: 100%;
    }

    #loginForm input, #loginForm input.validFormulaire {
        width: 80%;
        height: 40px;
    }

    #loginForm label {
        width: 80%;
    }

    .raccourci_agatt {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10%;
    }

    .raccourci_agatt p {
        font: 1em Latolight;
        color: #333;;
    }

    .loginFooterTitre {
        left: 0;
        width: auto;
    }

}

/*--------------------------------Fin Login----------------------------------*/

/*-----------------------------Tableau de bord-------------------------------*/
.tdb_bloc {
    margin: 10px 20px 10px 0;
    width: 524px;
    background-color: #f0f0f0;
    border: 1px solid #999;
    height: 315px;
    padding: 5px 10px;
    float: left;
}

.tdb_bloc a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.tdb_bloc_header {
    line-height: 19px;
    height: 19px;
    margin-bottom: 5px;
}

.tdb_bloc_header img {
    display: inline-block;
}

.tdb_bloc_header img.icone {
    vertical-align: top;
}

.tdb_bloc_header h3 {
    font: 16px Lato;
    color: #ff7372;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}

.tdb_bloc_contenu {
    background-color: #fff;
    height: 260px;
    width: 503px;
    padding: 10px;
    overflow-y: auto;
}

#datatables .dataTables_paginate {
    text-align: center;
    float: none;
}

#datatables .sorting_asc,
#datatables .sorting_desc,
#datatables .sorting {
    padding-right: 18px;
}

.tdb_bloc_contenu h4 {
    margin-top: 10px;
}

.tdb_onglets {
    background-color: #f0f0f0;
    margin-top: -20px;
}

.tdb_onglet {
    float: right;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #aeaeae;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 5px;
}

.tdb_onglet a {
    text-decoration: none;
    font-weight: normal;
}

.tdb_onglet_actif {
    background: #fff;
    background: linear-gradient(#fff, #eaeaea);
    font-weight: bold;
}

.tdb_onglet_inactif {
    background: #dcdcdc;
    background: linear-gradient(#dcdcdc, #eaeaea);
}

.tdb_gardes_onglet {
    width: 76px;
}

.tdb_demandes_onglet {
    width: 95px;
}

.tdb_bloc_footer {
    padding: 10px;
}

td.editeurPictoPJ {
    padding-left: 10px !important;
    padding-right: 5px !important;
    text-align: center;
}

/*-------------fin tableau de bord----------------*/
#fiTable input {
    width: 200px;
}

#fiTable #nivConsultation {
    width: 412px;
}

#fiTable select {
    width: 202px;
}

#fiTable textarea {
    width: 200px;
}

#fiTable input.radioButton {
    width: 12px;
    margin-right: 4px;
    vertical-align: bottom;
}

#affiTable, #fiTable {
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 20px auto 0;

}

#fiTable label {
    margin-right: 15px;
}

#fiTable td {
    text-transform: uppercase;
}

#fiTable td.descriptif {
    padding-left: 30px;
    color: grey;
    text-transform: none;
    font-style: italic;
}

#affiTable span {
    color: #ffad00;
    font-weight: bold;
}

#affiTable td, #fiTable td {
    padding-bottom: 15px;
}

#fiTable td.aligner {
    text-align: right;
    padding-right: 20px;
}

.fiDiv div {
    width: 600px;
}

.p1 {
    text-align: right;
}

.p2 {
    text-align: center;
}

.p3 {
    float: right;
}

.fiDiv div p {
    width: 100px;
    float: left;
}

#tab_nbConnecte {
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 10px;
}

#tab_nbConnecte th {
    padding: 2px 5px;
    color: #999;
    border: 1px solid #ccc;
}

#tab_nbConnecte td {
    padding: 2px 5px;
    border: 1px solid #ccc;
}

@media screen and (min-width: 1281px) {
    #log_boxBonjour {
        font-size: 13px;
        position: absolute;
        left: 1029px;
        top: 71px;
        text-align: right;
    }
}

@media screen and (max-width: 1280px) {
    #log_boxBonjour {
        font-size: 13px;
        display: block;
        text-align: left;
        margin-top: 15px;
        margin-left: 2px;
        max-width: calc(100% - 140px);
    }
}

#log_boxBonjour img {
    vertical-align: bottom;
}

@media screen and (min-width: 470px) {
    #form_changerCentre {
        position: absolute;
        left: 151px;
        top: 79px;
    }
}

@media screen and (max-width: 469px) {
    #form_changerCentre {
        margin-top: 5px;
        margin-left: 1px;
    }
}

#form_changerCentre select {
    width: 180px;
    color: #000;
    padding: 0;
}

#form_changerCentre .select2-container--default .select2-selection--single {
    border: 1px solid #000;
    margin-top: -15px;
    -webkit-box-shadow: none;
}

#form_changerCentre .select2-selection__arrow {
    margin-top: -15px;
}

#form_changerCentre .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

/***********************Fin structure generale*********************/
/***********************Interface piquet*********************/
#blocPiquetGauche {
    width: 1390px;
    float: left;
}

#imprimBlocPiquetGauche {
    width: 100%;
}

#blocPiquetGauche select {
    width: 170px;
}

#site2 table, #site2 table td {
    border: none;
    text-align: center;
}

#site2 th {
    font-weight: normal;
}

#site2 #tetePage {
    border-collapse: collapse;
    color: white;
    background-color: #ffad00;
    text-align: center;
    margin-bottom: 10px;
}

#site2 #tetePage td {
    border: 9px solid white;
}

#site2 hr {
    width: 100%;
    border-top: 1px solid #de3709;
    margin-top: 8px;
    margin-bottom: 14px;
}

#contientPiquet {
    width: 1180px;
    overflow: auto;
    height: 600px;
}

#affPiquet {
    background: white;
}

#affPiquet span {
    float: left;
    width: 20%;
    height: auto;
    color: #ffad01;
    text-align: left;
}

#affPiquet hr {
    width: 100%;
    height: 1px;
    clear: both;
    margin: 6px 0;
}

#affPiquet div.aGauche {
    text-align: left;
    width: 350px;
    float: right;
}

#affPiquet div.aGauche p {
    width: 340px;
    border: 1px solid #ffad01;
    padding: 2px 4px;
}

#affPiquet img {
    float: right;
}

#affPiquet strong {
    float: left;
    margin-left: 90px;
    margin-top: 14px;
}

#form_rechercheSapeur {
    width: 500px;
    margin: 0 auto;
    padding-top: 20px;
}

#form_rechercheSapeur #valid {
    vertical-align: middle;
}

#form_rechercheSapeur p {
    font-size: 10px;
    color: #7f7f7f;
    font-style: italic;
    margin-top: 3px;
}

#form_rechercheSapeur select {
    margin-left: 13px;
    width: 188px;
}

#form_rechercheSapeur input[name='valid'], #form_rechercheSapeur input[name='recherche'] {
    width: 188px;
}

#form_rechercheSapeur .radioButton {
    margin-left: 5px;
    vertical-align: middle;
    width: 10px;
}

#form_rechercheSapeur label[for='affectationsInactives'], #form_rechercheSapeur label[for='typeAffectation'] {
    width: 200px;
    margin-right: 5px;
    display: inline-block;
    margin-top: 10px;
}

#form_rechercheSapeur input[name='affectationsInactives'], #form_rechercheSapeur input[name='typeAffectation'] {
    vertical-align: bottom;
}

#form_affectation input[type=radio] + label {
    margin-right: 10px;
}

#vehiculeTitre1 {
    font: 20px Lato;
    color: #333;
}

#vehiculeTitre1 a {
    color: #ff7372;
    font-size: 12px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
}

#vehiculeTitre2 {
    font: 14px Verdana;
    color: #666;
}

#vehiculeForm .labelFormulaire {
    text-align: left;
}

#vehiculeForm .validFormulaire {
    width: 100px;
    margin-right: 380px;
    float: right;
}

.labelVehiculePicto {
    line-height: 40px;
    vertical-align: middle;
}

#vehiculeSelectPicto-button {
    margin-left: 12px;
    margin-bottom: 15px;
    width: 253px;
}

#vehiculeSelectPicto-button div {
    height: 40px;
}

#vehiculeSelectPicto-button .ui-selectmenu-icon {
    margin-top: 7px;
}

#vehiculeSelectPicto-button span {
    vertical-align: middle;
    line-height: 30px;
    display: inline-block;
    margin-left: 10px;
}

#vehiculeSelectPicto-button img {
    vertical-align: middle;
    line-height: 30px;
    display: inline-block;
}

#vehiculeSelectPicto-menu {
    max-width: 520px;
}

#vehiculeSelectPicto-menu li {
    display: inline-block;
    float: left;
}

#form_saisiePoste .validFormulaire {
    float: right;
    width: 100px;
    margin-right: 379px;
}

#liaisonPostesTitre1 {
    font: 20px Lato;
    color: #333;
}

#liaisonPostesTitre2 {
    font: 14px Verdana;
    color: #666;
}

div.blocFormulaire td.liaisonVehicule {
    padding: 10px 5px;
}

td.liaisonVehicule img {
    float: right;
    font-size: 30px;
    font-weight: normal;
}

#liaisonPostesForm .validFormulaire {
    width: 100px;
    float: right;
    margin-right: 379px;
}

.tab_vehicule {
    width: 70px;
    border-right: 1px solid #ffad00;
    font-weight: bold;
    border-bottom: 5px solid white;
}

.tab_corpVehicule {
    width: 180px;
    border-right: 1px solid #ffad00;
    border-bottom: 5px solid white;
}

.tab_imprimJour {
    border-collapse: collapse;
    width: 100%;
}

.tab_imprimJour td {
    border: 1px solid #ccc;
    padding: 0 2px;
}

.tab_imprimJour th {
    height: 30px;
    font-size: 16px;
    color: #ff7372;
}

.imprimtab_vehicule {
    border-top: 1px solid #ccc;
    border-right: 1px solid white;
    font-weight: bold;
    color: black;
    background-color: #bfbfbf;
    width: 9%;
}

.imprimtab_corpVehicule {
    border-top: 1px solid #ccc;
    width: 15%;
    color: black;
    background-color: #bfbfbf;
    border-right: 1px solid white;
}

#dateImprim {
    width: 100%;
    height: 41px;
    background-color: #333;
    padding: 2px 0;
    margin: 35px auto 0;
}

#dateImprim p {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#dateImprim p.statsIndivNbPiquets {
    font-weight: normal;
}

#descriptifStatutPiquet {
    text-align: left;
    height: 10px;
    color: #333;
    float: left;
    font-style: italic;
    margin-left: 0.9%;
}

#consigneImprim {
    width: 75%;
    margin-left: 0.9%;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1%;
}

#consigneImprim p {
    float: left;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    background-color: #f6f6f6;
    width: 100%;
    min-height: 120px;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
}

.imprim_blocInfo ul {
    list-style-type: none;
}

.imprim_blocInfo ul li {
    padding: 0 2px;
}

.imprim_blocInfo {
    width: 12.7%;
    margin: 0.8% 0.9% 0 0.9%;
    float: left;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    min-height: 40px;
}

.imprim_blocInfo p {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    background-color: #f6f6f6;
}

#imprim_totaux {
    width: 72.5%;
    float: right;
    margin-right: 1.86%;
    text-align: center;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

#imprim_totaux th {
    background-color: #bfbfbf;
    border-bottom: 1px solid #ccc;
}

#liste_stat_tdb {
    margin: 0 auto 0 20px;
    text-align: left;
}

#liste_stat_tdb span {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 18px;
    margin-right: 4px;
    padding-top: 4px;
    color: white;
    text-align: center;
}

#liste_stat_tdb td {
    padding: 4px 4px;
    border: 0;
}

#liste_stat_tdb td.libelle {
    text-align: left;
    width: 200px;
}

/*style pour tableau à entete fixe*/
/* à ecraser pour les tailles au besoin avec id*/
.tab_headStatic {
    width: 800px;
    border-collapse: collapse;
    font-weight: bold;
}

.tab_headStatic thead {
    width: 850px;
}

.tab_headStatic tbody {
    overflow-y: auto;
    overflow-x: hidden;
    width: 850px;
}

.tab_headStatic img {
    vertical-align: middle;
}

.tab_headStatic td {
    border: 1px solid #ccc;
}

.tab_headStatic th {
    color: #999;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px 5px;
}

.tab_headStatic tr.statClair {
    color: #000;
    background-color: #fff;
    width: 100%;
}

.tab_headStatic tr td.libelle {
    color: #000;
}

.tab_headStatic tr.statFonce {
    color: #000;
    background-color: #e9e9e9;
}

#tab_rechercheAffPrinc, #tab_rechercheAffSec, #tab_rechercheNonAff {
    width: 100%;
}

#tab_rechercheAffPrinc tbody td, #tab_rechercheAffSec tbody td, #tab_rechercheNonAff tbody td {
    height: 24px;
    font-weight: normal;
    padding: 2px 5px;
}

#resultat_rechercheAgent {
    width: 850px;
    margin: 0 auto;
}

#resultat_rechercheAgent h3 {
    margin-top: 40px;
    padding-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    color: #ff7372;
    font: 20px Lato;
}

#listeSapeur {
    height: 500px;
    width: 800px;
    border-collapse: collapse;
    font-weight: bold;
}

#listeSapeur thead {
    width: 850px;
}

#listeSapeur tbody {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 850px;
}

#table_stat {
    margin: 8px auto;
    /*width: 100%;*/
    width: 1000px;
    border-collapse: collapse;
    font-weight: bold;
    border-left: 1px solid #ffad00;
}

#table_stat img, #listeSapeur img {
    vertical-align: middle;
}

#table_stat td, #listeSapeur td {
    text-align: center;
    padding: 1px;
}

#table_stat td {
    border-right: 1px solid #ffad00;
}

#table_stat td.libelle, #listeSapeur td.libelle {
    text-align: left;
    color: white;
}

#table_stat th, #listeSapeur th {
    background-color: #de3709;
    color: white;
    text-align: center;
}

#table_stat tr {
    border-bottom: 1px solid #ffad00;
}

#table_stat tr.statClair, #listeSapeur tr.statClair {
    color: black;
    background-color: #dfdfdf;
}

#table_stat tr.statClair td.libelle, #listeSapeur tr.statClair td.libelle {
    background-color: black;
}

#table_stat tr.statFonce, #listeSapeur tr.statFonce {
    color: #de3709;
    background-color: #ffc0af;
}

#table_stat tr.statFonce td.libelle, #listeSapeur tr.statFonce td.libelle {
    background-color: #de3709;
}

.blocFormulaire {
    padding: 10px;
    width: 880px;
    border: 1px solid #e6e6e6;
    margin: 10px auto 0;
}

.blocFormulaire.large {
    width: calc(100% - 20px);
    border: 0;
    padding: 0;
    margin: 0;
}

.blocFormulaire p.erreur {
    font-size: 9px;
}

.blocFormulaire p.erreur img {
    vertical-align: middle;
}

.blocFormulaire h3 {
    color: #ff7372;
    font: 20px Lato;
    margin: 0 0 20px 10px;
}

.blocFormulaire.large h3 {
    margin: 10px 0 20px;
}

#bilanAnnuelForm .labelFormulaire {
    margin-left: 0;
    width: 255px;
    margin-right: 10px;
}

#bilanAnnuelForm .likeSelect {
    margin-left: 0;
    width: 270px;
}

#bilanAnnuelForm .descriptif {
    width: 330px;
    margin: 0;
    float: right;
}

#bilanAnnuelForm #annee {
    width: 280px;
    margin-left: 0;
}

#bilanAnnuelForm .validFormulaire {
    margin-right: 335px;
    margin-top: 10px;
    width: 100px;
    text-transform: uppercase;
}

.nomAgent, .nomEntite, .nomElement {
    color: #000;
    text-transform: uppercase;
    font: 14px Verdana;
}

.nomEntiteMin {
    color: #000;
    font: 14px Verdana;
}

.nomElement a {
    text-transform: none;
}

div.extTip_perso .x-tip,
div.extTip_perso .x-tip-tl,
div.extTip_perso .x-tip-tr,
div.extTip_perso .x-tip-tc,
div.extTip_perso .x-tip-ml,
div.extTip_perso .x-tip-mr,
div.extTip_perso .x-tip-bl,
div.extTip_perso .x-tip-br,
div.extTip_perso .x-tip-bc {
    /*background-image: url('../librairies/extjs/resources/images/gray/qtip/tip-sprite.gif') !important;*/
    background: none;
    background-color: #fff;
}

.extTip_perso {
    border: 1px solid #000;
    padding: 5px;
    background-color: #fff;
}

.extTip_perso h4 {
    color: #000;
}

.extTip_perso p {
    color: #666;
}

.extTip_perso span {
    color: #000;
}

.blocFormulaire h3 a {
    color: #ff7372;
    margin-left: 2px;
    margin-right: 2px;
}

.blocFormulaire h3 a:hover {
    color: #999;
}

.blocFormulaire table {
    border-collapse: collapse;
    width: 100%;
    margin: 10px auto 20px;
}

.blocFormulaire table thead tr td, .blocFormulaire table thead tr th {
    text-align: center;
    color: #999;
}

.blocFormulaire table tr {
    border: 1px solid #ccc;
}

.blocFormulaire table td,
.blocFormulaire table th {
    border-right: 1px solid #e6e6e6;
    padding: 5px 10px;
    min-height: 20px;
}

.blocFormulaire th {
    text-align: center;
    color: #999;
    background-color: #fff;
    padding: 2px 5px;
}

.blocFormulaire table td strong {
    font-weight: bold;
}

.blocFormulaire .item_modification {
    background-color: #f0f0f0;
}

.blocFormulaire table tr.affectationModifiee {
    background-color: #f0f0f0;
}

.blocFormulaire table tr.ligneModification {
    background-color: #f0f0f0;
}

.blocFormulaire table tr.lignePasse {
    background-color: #ccc;
}

.blocFormulaire form {
    width: 880px;
}

.blocFormulaire.large form {
    width: auto;
}

.blocFormulaire form select {
    width: 275px;
}

.blocFormulaire form textarea {
    width: 271px;
    height: 50px;
    margin-bottom: 10px;
}

.blocFormulaire .labelFormulaire, .blocFormulaire form select, .blocFormulaire form p.likeSelect, .blocFormulaire form input, .blocFormulaire .descriptif {
    height: 18px;
    margin-bottom: 15px;
}

/* Classe utilisée pour donner une hauteur automatique (selon le nombre d'éléments) à une liste à choix multiple */
.blocFormulaire .hauteurAuto {
    height: auto;
}

/* Les checkboxes dans des cellules de  sont alignées différemment */
.blocFormulaire form table input[type='checkbox'] {
    margin: auto;
    width: auto;
    float: none;
}

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

.blocFormulaire input.validFormulaire {
    float: right;
    height: 22px;
    margin-top: 20px;
    width: 100px;
    margin-right: 380px;
    color: #ff7372;
    background-color: #f0f0f0;
    font-weight: bold;
    text-transform: uppercase;
}

.blocFormulaire textarea {
    margin-bottom: 10px;
    height: 50px;
}

.blocFormulaire form p.likeSelect input {
    vertical-align: middle;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    float: none;
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
}

.blocFormulaire form p.likeSelect select {
    width: 50px;
    margin-right: 10px;
    margin-left: 0;
    float: none;
}

.blocFormulaire form p.likeSelect span,
.blocFormulaire form p.likeSelect label {
    margin-right: 10px;
}

.blocFormulaire .labelFormulaire {
    width: 202px;
    text-align: left;
    font-size: 12px;
}

.blocFormulaire form p.likeSelect {
    border: 2px solid transparent;
    height: 14px;
    width: 271px;
    text-align: left;
}

.blocFormulaire form input {
    width: 271px;
    vertical-align: top;
}

.blocFormulaire input.validFormulaire:hover {
    background-color: #c1c1c1;
}

.blocFormulaire input.input_numero {
    width: 41px;
    margin-right: 230px;
    text-align: right;
}

.blocFormulaire .labelFormulaire, .blocFormulaire form p.likeSelect, .blocFormulaire form textarea, .blocFormulaire form select, .blocFormulaire form input {
    margin-left: 12px;
    float: left;
}

.descriptif {
    color: #999;
    font-size: 9px;
}

.blocFormulaire .descriptif {
    float: right;
    width: 318px;
    color: #999;
    font-size: 9px;
    margin-left: 16px;
    text-align: left;
    line-height: 10px;
}

.blocFormulaire .suppression {
    color: #f00;
}

.blocFormulaire em {
    font-style: italic;
}

.blocFormulaire #rappel {
    list-style-type: none;
    margin: 4px 0 26px 12px;
}

.blocFormulaire span > input.radioButton {
    border: none;
}

.blocFormulaire .x-form-field {
    display: inline;
    line-height: 14px;
    margin-left: 0;
    padding-left: 4px;
    position: relative;
    top: 0;
    width: 254px;
}

.erreurFormulaire {
    border: 2px solid #c61612 !important;
}

:root * > .blocFormulaire .x-form-field-wrap {
    top: 0;
}

.blocFormulaire .x-form-field-wrap {
    float: left;
    height: 33px;
    margin-left: 12px;
    position: relative;
    top: -33px;
    white-space: normal;
}

.blocFormulaire .x-form-text {
    background: none repeat scroll 0 0 white;
    border: 2px solid #ccc;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    height: 17px;
    padding: 0;
}

.blocFormulaire .x-form-field-wrap img {
    display: block;
    float: right;
    height: 17px;
    position: static;
}

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

.blocFormulaire .inputHoraire {
    width: 46px;
}

.blocFormulaire select.inputHoraire + span {
    display: block;
    float: left;
    margin-left: 6px;
    margin-right: 12px;
}

.grasRouge {
    font-weight: bold;
    color: #ff7372;
    font-size: 14px;
}

/***********************fin Interface piquet*********************/
/***********************Piquet*********************/
#onglets_feuilleGardeJournaliere {
    clear: both;
    margin-top: 20px;
}

#boutonsFeuilleJournaliere a {
    margin-top: 14px;
    float: left;
    margin-right: 8px;
}

#boutonsFeuilleJournaliere button#boutonImpression {
    margin-top: 10px;
}

#masquerAfficherPiquet {
    margin-left: 12px;
    margin-top: 8px;
}

#masquerAfficherPiquet a {
    color: #666;
    text-decoration: underline;
}

#onglets_feuilleGardeJournaliere .x-tab-panel {
    width: 1190px;
}

#onglets_feuilleGardeJournaliere .x-panel-body {
    background-color: #f5f5f5;
}

#onglets_feuilleGardeJournaliere textarea {
    width: 1148px;
    height: 247px;
    border: 1px solid #a8a8b7;
    margin-left: 8px;
    margin-top: 25px;
}

#onglets_feuilleGardeJournaliere textarea + input + input.validFormulaire {
    margin-left: 8px;
    margin-top: 14px;
    text-transform: uppercase;
}

#titrePiquet {
    height: 29px;
    line-height: 29px;
}

#titrePiquet h3 {
    font: 20px Lato;
    color: #ff7372;
    display: inline-block;
    vertical-align: middle;
}

#datePiquet {
    width: 288px;
    height: 19px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 5px;
}

#datePiquet, #calendrierPiquet {
    display: inline-block;
    vertical-align: middle;
}

#datePiquet p {
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    line-height: 19px;
    text-transform: capitalize;
    margin-top: -1px;
}

#datePiquet a {
    height: 19px;
    line-height: 19px;
}

#datePiquet img {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 16px;
}

#datePiquet .dateTraitee {
    font-size: 15px;
    font-weight: bold;
    float: left;
    width: 260px;
    text-align: center;
}

#datePiquet .precedentModule, #datePiquet .suivantModule {
    height: 19px;
    width: 12px;
}

#datePiquet .precedentModule {
    float: left;
}

#datePiquet .suivantModule {
    float: right;
}

#calendrierPiquet {
    border: 1px solid #ccc;
    height: 29px;
    width: 26px;
    background: url('../images/ldgm/calendar.png') no-repeat 4px 3px;
    margin-left: 4px;
    cursor: pointer;
    margin-right: 13px;
    vertical-align: middle;
}

#bloc_consignePiquet {
    width: 651px;
    height: 85px;
    background: url('../images/consigne.png') no-repeat 0 0;
    float: left;
    margin-top: 4px;
}

#bloc_consignePiquet #consignePiquet {
    border: 0;
    width: 625px;
    height: 41px;
    margin-left: 15px;
    margin-top: 2px;
    overflow: auto;
    padding: 2px;
}

#bloc_consignePiquet #button_consignePiquet {
    margin-top: 5px;
    margin-left: 14px;
    cursor: pointer;
}

a.lienNoir {
    color: black;
    text-decoration: underline;
}

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

#bloc_regroupeVehicule {
    height: 462px;
    overflow: auto;
    width: 1186px;
}

.bloc_vehiculePiquet {
    width: 362px;
    min-height: 39px;
    margin-top: 9px;
    float: left;
    margin-right: 19px;
    margin-left: 8px;
    border: 1px solid #999;
}

.bloc_vehiculePiquet .fleche {
    display: block;
    width: 11px;
    height: 11px;
    float: left;
    text-align: center;
    margin-left: 11px;
    margin-top: 15px;
    cursor: pointer;
}

td.typeVehicule {
    height: 30px;
    line-height: 30px;
    width: 200px;
}

td.typeVehicule span {
    display: inline-block;
    vertical-align: middle;
}

td.typeVehicule img {
    display: inline-block;
    vertical-align: middle;
    float: right;
    height: 30px;
    font-size: 30px;
}

.fleche_rouge {
    background-image: url('../images/piquet/fleche_rouge.png');
    background-repeat: no-repeat;
}

.fleche_orange {
    background-image: url('../images/piquet/fleche_orange.png');
    background-repeat: no-repeat;
}

.fleche_vert {
    background-image: url('../images/piquet/fleche_vert.png');
    background-repeat: no-repeat;
}

.bloc_vehiculePiquet .picto_vehicule_piquet,
#conteneurTableauPiquet .picto_vehicule_piquet {
    display: block;
    width: 50px;
    height: 29px;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
}

.bloc_vehiculePiquet h4,
#conteneurTableauPiquet h4 {
    width: 198px;
    float: left;
    height: 14px;
    margin-left: 12px;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    margin-top: 11px;
}

.bloc_vehiculePiquet .editer_vehicule {
    cursor: pointer;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 11px;
    margin-top: 13px;
}

#conteneurTableauPiquet .editer_vehicule {
    display: none;
}

.bloc_vehiculePiquet .feu_tricolore {
    width: 10px;
    height: 21px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

#conteneurTableauPiquet .feu_tricolore {
    display: none;
}

.bloc_vehiculePiquet dl {
    clear: both;
    width: 328px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 8px;
    background: #fff url('../images/piquet/separateur.png') no-repeat 7px 0;
    padding-left: 32px;
    max-height: 428px;
    overflow-y: auto;
}

.bloc_vehiculePiquet dl dt:first-child {
    background: none;
    padding-top: 2px;
}

.bloc_vehiculePiquet dt {
    font-weight: bold;
    height: 18px;
    padding-top: 15px;
    text-align: center;
    margin-left: 9px;
    width: 290px;
    background: url('../images/piquet/separationTrancheHoraire.png') no-repeat 0 10px;
}

.bloc_vehiculePiquet dd {
    width: 290px;
    border-bottom: 1px solid #ccc;
    margin-left: 9px;
    padding: 2px 0;
    height: 15px;
    text-align: left;
}

.bloc_vehiculePiquet dl dt:last-child {
}

.bloc_vehiculePiquet dd p {
    float: right;
    width: 244px;
}

.bloc_vehiculePiquet dd p span {
    float: right;
    width: 120px;
    text-align: right;
    margin-right: 26px;
}

.bloc_vehiculePiquet img,
#conteneurTableauPiquet img {
    float: left;
}

img.picto_vehicule_piquet {
    font-size: 29px;
    color: #000;
}

.bloc_vehiculePiquet img.liaison {
    float: right;
    width: 14px;
    height: 9px;
    margin-top: 3px;
    margin-left: 10px;
    position: relative;
    left: 240px;
}

.liaison {
    cursor: help;
}

.help {
    cursor: help;
}

#windowPiquet {
    background-color: #fff;
    border: 1px solid #333;
}

#windowPiquet .validFormulaire {
    margin-top: 20px;
    min-width: 100px;
    margin-right: 335px;
    color: #ff7372;
    background-color: #f0f0f0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    padding: 2px 5px;
}

#windowPiquet .validFormulaire:hover {
    background-color: #c1c1c1;
}

#windowPiquet .x-window-tl, #windowPiquet .x-window-tl .x-window-tr, #windowPiquet .x-window-tl .x-window-tr .x-window-tc {
    background: none;
}

#windowPiquet .x-window-tl, #windowPiquet .x-window-tr {
    padding: 0;
}

#windowPiquet .x-window-header-text {
    padding-left: 20px;
    font-size: 14px;
}

#windowPiquet .x-window-header-text img {
    display: inline;
    vertical-align: middle;
}

#windowPiquet .x-tool {
    background: url('../images/piquet/close.png') no-repeat 0 0;
    height: 10px;
    width: 10px;
    margin-right: 9px;
}

#windowPiquet .x-window-header {
    text-align: left;
    font-weight: normal;
}

#windowPiquet .x-window-tl, #windowPiquet .x-window-header {
    color: black;
}

#windowPiquet .x-window-header {
    padding: 0;
    margin-top: 9px;
}

#windowPiquet .x-window-ml {
    padding: 0;
}

#windowPiquet .x-window-mr {
    padding-right: 0;
}

#windowPiquet .x-window-mr, #windowPiquet .x-window-mc {
    background-color: #fff;
    border: none;
}

#windowPiquet .x-window-body {
    border: none;
    height: 260px !important;
}

#windowPiquet .x-window-bl {
    height: 0;
}

#bodyWindowPiquet {
    background: #fff url(../images/piquet/corpsInfobulle.png) no-repeat scroll 24px 10px;
    padding: 5px;
}

.comboboxPiquet {
    border: 1px solid #ccc;
    width: 120px;
    margin-left: 9px;
}

#squelettePiquet .ext-el-mask {
    /*width: 50%;*/
    background-color: black;
    opacity: 0.7;
}

#windowPiquet #validEnregistrer {
    float: left;
    margin-left: 24px;
}

div.loadingPiquet {
    border: 1px solid #f3c8a2;
    background-color: #eee;
}

#squelettePiquet .ext-el-mask-msg {
    color: #f00;
    background: #f3c8a2 url(../images/tb-blue.gif) repeat-x scroll 0 -16px;
}

#squelettePiquet .ext-el-mask-msg div {
    color: #f00;
    border: 1px solid #f3c8a2;
}

.x-masked select.visible {
    visibility: visible;
}

#conteneurTableauPiquet {
    width: 1138px;
    height: 200px;
    overflow: auto;
}

.tab_piquet th img {
    vertical-align: middle;
}

.tab_piquet {
    border-collapse: collapse;
    margin-left: 24px;
    margin-top: 30px;
}

.tab_piquet thead {
    height: 41px;
    width: 722px;
}

.tab_piquet th {
    text-align: center;
    width: 102px;
    color: #666;
}

.tab_piquet th p {
    font-size: 12px;
}

.tab_piquet th p + p {
    text-align: left;
    color: #999;
    margin-left: 25px;
    font-size: 10px;
    margin-top: 8px;
}

.tab_piquet th + th {
    border: 1px solid #ccc;
    width: 163px;
}

.tab_piquet td {
    border: 1px solid #ccc;
    width: 102px;
    height: 28px;
    text-align: left;
}

.tab_piquet td + td {
    width: 163px;
}

.tab_piquet th.nomVehicule {
    color: #999;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding-top: 0;
    width: 264px;
}

.tab_piquet tbody tr {
    height: 22px;
}

.tab_piquet tbody tr td select {
    width: 220px;
}

.tab_piquet tbody tr td {
    text-align: center;
}

.tab_piquet td.libelleCompetence p {
    margin-left: 15px;
    text-align: left;
    float: left;
}

.tab_piquet td.libelleCompetence img {
    width: 14px;
    float: right;
}

.x-combo-list {
    border: 4px solid #ffad00;
}

.x-combo-list-inner .search-agent:first-child {
    height: 20px;
}

.x-combo-list-inner .search-agent:first-child p {
    height: 17px;
    color: #666;
    padding-top: 3px;
}

.x-combo-list-inner .search-agent:first-child p span {
    font-weight: normal;
    padding-top: 0;
}

.x-combo-list-inner .search-agent:first-child p + p {
    display: none;
}

.x-combo-list-inner .x-combo-selected {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px dashed #666 !important;
    border-bottom: none !important;
}

.search-agent {
    width: 489px;
    height: 55px;
    border-top: 1px dashed #666;
}

.search-agent p {
    padding-left: 7px;
    padding-top: 3px;
    width: 482px;
    clear: both;
}

.search-agent p span {
    font-weight: bold;
    width: 181px;
    float: left;
    padding-top: 2px;
}

.search-agent p span + span {
    width: 28px;
    padding-top: 0;
}

.search-agent p span + span + span {
    margin-left: 126px;
    width: 93px;
    padding-top: 2px;
}

.search-agent p + p {
    padding-top: 0;
}

.search-agent img.trancheHoraireMultiple {
    float: right;
    margin-right: 4px;
}

#conteneur_bloc_agentPiquet {
    width: 1188px;
    height: auto;
    padding-top: 26px;
}

.bloc_agentPiquet {
    width: 260px;
    height: 100px;
    margin-left: 8px;
    float: left;
    border: 1px solid #666;
    margin-bottom: 8px;
}

.bloc_agentPiquet p {
    background-color: #fff;
    color: #ff7372;
    width: 260px;
    text-align: center;
    font-weight: bold;
    height: 14px;
}

.bloc_agentPiquet ul {
    width: 260px;
    height: 86px;
    overflow-y: auto;
    background-color: #fff;
}

.bloc_agentPiquet li {
    padding-left: 2px;
}

.bloc_agentPiquet li:nth-child(even) {
    background-color: #fff
}

.bloc_agentPiquet li:nth-child(odd) {
    background-color: #eee
}

/***********************FIN piquet*********************/

/**Début rapport des occupations**/

.imprimantePicto {
    background-image: url('../images/icone_imprimante.png');
}

.rapportOccupationRsubmit {
    width: 120px;
    height: 41px;
    border: 1px solid #343434;
    padding: 2px 5px 2px 45px;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: 5px 2px;
    display: block;
    color: #ff7372;
    font-weight: bold;
    box-shadow: 3px 3px 3px #bbb;
    text-transform: uppercase;
    margin: 10px auto 20px;
    cursor: pointer;
}

.rapportOccupationRsubmit:hover {
    background-color: #c1c1c1;
}

#rapportOccupation .labelFormulaire {
    width: 310px;
    text-align: right;
}

#rapportOccupation .descriptif {
    width: 325px;
}

#rapportOccupation .validFormulaire {
    float: none;
    margin: auto;
    display: block;
    clear: both;
    text-transform: uppercase;
    width: 271px;
}

#rapportOccupation .inputCalendrier {
    width: 197px;
}

#rapportOccupationR #titrePrincipal {
    font-size: 14px;
    color: #ff7372;
    text-align: center;
    margin-bottom: 20px;
}

#rapportOccupation_resultat {
    width: 100%;
    margin-bottom: 40px;
}

#rapportOccupation_resultat .ligne th {
    font-weight: bold;
    color: #000;
}

#rapportOccupation .x-form-text {
    width: 180px;
}

#rapportOccupationR {
    border-top: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    width: 1150px;
}

th#thHoraires {
    width: 540px;
    min-width: 540px;
    max-width: 540px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

div#titreHoraires {
    width: 540px;
    min-width: 540px;
    max-width: 540px;
    padding: 0;
    margin: 0;
    border: 0;
}

div.titreHorairesCellule {
    width: 19px;
    min-width: 19px;
    max-width: 19px;
    border: 0;
    border-right: 1px solid #999;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0;
}

div.titreHorairesCellule:last-of-type {
    border-right: 0;
}

div.horaireOccupation {
    padding-top: 1px;
    margin: 0;
    height: 15px;
    text-align: center;
}

div.horaireOccupation span {
    white-space: nowrap;
}

.italic {
    font-style: italic;
}

.representation_occupation {
    color: white;
    display: inline-block;
    font-size: 9px;
    height: 16px;
    margin-right: 2px;
    padding-top: 2px;
    width: 28px;
    text-align: center;
    vertical-align: middle;
}

/******************** debut STATS COLLECTIVES ***********/
#resultatRTT {
    border: 1px solid #e6e6e6;
    margin: 20px auto auto;
    width: 1000px;
    padding: 10px;
}

#resultatRTT h3 {
    margin-left: 5px;
    font-size: 145%;
}

/******************* fin STATS COLLECTIVES **************/

/**Début BilanOccupation et Statistiquesindividuelles**/

#bilanIndividuel strong {
    font-weight: bold;
    font-size: 105%;
}

#bilanIndividuel .labelFormulaire {
    width: 340px;
    text-align: right;
}

#bilanIndividuel .descriptif {
    width: 295px;
}

#bilanIndividuel .x-form-field-wrap {
    white-space: normal;
    float: left;
    margin-left: 12px;
    height: 33px;
    position: relative; /*correction pour IE8 et inf. */
    top: -33px; /*correction pour IE8 et inf. */
}

:root * > #bilanIndividuel .x-form-field-wrap { /*on recorrige pour tous les autres navigateurs*/
    top: 0;
}

#bilanIndividuel .x-form-text {
    padding: 0;
    height: 16px;
    border: 2px solid #ccc;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    background: white;
}

#bilanIndividuel .x-form-field {
    width: 175px;
    line-height: 16px;
    display: inline;
    padding-left: 4px;
    margin-left: 0;
    position: relative;
    top: 0;
}

#bilanIndividuel #dateDebut {
    float: left;
}

#bilanIndividuel .x-form-field-wrap .x-form-date-trigger {
    display: inline-block;
    float: right;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    width: 12px;
    height: 12px;
    padding: 2px;
    background-position: 2px 2px;
    margin: 0;
}

#bilanIndividuel .x-form-field-wrap img {
    display: inline-block;
    height: 12px;
    width: 12px;
}

#bilanIndividuel form select {
    width: 201px;
}

#bilanIndividuelR {
    margin: 15px auto 0;
    width: 850px;
}

#bilanIndividuelR .pictoDlPj {
    border: 0;
    background: none;
    margin: 0;
}

#bilanIndividuelR span {
    display: block;
    color: white;
    width: 28px;
    height: 16px;
    font-size: 90%;
    margin-right: 2px;
    padding-top: 2px;
}

#bilanIndividuelR table {
    border: 1px;
    margin-bottom: 20px;
    width: 100%;
}

#bilanIndividuelR #titrePrincipal {
    font-size: 14px;
    width: calc(100% - 10px);
    background-color: #333;
    color: white;
    height: 35px;
    text-align: center;
    padding: 5px;
}

#bilanIndividuelR #bilanIndividuelRAgent,
#bilanIndividuelR #bilanIndividuelREntite {
    font-size: 14px;
    color: white;
    text-align: center;
    display: inline;
    font-weight: bold;
}

#bilanIndividuelR #bilanIndividuelRAgent {
    text-transform: uppercase;
}

#bilanIndividuelR #titrePrincipal #titrePrincipalNom {
    text-transform: uppercase;
}

#bilanIndividuelR #titreSecondaire {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #ff7372;
    font-weight: bold;
}

#bilanIndividuelParAnnee {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

#bilanIndividuelParAnnee th {
    background-color: #fff;
    color: #999;
    border: 1px solid #ccc;
    text-align: center;
}

#bilanIndividuelParAnnee td {
    border: 1px solid #ccc;
}

.bilanIndividuelParMois {
    border-collapse: collapse;
}

.bilanIndividuelParMois .nomMois th {
    color: #666;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    height: 40px;
    vertical-align: middle;
}

.bilanIndividuelParMois .ligne2 th {
    padding: 2px 5px;
    color: #999;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
}

.bilanIndividuelParMois .td_texte img {
    margin-right: 5px;
    display: inline-block;
    float: left;
    font-size: 16px;
}

#bilanIndividuelR .bilanIndividuelParMois .td_texte span {
    display: inline-block;
    float: left;
    vertical-align: middle;
    color: #000;
    line-height: 16px;
    white-space: nowrap;
}

.bilanIndividuelParMois td {
    border: 1px solid #ccc;
}

.bilanIndividuelParMois .libelleCompteur {
    text-align: right;
    padding: 2px 5px;
}

#bilanIndividuelRecap {
    border-collapse: collapse;
    width: 100%;
}

#bilanIndividuelRecap th {
    padding: 2px 5px;
    color: #999;
    border: 1px solid #ccc;
    text-align: center;
}

#bilanIndividuelRecap td {
    border: 1px solid #ccc;
}

#bilanIndividuelR .ligne {
    background-color: rgb(210, 210, 210);
    font-weight: bold;
}

#bilanIndividuelR .ligne2 {
    background-color: rgb(230, 230, 230);
}

#bilanIndividuelTitreNbOcc {
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: normal;
}

.blocFormulaire > p {
    margin-bottom: 20px;
}

.blocFormulaire fieldset {
    display: inline-block;
}

.blocFormulaire .inputCalendrier {
    width: 272px;
}

#bilanIndividuel .validFormulaire {
    margin: 10px auto;
    float: none;
    display: block;
    border: 1px solid #999;
    text-transform: uppercase;
    padding: 2px 5px;
    width: 320px;
}

#bilanIndividuel .validFormulaire:hover {
    background-color: #c1c1c1;
}

#bilanIndividuel .inputCalendrier {
    width: 197px;
}

/*----------- Bilan collectif -----------*/
#bilanCollectif {
    margin: 0;
    padding: 10px;
    border: 0;
    width: calc(100% - 20px);
    overflow-x: auto;
}

#bilanCollectif span {
    display: block;
    width: 28px;
    height: 16px;
    font-size: 90%;
    margin-right: 2px;
    padding-top: 2px;
}

#bilanCollectif table {
    border: 1px;
    margin-bottom: 20px;
    width: 100%;
}

#bilanCollectif th {
    padding: 5px;
}

#bilanCollectif #titrePrincipal {
    font-size: 14px;
    display: block;
    background-color: #333;
    color: white;
    height: 20px;
    text-align: center;
    padding: 5px 0;
}

#bilanCollectif #bilanCollectifAgent,
#bilanCollectif #bilanCollectifEntite {
    font-size: 14px;
    color: white;
    text-align: center;
    display: inline;
    font-weight: bold;
}

#bilanCollectif #bilanCollectifAgent {
    text-transform: uppercase;
}

#bilanCollectif #titrePrincipal #titrePrincipalNom {
    text-transform: uppercase;
}

#bilanCollectif #titreSecondaire {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #ff7372;
    font-weight: bold;
}

#bilanCollectifRecap {
    border-collapse: collapse;
    width: 100%;
}

#bilanCollectifRecap th {
    padding: 2px 5px;
    color: #999;
    border: 1px solid #ccc;
    text-align: center;
}

#bilanCollectifRecap td {
    border: 1px solid #ccc;
}

#bilanCollectif .ligne2 {
    background-color: rgb(230, 230, 230);
}

#bilanCollectif .representation_occupation {
    display: inline-block;
    font-size: 90%;
    height: 16px;
    margin-right: 2px;
    padding-top: 2px;
    text-align: center;
    width: 28px;
}

/* -------- fin bilan collectif ------------*
/* ---------------statIndividuel------------------*/
.conteneurTabStatIndividuelle {
    text-align: center;
    overflow-x: auto;
}

#bilanIndividuelR .tabStatIndividuelle {
    display: inline;
    width: auto;
    min-width: 560px;
    margin: 20px auto;
    overflow-x: auto;
}

#bilanIndividuelR .tabStatIndividuelle th {
    height: 30px;
    padding: 0 4px;
    min-width: 50px;
    max-width: 100px;
}

#bilanIndividuelR .tabStatIndividuelle td:first-child {
    text-align: left;
}

#bilanIndividuelR .tabStatIndividuelle thead, #bilanIndividuelR .tabStatIndividuelle tfoot {
    font-weight: bold;
    background-color: #ddd;
}

#bilanIndividuelR .tabStatIndividuelle .affectationPrincipale {
    background-image: url('../images/bg_affectation_principale.png');
}

#bilanIndividuelR #titreTerciaire {
    font-size: 110%;
    font-style: italic;
    color: rgb(100, 100, 100);
    margin-top: 5px;
}

#bilanIndividuelR .tabStatIndividuelle td.left {
    text-align: left;
}

.statsIndivPiquetsBloc {
    border: 1px solid #999;
    padding: 5px;
    width: 370px;
    margin-right: 25px;
    margin-top: 20px;
    float: left;
    display: inline-block;
}

/* --------------Fin-statIndividuel---------------*/
.blocResultatStatCollectiveDetaille {
    width: 780px;
    margin: 20px auto;
    border: 1px solid #ddd;
    padding: 10px;
}

/* -----Uniquement pour statutOccupation----- */
#bilanIndividuelR table a {
    width: 50px;
    border: 1px solid #ffad00;
    background-color: #ece9d8;
    padding: 5px;
    margin: 10px;
    color: black;
    text-decoration: none;
}

/* -----------------------------------------*/
#bilanIndividuelR .imgStatIndividuelle {
    margin-top: 20px;
    margin-right: 20px;
    text-align: center;
}

#bilanIndividuel form select[multiple=multiple], #rapportOccupation form select[multiple=multiple] {
    height: 250px;
    width: 201px;
}

.blocOption form {
    margin: 10px auto;
    padding: 10px 10px;
    width: 790px;
    border: 1px solid rgb(240, 240, 240);
}

.blocOption input.imprimantePicto {
    cursor: pointer;
}

.bilanIndividuelRsubmit {
    width: 195px;
    height: 41px;
    border: 1px solid #343434;
    padding: 2px 5px 2px 35px;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    margin: 10px auto;
    display: block;
    color: #ff7372;
    font-weight: bold;
    box-shadow: 3px 3px 3px #bbb;
}

.bilanIndividuelRsubmitPicto {
    background-image: url('../images/icone_csv.png');
}

.bilanIndividuelRsubmit:hover {
    background-color: #c1c1c1;
}

.checkStatut input[type='checkbox'] {
    vertical-align: middle;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    float: none;
    display: inline;
    margin-bottom: 0;
    margin-left: 8px;
}

.likeSelect label {
    margin-right: 10px;
}

.checkboxs {
    width: 217px;
}

/***Fin BilanOccupation et Statistiquesindividuelles***/
/*------------------Bloc Date--------------------*/
#blocDate {
    display: block;
    margin: 10px auto 10px auto;
    text-align: center;
    width: 200px;
    border: 1px solid #bbb;
    padding: 10px;
    height: 200px;
    overflow: auto;
}

#blocDate p {
    margin: 10px;
    font-size: 120%;
    display: flex;
    text-align: center;
    justify-content: end;
}

/*---------------Fin Bloc Date--------------------*/
/*------------------Bloc Date Vacances--------------------*/
#blocDateVacances {
    display: block;
    margin: 10px auto 50px auto;
    text-align: center;
    width: 567px;
    padding: 10px;
    height: 200px;
    overflow: auto;
}

#blocDateVacances table {
    width: 100%;
    margin: 0;
}

#blocDateVacances img {
    vertical-align: middle;
    margin: 2px;
}

/*---------------Fin Bloc Date--------------------*/
/*---------------Début Ajouter Agent----------------*/
#consultationAgent {
    height: auto;
    margin-top: 20px;
    border: 1px solid #e6e6e6;
    width: 600px;
    padding: 10px;
}

#consultationAgent .rightAgent {
    float: right;
    height: 25px;
    width: 300px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

#consultationAgent .leftAgent {
    float: left;
    height: 25px;
    width: 260px;
    font-size: 12px;
    text-align: right;
    margin-left: 30px;
    color: #666;
}

#consultationAgent a {
    cursor: pointer;
    border: 1px solid #999;
    font-weight: bold;
    width: 182px;
    font-size: 10px;
    text-align: center;
    background-color: #f0f0f0;
    color: #ff7372;
    display: block;
    padding: 2px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 30px auto 10px;
    float: none;
}

#consultationAgent a:first-child, #consultationAgent a:first-child:hover {
    background: none;
    border: none;
    width: 20px;
    height: 19px;
    margin: 0;
    display: inline-block;
}

#consultationAgent a:hover {
    background-color: #c1c1c1;
}

#consultationAgent h3,
#modificationAgent h3 {
    margin-left: 10px;
}

#consultationAgent p,
#consultationAgent strong,
#consultationAgent label {
    font-size: 12px;
}

#modificationAgent .lienRetour {
    color: #999;
    font-size: 12px;
    font-weight: bold;
}
#modificationAgant .lienRetour:hover {
    color: var(--couleurAGATT);
}
#consultationAgent p {
    margin-bottom: 10px;
}

#consultationAgent form div,
#modificationAgent form div {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 10px;
}

#consultationAgent label,
#modificationAgent label {
    width: 215px;
    margin-left: 10px;
}
#modificationAgent input
{
    margin: 0;
}

#consultationAgent .validFormulaire,
#modificationAgent .validFormulaire {
    display: block;
    float: none;
    margin: 20px 0 10px 399px;
}

#consultationAgent input[type=submit]:hover {
    background-color: #c1c1c1;
}

#mdpRegles {
    margin: 10px 0 10px 35px;
    list-style: square;
}

#mdpRegles li {
    font-size: 12px;
}

#consultationAgent form {
    margin-top: 20px;
}

/*---------------Fin Ajouter Agent----------------*/

/** Header **/
#header { /*en-tête de page*/
    min-height: 108px;
    padding: 5px;
}

#headerLogo {
    width: 134px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
}

#headerLogo img {
    display: inline-block;
    vertical-align: middle;
}

#headerBandeau {
    background-image: url('../images/header_bandeau.png');
    background-repeat: repeat-x;
    background-position: center center;
    height: 60px;
    width: calc(100% - 164px);
    float: right;
    position: absolute;
    right: 13px;
}

#headerBandeau.serveurTest {
    background-image: url('../images/header_bandeau_test.png');
}

#headerBandeau.serveurDev {
    background-image: url('../images/header_bandeau_dev.png');
}

#headerBandeau.serveurFormation {
    background-image: url('../images/header_bandeau_form.png');
}

#headerBandeau.serveurLocal {
    background-image: url('../images/header_bandeau_local.png');
}

#serveur {
    position: absolute;
    top: 19px;
    height: 23px;
    line-height: 20px;
    vertical-align: middle;
    background-color: #fff;
}

#serveur.serveurProd {
    display: none;
}

#serveurCentre {
    font-size: 18px;
    font-style: italic;
    float: left;
    padding: 0 10px;
}

#serveurGauche,
#serveurDroite {
    width: 13px;
    height: 23px;
    float: left;
    background-repeat: no-repeat;
}

#serveurDroite {
    padding-right: 10px;
}

.serveurLocal #serveurCentre,
.loginFooterTitre.serveurLocal {
    color: #0f0;
}

.serveurLocal #serveurGauche,
.serveurLocal #serveurDroite {
    background-image: url('../images/serveur_local.png');
}

.serveurTest #serveurCentre,
.loginFooterTitre.serveurTest {
    color: #ff9a00;
}

.serveurTest #serveurGauche,
.serveurTest #serveurDroite {
    background-image: url('../images/serveur_test.png');
}

.serveurFormation #serveurCentre,
.loginFooterTitre.serveurFormation {
    color: #639;
}

.serveurFormation #serveurGauche,
.serveurFormation #serveurDroite {
    background-image: url('../images/serveur_form.png');
}

.serveurDev #serveurCentre,
.loginFooterTitre.serveurDev {
    color: #0cf;
}

.serveurDev #serveurGauche,
.serveurDev #serveurDroite {
    background-image: url('../images/serveur_dev.png');
}

#headerDate {
    clear: left;
    width: 134px;
    text-align: center;
    font-size: 8px;
}

#headerVersion {
    clear: left;
    width: 134px;
    text-align: center;
    font-size: 10px;
    color: #999;
    margin-top: 5px;
}

.lienVersion {
    color: #999;
    text-decoration: none;
}

.lienVersion:hover {
    color: #ff7372;
}

#headerPompiers {
    height: 102px;
    width: 114px;
    position: absolute;
    top: 16px;
    right: 13px;
}

#headerMenu {
    height: auto;
    margin-top: 10px;
    width: calc(100% - 130px);
}

/**********************Footer********************/
#footer {
    text-align: center;
    background-color: #f0f0f0;
    clear: both;
    border-top: 78px solid #fff;
}

#footer > img {
    margin-top: -18px;
}

#footer img#switch_version {
    margin-top: 5px;
}

/***********************MENU*********************/
#menu {
    display: none;
}

#menu {
    display: block;
    padding: 0;
    height: 30px;
    z-index: 2;
}

#menu ul {
    position: absolute;
    /*display:block;*/
    /*margin:0;*/
    padding: 0;
    z-index: 200;
    background-color: #fff;
}

#menu .sousMenuSurvol li {
    display: none;
    margin: 0;
    z-index: 200;
    width: 100%;
}

/*#menu li ul{
        display : none;
        margin: 0;
        z-index: 200;
}*/
#menu li li ul {
    position: absolute;
    margin-left: 150px;
    margin-top: -23px;
    z-index: 200;
}

#menu li {
    list-style: none;
    width: 139px;
    height: auto;
    display: block;
    float: left;
    margin: 0; /*0*/
    padding: 0;
    z-index: 200;
    cursor: pointer;
}

#menu li li {
    display: block;
    float: none;
    z-index: 200;
}

/* correct a little IE bug */
* html #menu li li {
    display: inline;
}

#menu a {
    text-align: center;
    min-height: 15px; /*15*/
    border: 1px solid #999;
    margin: 1px;
    color: #666;
    display: block;
    width: 135px;
    text-decoration: none;
    background-color: #fff;
    padding: 7px 0 2px 0;
    font-size: 9px;
    font-family: Verdana, sans-serif;
}

#menu li a {
    width: auto;
    min-width: 125px;
    padding-left: 4px;
}

/* Effet de bordure appliquée uniquement aux menus et pas aux sous-menus */
#coinMenu::after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 3px solid transparent;
    border-right-color: #ff7372;
    border-bottom-color: #ff7372;
    float: right;
    margin-top: 18px;
    margin-right: 3px;
}

#menu li#menuActif #coinMenu::after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 3px solid transparent;
    border-right-color: #333;
    border-bottom-color: #333;
    float: right;
    margin-top: 18px;
    margin-right: 3px;
}

#menu li#menuActif > a {
    color: #ff7372;
}

#menu a:hover {
    color: #fff;
    background-color: #ccc;
}

#menu li.sousMenuSurvol > a {
    color: #666;
    background-color: #fff;
}

#menu li.sousMenuSurvol > a:hover {
    color: #fff;
    background-color: #ccc;
}

#menu li.sousMenuSurvol li:nth-of-type(2n) > a {
    background-color: #eaeaea;
}

#menu li.sousMenuSurvol li a:hover {
    color: #fff;
    background-color: #666;
}

#menu li.sousMenuSurvol.parentActif > a, #menu li.parentActif > a {
    color: #ff7372;
}

#menu .sousMenuSurvol li a {
    white-space: nowrap;
    color: #000;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

#form_bdd {
    background-color: white;
    height: 18px;
    position: fixed;
    margin-left: -160px;
    left: 50%;
    bottom: 10px;
    padding: 5px;
    width: 320px;
}

#menu img {
    float: left;
    margin: -1px 3px 2px 2px;
}

/***********************FIN MENU*********************/
/**********************LDG TDB semaine*******************/
#tdb_semaineGarde {
    width: 420px;
    margin: 0 auto;
    height: 100px;
}

#tdb_semaineGarde #corpsAgenda {
    margin-top: 6px;
    max-height: 0; /* La valeur réelle est gérée en Javascript */
}

#tdb_semaineGarde #corpsAgenda .agent {
    height: 56px;
    width: 420px;
}

#tdb_semaineGarde #corpsAgenda .pc {
    display: none;
}

#tdb_semaineGarde #corpsAgenda .c {
    width: 52px;
    height: 52px;
    float: left;
    margin: 0 4px;
}

#tdb_semaineGarde #corpsAgenda .c p {
    width: 50px;
    height: 50px;
    border: 1px solid #2f2f2f;
    cursor: pointer;
    background-color: #fff;
}

#tdb_semaineGarde #corpsAgenda .ferie p {
    border: 1px solid #000;
    background-color: #cecece;
}

#tdb_semaineGarde .occ1, #tdb_semaineGarde .occ2 {
    display: block;
    width: 50px;
    text-align: center;
    position: relative;
    font-weight: bold;
}

#tdb_semaineGarde .occ1 {
    height: 34px;
    font-size: 12px;
    padding-top: 16px;
}

#tdb_semaineGarde .occ2 {
    height: 20px;
    font-size: 12px;
    padding-top: 5px;
}

#tdb_semaineGarde .messageJour {
    width: 0;
    height: 0;
    border-left: 11px solid #000;
    border-right: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#tdb_semaineGarde .occ_3 {
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid #ffff0e;
    border-top: 11px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#tdb_semaineGarde .numJour {
    display: none;
}

#infosOccupationTDB h3 {
    font-size: 14px;
    color: #ff7372;
    margin: 8px 0 4px 0;
    font-weight: normal;
}

#infosOccupationTDB p {
    margin-bottom: 10px;
}

#bodyInfobulle #infosOccupationTDB table {
    float: none;
    width: 100%;
    border-collapse: collapse;
}

#bodyInfobulle #infosOccupationTDB table td,
#bodyInfobulle #infosOccupationTDB table th {
    border: 1px solid rgb(210, 210, 210);
    padding: 5px 10px;
}

#bodyInfobulle #infosOccupationTDB table th {
    color: #999;
}

/* Infobulle des demandes d'absences */
#detailAbsence {
    min-height: 385px;
    max-height: 385px;
    padding: 0 10px;
}

#validationAbsence {
    border-top: 1px solid #ccc;
}

/* Infobulle detraitement des absences */
#bodyInfobulle #bodyInfobulleAbsences h4 {
    text-transform: uppercase;
    color: #ff7372;
    margin: 5px 0 10px 5px;
}

#bodyInfobulle #bodyInfobulleAbsences table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
}

#bodyInfobulle #bodyInfobulleAbsences .lignePrincipale td,
#bodyInfobulle #bodyInfobulleAbsences .ligneSecondaire td {
    border-top: none;
    border-bottom: none;
}

#bodyInfobulle #bodyInfobulleAbsences .lignePrincipale td {
    border-top: 1px solid #ccc;
}

#bodyInfobulle #bodyInfobulleAbsences th[scope='colgroup'] {
    color: #000;
}

#bodyInfobulle #bodyInfobulleAbsences th {
    color: #999;
    border: 1px solid #ccc;
    text-align: center;
}

#bodyInfobulle #bodyInfobulleAbsences td {
    border: 1px solid #ccc;
}

#bodyInfobulleAbsences textarea {
    width: calc(100% - 17px);
    padding: 7px;
    margin-bottom: 20px;
    height: 38px;
    overflow-y: hidden;
}

.validerAbsence {
    text-transform: uppercase;
    border: 1px solid #999;
    white-space: nowrap;
    width: 160px;
    padding: 2px 5px;
    margin: 15px 20px 0 0;
    color: #ff7372;
    background-color: #f0f0f0;
    font-size: 8.5px;
    cursor: pointer;
    text-align: center;
}

.validerAbsence:hover {
    background-color: #c1c1c1;
}

/**********************FIN LDG TDB semaine*******************/
/**************************LDG TDB mois*******************/
#tdb_moisGarde {
    width: 420px;
    margin: 0 auto;
    height: 140px;
}

#tdb_moisGarde #corpsAgenda {
    margin-top: 6px;
    max-height: 0; /* La valeur réelle est gérée en Javascript */
}

#tdb_moisGarde #corpsAgenda .pc {
    display: none;
}

#tdb_moisGarde #corpsAgenda .c, #tdb_moisGarde #corpsAgenda .vide {
    width: 56px;
    height: 24px;
    float: left;
    margin: 2px;
}

#tdb_moisGarde #corpsAgenda .c p {
    width: 52px;
    height: 24px;
    border: 1px solid #2f2f2f;
    cursor: pointer;
    background-color: #fff;
}

#tdb_moisGarde #corpsAgenda .ferie p {
    border: 1px solid #000;
    background-color: #cecece;
}

#tdb_moisGarde .occ1, #tdb_moisGarde .occ2 {
    display: block;
    width: 30px;
    text-align: center;
    position: relative;
    float: right;
}

#tdb_moisGarde .occ1 {
    height: 20px;
    font-size: 12px;
    padding-top: 4px;
}

#tdb_moisGarde .occ2 {
    height: 12px;
    font-size: 8px;
}

#tdb_moisGarde .messageJour {
    width: 0;
    height: 0;
    border-left: 7px solid #000;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#tdb_moisGarde .occ_3 {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid #ffff0e;
    border-top: 7px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#tdb_moisGarde .numJour {
    width: 20px;
    display: block;
    float: left;
    color: #2f2f2f;
}

/**********************FIN LDG TDB mois*******************/
/**********************LDG Mensuel*******************/
#agendaEdition {
    width: 1370px;
    margin-bottom: 5px;
}

#agendaEdition #enTeteAgenda {
    width: 15000px;
    height: 28px;
    text-align: center;
    border-bottom: 6px solid transparent;
}

#agendaEdition #enTeteAgenda #pc_et {
    float: left;
    width: 295px;
    height: 28px;
    color: #878787;
    margin-right: 2px;
}

#agendaEdition #enTeteAgenda #pc_et.bas {
    height: 17px;
}

#agendaEdition #enTeteAgenda #pc_et p {
    background-color: #c3c3c3;
    height: 21px;
    float: left;
    padding-top: 7px;
    cursor: pointer;
    font-size: 9px;
}

#agendaEdition #enTeteAgenda #pc_et #sort_numerique {
    width: 44px;
}

#agendaEdition #enTeteAgenda #pc_et #sort_nom {
    width: 153px;
    margin-left: 3px;
}

#agendaEdition #enTeteAgenda #pc_et #sort_grade {
    width: 44px;
    margin-left: 3px;
}

#agendaEdition #enTeteAgenda #pc_et #sort_equipe {
    width: 44px;
    margin-left: 3px;
}

#enTeteAgenda #ensemble_heure {
    width: 1069px;
    height: 28px;
    overflow-x: hidden;
}

#enTeteAgenda #ensemble_heure.bas {
    height: 17px;
    position: relative;
}

#agendaEdition #enTeteAgenda.bas {
    float: left;
    clear: left;
    height: 17px;
}

#enTeteAgenda #ensemble_heure .ligne_ensemble_heure {
    width: 1775px;
}

#enTeteAgenda #ensemble_heure .ligne_ensemble_heure .et {
    width: 71px;
    background-color: #464646;
    color: #cbcbcb;
    float: left;
    margin-right: 0;
}

#enTeteAgenda #ensemble_heure .ligne_ensemble_heure .et p {
    text-align: left;
    margin-top: 6px;
    padding-left: 6px;
    width: 65px;
    font-size: 10px;
}

#enTeteAgenda #ensemble_heure.bas .ligne_ensemble_heure .et p {
    margin-top: 2px;
}

#enTeteAgenda #ensemble_heure .ligne_ensemble_heure .et + .et p {
    border-left: 1px solid #666;
    width: 64px;
}

.sort_asc {
    background-image: url('../images/ldgm/sortAscDesc.png');
    background-repeat: no-repeat;
    background-position: center -28px;
}

.sort_desc {
    background-image: url('../images/ldgm/sortAscDesc.png');
    background-repeat: no-repeat;
    background-position: center 0;
}

#agendaEdition #enTeteAgenda .lS + .lS {
    margin-right: 15px;
}

#agendaEdition #enTeteAgenda #pc_et + div.lS + div.lS {
    margin-left: 0;
}

#agendaEdition #enTeteAgenda div.et + div.lS {
    margin-left: 15px;
}

#agendaEdition #enTeteAgenda .et {
    margin-right: 2px;
    float: left;
    width: 28px;
    height: 28px;
    background-color: #eaeaea;
}

#agendaEdition #enTeteAgenda .bas .et {
    height: 17px;
}

#agendaEdition #enTeteAgenda .weekend {
    background-color: #bebebe;
    color: #000;
}

#agendaEdition #enTeteAgenda .vacance {
    background-color: #80e8e9;
    color: #000;
}

#agendaEdition #enTeteAgenda .vacance_weekend,
#agendaEdition #enTeteAgenda .vacance.weekend {
    background-color: #01cbcb;
    color: #fff;
}

#agendaEdition #enTeteAgenda .ferie {
    background-color: #018b8b;
    color: #fff;
}

#agendaEdition #enTeteAgenda .aujourdhui {
    background: #fff url('../images/ldgm/aujourdhui2.png') no-repeat left top;
    border-bottom: 6px solid transparent;
    background-clip: border-box;
    color: #fff !important;
}

#agendaEdition #enTeteAgenda .aujourdhui a {
    color: #999 !important;
}

#tab_gardeEntete .aujourdhui {
    background: #fff url('../images/ldgm/aujourdhui.png') repeat-y 1px top;
    background-clip: border-box;
    color: #fff;
}

#tab_gardeEnteteExercice .aujourdhui {
    background: #fff url('../images/ldgm/aujourdhui.png') repeat-y left top;
    background-clip: border-box;
    color: #fff;
}

#agendaEdition #enTeteAgenda .vide {
    margin-right: 4px;
    float: left;
    width: 28px;
    height: 28px;
}

#agendaEdition #enTeteAgenda .et p {
    font-size: 12px;
    font-weight: bold;
}

#agendaEdition #enTeteAgenda .et a {
    font-size: 11px;
    color: black;
    font-weight: normal;
    display: block;
    width: 28px;
    height: 12px;
}

#agendaEdition #enTeteAgenda .et a:hover {
    font-weight: bold;
}

#agendaEdition.journalier #corpsAgenda {
    overflow-y: hidden;

}

#agendaEdition #corpsAgenda {
    overflow-y: auto;
    background-color: white;
}

#agendaEdition #corpsAgenda .agent {
    height: 28px;
    /*width: 1182px;*/
    margin-bottom: 5px;
}

#agendaEdition #ensemble_agent .agent {
    height: 28px;
    margin-bottom: 5px;
}

#agendaEdition #ensemble_agent .agent p:hover {
    background-color: rgba(255, 115, 114, 0.2);
}

#agendaEdition #corpsAgenda .pc {
    width: 295px;
    height: 28px;
    float: left;
    margin-right: 2px;
    position: relative;
}

#agendaEdition #corpsAgenda .pc p {
    width: 34px;
    float: left;
    border: 1px solid #999;
    text-align: left;
    font-weight: normal;
    display: block;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hebdomadaire #agendaEdition #corpsAgenda .pc p {
    width: 34px;
}

.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_nom {
    width: 143px;
}

.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_ordre {
    justify-content: end;
}

.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_grade,
.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_equipe,
.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_nom span {
    display: flex;
    justify-content: start;
}

.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_equipe.hebdo span {
    width: 33px;
    padding-top: 12px;
}

.hebdomadaire #agendaEdition #corpsAgenda .pc .pc_nom span {
    padding: 4px;
}

#agendaEdition #corpsAgenda .pc .pc_ordre {
    text-align: right;
}

#agendaEdition #corpsAgenda .pc p span {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline-block;
    width: 147px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#agendaEdition #corpsAgenda .pc .pc_nom {
    width: 143px;
    margin-left: 3px;
    border: 1px solid #363636;
    font-weight: 700;
}

#agendaEdition #corpsAgenda .pc .pc_grade {
    margin-left: 3px;
}

#agendaEdition #corpsAgenda .pc .pc_equipe {
    margin-left: 3px;
}

#agendaEdition #ensemble_agent {
    position: absolute;
    width: 1072px;
    max-height: 405px;
    left: 258px;
    top: 234px;
    overflow-x: scroll;
    overflow-y: scroll;
}

#agendaEdition.journalier #ensemble_agent {
    position: static;
    float: left;
    margin-left: -3px;
}

#agendaEdition.journalier::after {
    clear: both;
    display: block;
    content: ''
}

#agendaEdition.journalier #corpsAgenda {
    float: left;
}

#agendaEdition #ensemble_agent .c {
    margin-right: 0;
    margin-bottom: 5px;
    width: 1775px;
    background: url('../images/ldgm/bg_caseJournaliere.png') repeat-x 0 0;
    height: 26px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    cursor: pointer;
    margin-left: 3px;
}

#agendaEdition:not(.journalier) #ensemble_agent .agent:first-child .c {
    margin-top: 8px;
}

#agendaEdition #ensemble_agent .agent:last-child .c {
    margin-bottom: 0;
}

#agendaEdition #ensemble_agent .c > span:first-child {
    width: 1704px;
    height: 26px;
    display: none;
    z-index: 1;
    cursor: pointer;
}

#ensemble_agent .agent .c p {
    height: 26px;
    position: absolute;
    width: 1775px;
}

.journalier #ensemble_agent .agent .c p {
    position: relative;
}

#agendaEdition.journalier #corpsAgenda {
    width: 297px;
}

#agendaEdition #corpsAgenda .c p span::selection {
    background: transparent;
}

#agendaEdition #corpsAgenda .c p span::-moz-selection {
    background: transparent;
}

#agendaEdition #corpsAgenda .c {
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 2px;
    position: relative;
}

#agendaEdition #corpsAgenda .c > span:first-child {
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    z-index: 1;
    cursor: pointer;
}

#agendaEdition #corpsAgenda .c p {
    width: 26px;
    height: 26px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    background-color: #fff
}

#agendaEdition #corpsAgenda .consultation .c p {
    cursor: default;
}

#agendaEdition #corpsAgenda .lS p {
    border: 1px solid #6a6a6a;
    background-color: #6a6a6a;
}

#agendaEdition #corpsAgenda .lS {
    margin-left: 15px;
}

#agendaEdition #corpsAgenda .lS + .lS {
    margin-right: 15px;
}

#agendaEdition #corpsAgenda div.lS:first-child {
    margin-left: 0;
}

#agendaEdition #corpsAgenda div.lS:first-child + div.lS {
    margin-left: 0;
}

/*#agendaEdition #corpsAgenda div.c+div.lS{
        margin-left: 15px;
}*/
#agendaEdition #corpsAgenda div.pc + div.lS + div.lS {
    margin-left: 2px;
}

#agendaEdition #corpsAgenda .ferie p,
#agendaEdition #corpsAgenda .weekend p,
#agendaEdition #corpsAgenda .vacance_weekend p {
    border: 1px solid #a7a7a7;
    background-color: #cecece;
}

#agendaEdition #corpsAgenda .ferie p.select,
#agendaEdition #corpsAgenda .weekend p.select,
#agendaEdition #corpsAgenda .vacance_weekend p.select,
#agendaEdition #corpsAgenda .c p.select {
    border-color: #000;
}

#agendaEdition #corpsAgenda .vide {
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    float: left;
}

#agendaEdition #ensemble_agent .occ1, #agendaEdition #ensemble_agent .occ2 {
    height: 13px;
    position: absolute;
    font-size: 9px;
    text-align: left;
    padding: 0 0 0 10px;
    font-weight: bold;
    border-left: 1px solid #fff;
}

#agendaEdition #ensemble_agent .occ1.occ_transparent,
#agendaEdition #ensemble_agent .occ1.sO_1,
#agendaEdition #ensemble_agent .occ1.sO_3,
#agendaEdition #ensemble_agent .occ1.sO_4,
#agendaEdition #ensemble_agent .occ1.sO_5,
#agendaEdition #ensemble_agent .occ1.sO_r {
    border: 1px solid #999;
    height: 11px;
}

#agendaEdition .occ1,
#agendaEdition .occ2 {
    display: block;
    width: 26px;
    text-align: center;
    position: relative;
}

.tableau .occ1 {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    border: 1px solid #ccc;
}

.occ1, .occ2 {
    color: white;
}

#agendaEdition .occ1 {
    height: 20px;
    font-size: 11px;
    padding-top: 6px;
}

#agendaEdition .occ2 {
    height: 13px;
    font-size: 8px;
}

#agendaEdition .piq {
    font-size: 10px;
}

#agendaEdition .messageJour {
    width: 0;
    height: 0;
    border-left: 7px solid #000;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#agendaEdition .occ_noir .messageJour {
    border-left: 7px solid #fff;
}

#agendaEdition .occ_3 {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid #ffff0e;
    border-top: 7px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#corpsAgenda hr {
    display: none;
}

#corpsAgenda .agent .pc :first-child {
    cursor: help;
    background-color: #fff;
}

#ldgm_statutPlanning {
    border: 1px solid #464646;
    height: 25px;
    line-height: 23px;
    width: 298px;
    float: left;
    margin-left: 116px;
    margin-bottom: 8px;
    background: transparent url('../images/ldgm/planning.png') no-repeat 3px 3px;
}

#ldgm_statutPlanning.lien:hover {
    background-color: #eee;
    color: #fff;
}

#ldgm_statutPlanning span:first-of-type {
    margin-left: 38px;
}

#ldgm_statutPlanning span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    text-decoration: none;
}

#ldgm_statutPlanning span.statut {
    font-weight: bold;
    width: 194px;
    margin-left: 5px;
}

#ldgm_statutPlanning span.moisEnCours {
    color: #666;
    background: transparent url('../images/ldgm/realiseNonValide.png') no-repeat right 4px;
}

#ldgm_statutPlanning span.previsionnelNonValide {
    color: #f60;
    background: transparent url('../images/ldgm/previsionnelNonValide.png') no-repeat right 7px;
}

#ldgm_statutPlanning span.realiseNonValide {
    color: #f60;
    background: transparent url('../images/ldgm/realiseNonValide.png') no-repeat right 4px;
}

#ldgm_statutPlanning span.previsionnelValide {
    color: #00b300;
    background: transparent url('../images/ldgm/previsionnelValide.png') no-repeat right 7px;
}

#ldgm_statutPlanning span.realiseValide {
    color: #00b300;
    background: transparent url('../images/ldgm/realiseValide.png') no-repeat right 4px;
}

/*******************FIN LDG Mensuel******************/
/*******************Totaux LDGM******************/
#listeTotauxFiltre {
    height: 17px;
    width: 294px;
    background-color: #464646;
    color: #fff;
    text-align: center;
    display: flex;
    vertical-align: middle;
    margin-bottom: 4px;
    float: left;
    justify-content: center;
    align-items: center;
}

#enlargeLGM {
    height: 12px;
    display: block;
    float: left;
    text-align: center;
    background: url('../images/ldgm/bg_enlarge_btn.gif') repeat-x 0 0;
    margin-left: 2px;
    cursor: pointer;
    border-top: 3px solid #999;
    border-bottom: 2px solid #999;
}

#enlargeLGM.journalier {
    width: 1070px !important;
}

#enlargeLGM span {
    height: 12px;
    background: url('../images/ldgm/enlarge_btn.gif') no-repeat center center;
    border: none;
    display: block;
    width: 100%;
}

#enlargeLGM span:hover {
    background: url('../images/ldgm/enlarge_btn_hover.gif') no-repeat center center;
}

div.monMasque {
    display: none;
}

#blocTotaux div p:first-child a.filtreTotal_on {
    background-color: #ffad00;
    color: #fff;
}

#blocTotaux {
    margin-bottom: 12px;
}

#blocTotaux .loader {
    text-align: center;
    width: 100%;
}

#blocTotaux div:not(.valeurs) > p:first-child {
    color: #666;
    text-align: right;
    width: 289px;
    padding-right: 6px;
    border-right: none;
    height: 14px;
}

#blocTotaux div:not(.valeurs) > p:first-child a {
    color: #000000;
    display: inline-block;
    vertical-align: middle;
}

#blocTotaux div:not(.valeurs) > p:first-child a.filtre_total_sdis {
    color: #ff7372;
}

#content #blocTotaux .filtre_autre_entite {
    color: #f90;
}

#blocTotaux div {
    height: 14px;
    clear: both;
    display: flex;
    align-items: center;
}

#blocTotaux div.ligneTotal:not(.valeurs) p:first-child + p.lS + p.lS {
    margin-right: 15px;
}

#blocTotaux div.ligneTotal:not(.valeurs) p.lS:last-child {
    margin-left: 15px;
}

/* Espace entre le mois précédent et le mois en cours en mode étendu */
#blocTotaux .valeurs.etendu p:nth-of-type(2) {
    margin-right: 15px;
}

/* Espace entre le mois en cours et le mois suivant en mode étendu */
#blocTotaux .valeurs.etendu p:last-of-type {
    margin-left: 15px;
}

.separateurGroupe {
    border-bottom: 1px solid #a7a7a7;
    display: inline-block;
    width: 500px;
    margin-bottom: 5px;
}

#blocTotaux .ligneGroupe p {
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 4px 0 5px 0;
    color: #666666;
}

.ligneGroupe {
    margin: 5px 0 3px 0;
}

#blocTotaux div.masquer {
    display: none;
}

#blocTotaux div p {
    color: #000;
    text-align: center;
    width: 28px;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
}

#blocTotaux div.ligneTotal p {
    display: flex;
    justify-content: center;
    align-items: center;
}

#blocTotaux .valeurs {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 14px;
    overflow-y: hidden;
    padding: 0;
    margin: 0;
}

#blocTotaux .indicJour, #blocTotaux div.ligneTotal .indicJour p {
    display: inline-block;
}

#blocTotaux .valeurs p {
    float: none;
    height: 14px;
}

#blocTotaux.journalier .valeurs {
    width: 1069px;
    overflow-x: hidden;
    white-space: nowrap;
}

#blocTotaux.journalier div p {
    width: 33px;
}

#blocTotaux.journalier div p:nth-child(2n) {
    margin-right: 3px;
}

#blocTotaux div p a {
    width: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

#blocTotaux div p a span {
    background-repeat: repeat;
    background-position: 0 0;
    background-image: none;
}

#blocTotaux div p a.seuilValide {
    background-color: #00b713;
    color: white;
}

#blocTotaux div p a.seuilInf {
    background-color: #f00;
    color: white;
}

#blocTotaux div p a.seuilSup {
    background-color: #f90;
    color: white;
}

/*******************FIN Totaux LDGM******************/
/*******************menu infobulle******************/
#menuInfobulle {
    margin: 6px 0;
    height: 14px;
}

#menuInfobulle li {
    display: block;
    float: left;
    color: #f2730a;
    text-decoration: underline;
    cursor: pointer;
}

#m_planification {
    width: 75px;
    margin-right: 10px;
}

#m_piquetHistorique {
    width: 75px;
    margin-right: 10px;
}

#m_piquet {
    width: 50px;
    margin-right: 10px;
}

#m_historique {
    width: 64px;
    margin-right: 10px;
}

#m_statistiques {
    width: 74px;
}

/**** Liste des agents ****/
.listeAgent_actions a {
    margin-left: 1px;
    margin-right: 1px;
}

.supprimerCompte {
    cursor: pointer;
}

/*******************FIN menu infobulle******************/
/*******************infobulle historique******************/
#bodyInfobulle div#infobulle_historique {
    overflow-y: scroll;
    height: 442px;
    padding-right: 10px;
}

#bodyInfobulle #infobulle_historique table {
    border: 1px solid #ccc;
    text-align: center;
    border-collapse: collapse;
    float: none;
    width: 100%;
    margin-bottom: 10px;
    color: #000;
}

#bodyInfobulle #infobulle_historique table tbody tr {
    border-top: 1px solid #ccc;
}

#infobulle_historique td, #infobulle_historique th {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

#infobulle_historique th {
    text-align: center;
    color: #999;
}

#infobulle_historique tr {
    height: 23px;
    min-height: 23px;
}

#infobulleLgm #infobulle_historique img {
    vertical-align: middle;
    height: 17px;
}

#infobulleLgm #infobulle_historique span {
    vertical-align: middle;
}

/*******************FIN infobulle historique******************/

/***********************DEBUT TOOLTIP*********************/
#tooltip {
    position: absolute;
    visibility: hidden;
    background-color: #ffeec7;
    border: 1px solid black;
    padding: 2px;
    font-size: 9px;
    font-family: Verdana, sans-serif;
}

#tooltip ul {
    list-style-type: none;
}

#tooltip em {
    font-size: 7pt;
    font-style: italic;
}

/***********************FIN TOOLTIP*********************/
/***********************DEBUT myTOOLTIP*********************/
#mytooltip {
    position: absolute;
    display: none;
    background-color: #ffe09f;
    border: 1px solid #ffad00;
    padding: 3px;
    text-align: left;
    margin-left: 10px;
}

#mytooltip h4 {
    font-weight: bold;
}

#infobulle_historique h3 {
    text-align: center;
    margin: 8px 0;
}

#infobulle_historiquepiquet h3 {
    text-align: center;
    margin: 8px 0;
}

#infobulleLgm {
    border: 3px solid #333;
    background-color: #fff;
}

#infobulleLgm .x-window-tl, #infobulleLgm .x-window-tr, #infobulleLgm .x-window-tc, #infobulleLgm .x-window-ml, #infobulleLgm .x-window-mr, #infobulleLgm .x-window-mc, #infobulleLgm .x-window-bl, #infobulleLgm .x-window-br, #infobulleLgm .x-window-bc {
    background: none;
    padding: 0;
}

#infobulleLgm .x-window-tl, #block_groupeAgent .x-window-tl, #block_groupeAgentConversion .x-tool {
    border-bottom: 1px solid #999;
}

#block_groupeAgent .x-window-tl, #block_groupeAgentConversion .x-tool {
    padding-top: 4px;
    height: 29px;
    background: none;
    margin-bottom: 5px;
}

#infobulleLgm .x-window-header {
    padding: 10px;
}

#infobulleLgm .x-window-header-text a {
    float: left;
    display: block;
    width: 20px;
    margin-left: 2px;
    color: #ff7372;
    text-decoration: none;
}

#infobulleLgm .x-window-header-text a:hover {
    text-decoration: underline;
}

#infobulleLgm .x-window-header-text span {
    color: #000;
    display: block;
    float: left;
    margin: 0 5px;
}

#infobulleLgm .x-window-header-text span + span {
    float: right;
    margin-left: 0;
}

#infobulleLgm .x-tool, #block_groupeAgent .x-tool, #block_groupeAgentConversion .x-tool {
    background: transparent url('../images/piquet/close.png') no-repeat 0 0;
    height: 10px;
    width: 10px;
    margin-right: 9px;
    float: right;
}

#infobulleLgm td {
    height: 17px;
    /*border-right: 1px solid #ccc;*/
    padding-right: 5px;
    padding-left: 5px;
}

#infobulleLgm .nature {
    background-color: rgba(0, 0, 0, .125);
    color: black;
}

#infobulleLgm .typeOcc, #infobulleLgm .nature {
    width: 320px;
    text-align: center;
}

#infobulleLgm .typeOcc.occ_transparent.sO_2 {
    border: 1px solid #999;
    width: 318px;
}

#infobulle .actionsOcc {
    color: black;
}

#infobulleLgm .typeOcc {
    font-weight: bold;
}

#infobulleLgm .select2-selection.select2-selection--single.select_occ {
    margin-bottom: 3px;
    padding-left: 5px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}

.listeTypeOcc {
    z-index: 9999;
}

#select2-select_occ-results li {
    padding-left: 10%;
}

#select2-select_occ-results .select2-results__option--highlighted {
    background-image: none;
    background-color: #5897fb;
}

.select2-selection.select2-selection--single.select_occ {
    height: 16px;
    line-height: 16px;
    margin-bottom: 7px;
}

.select_occ span.select2-selection__arrow, .select2-selection.select2-selection--single.select_occ span#select2-select_occ-container {
    height: 16px !important;
    line-height: 16px;
    padding-left: 0 !important;
}

#blocPieceJointe {
    float: left;
    margin-top: 10px;
    clear: both;
}

#blocPieceJointe span {
    vertical-align: super;
}

.nomPJ {
    padding: 2px 5px;
}

#bodyInfobulle #blocPieceJointe label {
    display: block;
    float: none;
}

#bodyInfobulle #blocPieceJointe input {
    display: block;
    border: none;
}

#bodyInfobulle #infobulle_formulaire #affichagePJ {
    width: 100%;
}

#bodyInfobulle #infobulle_formulaire #affichagePJ td,
#bodyInfobulle #infobulle_formulaire #affichagePJ th {
    padding: 2px 5px;
}

#bodyInfobulle #infobulle_formulaire #affichagePJ th {
    color: #999;
    font-weight: normal;
}

#bodyInfobulle #infobulle_formulaire #affichagePJ th:first-of-type {
    width: 295px;
    min-width: 295px;
    text-align: left;
}

/*#bodyInfobulle #infobulle_formulaire #affichagePJ td:first-of-type {*/
/*text-overflow: ellipsis;*/
/*display: inline-block;*/
/*}*/

#bodyInfobulle #infobulle_formulaire #affichagePJ a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 285px;
}

#bodyInfobulle #infobulle_formulaire #affichagePJ .td_largeurFixe {
    text-align: center;
}

#bodyInfobulle #infobulle_formulaire #affichagePJ input {
    display: inline-block;
}

#table_infobulle {
    overflow-y: auto;
    max-height: 150px;
    width: 340px;
    border-collapse: collapse;
    float: left;
    color: #fff;
    overflow-x: hidden;
}

#infosOccupationTDB tbody tr td:first-child img {
    color: #000;
    font-size: 30px;
}

#block_groupeAgent .x-tool, #block_groupeAgentConversion .x-tool {
    margin-top: 5px;
}

#infobulle_formulaire {
    width: 560px;
    height: 420px;
    border-right: 1px solid #999;
    float: left;
}

#infobulle_form_lift {
    max-height: 184px;
    overflow-y: auto;
    padding-right: 30px;
    width: 502px;
}

#infobulle_form_lift p {
    display: flex;
    align-items: center;
}

#infobulle_form_lift .infobulle_form_ligne {
    display: flex;
    align-items: center;
}

#infobulle_form_lift .infobulle_form_ligne label {
    line-height: 23px;
}

#infobulle_form_lift .signeDuree {
    width: 1em;
    margin-right: 5px;
    margin-left: calc(-1em - 5px);
    text-align: right;
    font-family: monospace; /* Sinon le rendu est moche quand une durée est positive et une autre négative */
}

.infobulle_form_ligne#remplacementLigneMessage {
    margin-top: .5em;
}


#infobulle_form_lift p#remplacementMessageTitre {
    float: none;
}

#bodyInfobulle {
    padding: 10px;
}

#bodyInfobulle #infobulle_formulaire table#affichagePJ {
    color: #000;
}

#bodyInfobulle #infobulle_formulaire table tr {
    width: inherit;
    height: 17px;
    vertical-align: middle;
    display: inline-block;
}

#bodyInfobulle #infobulle_formulaire table tr td span {
    width: 30px;
    height: 13px;
    display: block;
    text-align: center;
    margin: auto;
}

#bodyInfobulle #infobulle_formulaire table tr td span.souligne,
#bodyInfobulle #infobulle_formulaire table tr td span.presenceNature,
#bodyInfobulle tr.infosTypeOcc td.souligne {
    cursor: help;
}

#bodyInfobulle #infobulle_formulaire table tr.actionsOcc {
    padding-bottom: 8px;
    height: 19px;
    padding-top: 2px;
    color: black;
    overflow: hidden;
    width: 320px;
}

#bodyInfobulle #infobulle_formulaire table tr.actionsOcc td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 66px;
    min-width: 66px;
    border-right: 1px solid #ccc;
}

#bodyInfobulle #infobulle_formulaire table tr.actionsOcc td.largeurDuree {
    min-width: 39px;
    max-width: 39px;
}

#bodyInfobulle #infobulle_formulaire table tr.actionsOcc td:last-child {
    min-width: 113px;
    text-align: start;
    border: none;
}

#bodyInfobulle #infobulle_formulaire table tr.actionsOcc img.pictoPJ {
    vertical-align: top;
}

#bodyInfobulle #infobulle_formulaire table tr td.sO_1,
#bodyInfobulle #infobulle_formulaire table tr td.sO_4,
#bodyInfobulle #infobulle_formulaire table tr td.sO_5 {
    border: 1px solid #666;
    width: 318px;
}

#bodyInfobulle select {
    visibility: visible;
    width: 215px;
    height: 16px;
    border: 1px solid #ccc;
    display: block;
    float: left;
    padding-left: 5px;
}

.inputCalendrier {
    background: url('../librairies/extjs/resources/images/default/form/date-trigger.gif') no-repeat top 1px right 3px;
}

#bodyInfobulle .inputCalendrier {
    border: 1px solid #ccc;
    height: 14px;
    margin: 0 1px 0 0;
    width: 87px;
    padding-left: 2px;
    float: left;
}

#statutOccupation label {
    text-align: left;
    margin-left: 90px;
    width: 200px;
}

#statutOccupation select {
    width: 200px;
}

#statutOccupation .descriptif {
    width: 350px;
}

#statutOccupation .validFormulaire {
    width: 130px;
    margin-right: 379px;
    float: right;
}

#statutOccupationExplications {
    margin-left: 80px;
}

#statutOccupation table {
    width: 880px;
}

#statutOccupation a.article42, #statutOccupation a.article42:hover {
    background: none;
    border: none;
    width: 20px;
    height: 19px;
    margin: 0;
    display: inline-block;
}

#statutOccupation a:not(h3 a) {
    background-color: #f0f0f0;
    padding: 2px 20px;
    border: 1px solid #999;
    margin: 10px;
    font-weight: bold;
}

#statutOccupation a:hover:not(h3 a:hover) {
    background-color: #c1c1c1;
}

#statutOccupation td.boutonValide {
    padding: 10px;
}

#statutOccupation a.nonValide {
    color: #0c3;
}

#statutOccupation a.valide {
    color: #f00;
}

#bloc_statutOccupation {
    display: flex;
    align-items: center;
}

#bloc_statutOccupation input {
    vertical-align: middle;
    float: left;
}

#bloc_statutOccupation span {
    margin-left: 2px;
    margin-right: 5px;
    float: left;
}

#blocNatureOccupation .select2-container {
    margin-top: 4px;
}

input[name=id_statut] {
    margin-right: 2px;
    vertical-align: middle;
}

.statutOccupation .pictoStatut {
    width: 23px;
    display: inline-block;
    text-align: center;
}

.statutOccupation .moisEnCours {
    color: #666;
    background: transparent url('../images/ldgm/realiseNonValide.png') no-repeat right 12px top 9px;
}

.statutOccupation .previsionnelNonValide {
    color: #f60;
    background: transparent url('../images/ldgm/previsionnelNonValide.png') no-repeat right 5px top 12px;
}

.statutOccupation .previsionnelValide {
    color: #00b300;
    background: transparent url('../images/ldgm/previsionnelValide.png') no-repeat right 5px top 12px;
}

.statutOccupation .realiseNonValide {
    color: #f60;
    background: transparent url('../images/ldgm/realiseNonValide.png') no-repeat right 8px top 9px;
}

.statutOccupation .realiseValide {
    color: #00b300;
    background: transparent url('../images/ldgm/realiseValide.png') no-repeat right 12px top 9px;
}

#dateDebutPresence:disabled,
#dateFinPresence:disabled,
#debutPause_date,
#finPause_date {
    background-color: #e3e3e3;
}

#blocPresenceDebut,
#blocPresenceFin,
#blocDateRemplacant,
#blocDebutPause,
#blocFinPause {
    float: right;
    height: 16px;
    width: 222px;
}

#blocPresenceDebut select,
#blocDebutPause select,
#blocFinPause select,
#blocPresenceFin select,
#blocPresenceDuree input[type='number'],
#blocDuree input[type='number'] {
    display: block;
    float: left;
    margin: 0 0 0 4px;
}

#blocPresenceDebut span,
#blocDebutPause span,
#blocFinPause span,
#blocPresenceFin span,
#formConversionOcc span {
    float: left;
    margin: 2px 4px 0 2px;
}

#blocDuree, #blocPresenceDuree, #blocRecuperationDuree, #blocTitreRestaurantNombre {
    height: 16px;
    float: right;
    position: relative;
}

#blocDuree select, #blocPresenceDuree select, #blocRecuperationDuree select, #blocTitreRestaurantNombre select, #blocTitreRestaurantNombre select {
    width: 53px;
    float: left;
    display: block;
}

#blocDuree span, #blocPresenceDuree span, #blocRecuperationDuree span, #blocTitreRestaurantNombre span, #blocTitreRestaurantNombre span {
    display: block;
    float: left;
    height: 16px;
    width: 43px;
    margin-left: 4px;
    margin-right: 8px;
}

#blocTypeCompteur {
    width: 222px;
    float: right;
}

#visualisationJourneeInfobulle {
    height: 411px;
    float: right;
    margin-right: -11px;
    width: 200px;
}

#bloc_visualisation {
    background: url('../images/bg_visualisationInfobulle.png') repeat-y 0 0;
    width: 170px;
    height: 361px;
    overflow-y: auto;
    margin-left: 8px;
    margin-top: 34px;
    position: relative;
    color: #fff;
}

.bv_horaire {
    width: 48px;
    height: 19px;
    margin-top: 1px;
    margin-left: 1px;
    float: left;
    text-align: center;
    color: #595959;
    background-color: #fff;
    font-size: 9px;
}

.bv_occupation {
    width: 94px;
    height: 19px;
    margin-top: 1px;
    margin-left: 1px;
    float: left;
    background-color: #fff;
}

#bloc_visualisation > div:last-of-type {
    margin-bottom: 1px;
}

.bv_occupation p {
    height: 9px;
    width: 92px;
    margin-left: 1px;
    border-bottom: 1px solid #e2e2e2;
}

.bv_occupation p + p {
    border: none;
}

.occ_visualisationInfobulle {
    position: absolute;
    border: 1px solid #fff;
    overflow: hidden;
    padding: 2px;
    box-sizing: border-box;
}

.occ_pauseMeridienne {
    background-color: #07fefe;
    display: block;
    position: absolute;
    top: 0;
    width: 42px;
}

.occJour_pauseMeridienne {
    background-color: #07fefe;
    display: block;
    height: 13px;
    position: absolute;
}

#bloc_visualisation .sO_1, #bloc_visualisation .sO_3,
#bloc_visualisation .sO_4, #bloc_visualisation .sO_5 {
    border: 1px solid #666;
}

.occ_visualisationInfobulle span {
    display: block;
    width: 42px;
    text-align: center;
    font-weight: bold;
    font-size: 8px;
    line-height: 9px;
}

.occ_visualisationInfobulle span + span {
    text-decoration: none;
}

#bodyInfobulle label {
    color: #929292;
    width: 195px;
    display: block;
    float: left;
    margin-left: 6px;
    text-transform: uppercase;
}

img.calculAuto {
    cursor: pointer;
    margin-left: 17px;
}

#form_messageJournee {
    float: right;
    width: 162px;
    margin-top: -19px;
    margin-right: 41px;
    margin-bottom: 55px;
}

#form_messageJournee label {
    color: #929292;
    width: 150px;
    text-transform: uppercase;
}

#form_messageJournee textarea {
    width: 160px;
    height: 93px;
    border: 1px solid #cdcdcd;
    margin-top: 4px;
    display: block;
    padding: 6px;
}

#infobulle_message_part {
    width: 159px;
    display: block;
    float: left;
    margin-top: 10px;
}

#infobulle_message_part label {
    text-transform: uppercase;
    height: 14px;
    width: 140px;
    margin: 0 0 7px 6px;
}

#infobulle_message_part textarea {
    height: 79px;
    width: 150px;
    border: 1px solid #ccc;
    padding: 2px;
    margin-left: 5px;
}

#infobulle_plage_part {
    display: block;
    float: left;
    width: 148px;
    margin-left: 19px;
    margin-top: 10px;
}

#infobulle_plage_part legend {
    color: #929292;
    text-transform: uppercase;
    height: 14px;
    width: 140px;
    margin: 0 0 7px 0;
    padding-left: 6px;
}

#infobulle_plage_part label {
    color: #000;
    text-transform: none;
    width: 52px;
    float: left;
    display: block;
    text-align: right;
    margin: 2px 0 0;
}

#infobulle_plage_part select {
    height: 16px;
    width: 152px;
    border: 1px solid #ccc;
    float: right;
    margin-right: 1px;
    margin-top: 2px;
}

#infobulle_plage_part #id_cycle {
    margin-bottom: 2px;
}

#blocPlage {
    height: 79px;
    width: 212px;
    padding: 2px;
    border: 1px solid #ccc;
}

#infobulle_plage_part input[type=text] {
    height: 14px;
    width: 148px;
    border: 1px solid #ccc;
    float: right;
    margin: 2px 1px 2px 0;
    padding-left: 2px;
}

#valider_formOcc, #convertirOcc {
    border: 1px solid #999;
    padding: 2px 5px;
    background-color: #f0f0f0;
    text-transform: uppercase;
    color: #ff7372;
    font-size: 0.85em;
    margin-top: 23px;
    cursor: pointer;
}

#valider_formOcc:hover {
    background-color: #c1c1c1;
}

#annulerOcc {
    border: 1px solid #f2730a;
    background-color: #fd9742;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.85em;
    width: 57px;
    height: 9px;
}

/*Gestion des couleurs des occupations*/
.occ_rouge {
    background-color: #c4000c;
    color: #fff;
}

.occ_vert {
    background-color: #00cb33;
    color: #fff;
}

.occ_bordeaux {
    background-color: #906;
    color: #fff;
}

.occ_caramel {
    background-color: #ad4601;
    color: #fff;
}

.occ_jaune {
    background-color: #fc0;
    color: #666;
}

.occ_bleu {
    background-color: #335ccc;
    color: #fff;
}

.occ_bleu_marine {
    background-color: #006;
    color: #fff;
}

.occ_orange {
    background-color: #ff5300;
    color: #fff;
}

.occ_violet {
    background-color: #639;
    color: #fff;
}

.occ_emeraude {
    background-color: #009d76;
    color: #fff;
}

.occ_rose {
    background-color: #f06;
    color: #fff;
}

.occ_kaki {
    background-color: #7b7b28;
    color: #fff;
}

.occ_parme {
    background-color: #d6708e;
    color: #fff;
}

.occ_rose {
    background-color: #f06;
    color: #fff;
}

.occ_caramel {
    background-color: #ad4601;
    color: #fff;
}

.occ_transparent {
    background-color: transparent;
    color: #000;
}

.occ_noir {
    background-color: #000000;
    color: #fff;
}

.journalier .occ_transparent {
    background-color: white;
}

.occ_modifier,
.occ_supprimer,
.occ_remplacer {
    margin-left: 3px;
}

.occ_convertir {
    margin-left: 5px;
}

#bloc_visualisation .occ_transparent {
    background-color: #fff;
}

.exterieur {
    background-color: #999 !important;
}

.souligne {
    text-decoration: underline;
}

.sO_1, .sO_4, .sO_5 {
    background-color: transparent;
    color: #000;
}

.sO_r {
    background-color: transparent;
    color: #000;
    text-decoration: overline;
}

.sO_2 {
}

.sO_3 {
    background-color: #fff;
    color: #666;
    text-decoration: line-through;
}

.select_typeOcc option {
    padding-left: 30px;
    color: #000;
}

.select_typeOcc option:focus, .select_typeOcc option:active, .select_typeOcc option:checked {
    background: none;
}

.select_typeOcc option[selected] {
    background-color: #cccc;
    color: #000 !important;
}

option.occ_rouge, li.occ_rouge {
    background-color: #f9e5e6;
    background-image: -webkit-linear-gradient(left, #c4000c, #c4000c 6%, #f9e5e6 7%, #f9e5e6);
    background-image: -moz-linear-gradient(left, #c4000c, #c4000c 6%, #f9e5e6 7%, #f9e5e6);
    background-image: -o-linear-gradient(left, #c4000c, #c4000c 6%, #f9e5e6 7%, #f9e5e6);
    background-image: linear-gradient(to right, #c4000c, #c4000c 6%, #f9e5e6 7%, #f9e5e6);
    color: #000;
}

option.occ_vert, li.occ_vert {
    background-color: #e5faea;
    background-image: -webkit-linear-gradient(left, #00cb33, #00cb33 6%, #e5faea 7%, #e5faea);
    background-image: -moz-linear-gradient(left, #00cb33, #00cb33 6%, #e5faea 7%, #e5faea);
    background-image: -o-linear-gradient(left, #00cb33, #00cb33 6%, #e5faea 7%, #e5faea);
    background-image: linear-gradient(to right, #00cb33, #00cb33 6%, #e5faea 7%, #e5faea);
    color: #000;
}

option.occ_bordeaux, li.occ_bordeaux {
    background-color: #f4e5ef;
    background-image: -webkit-linear-gradient(left, #906, #906 6%, #f4e5ef 7%, #f4e5ef);
    background-image: -moz-linear-gradient(left, #906, #906 6%, #f4e5ef 7%, #f4e5ef);
    background-image: -o-linear-gradient(left, #906, #906 6%, #f4e5ef 7%, #f4e5ef);
    background-image: linear-gradient(to right, #906, #906 6%, #f4e5ef 7%, #f4e5ef);
    color: #000;
}

option.occ_caramel, li.occ_caramel {
    background-color: #f7ece5;
    background-image: -webkit-linear-gradient(left, #ad4601, #ad4601 6%, #f7ece5 7%, #f7ece5);
    background-image: -moz-linear-gradient(left, #ad4601, #ad4601 6%, #f7ece5 7%, #f7ece5);
    background-image: -o-linear-gradient(left, #ad4601, #ad4601 6%, #f7ece5 7%, #f7ece5);
    background-image: linear-gradient(to right, #ad4601, #ad4601 6%, #f7ece5 7%, #f7ece5);
    color: #000;
}

option.occ_jaune, li.occ_jaune {
    background-color: #fffae5;
    background-image: -webkit-linear-gradient(left, #fc0, #fc0 6%, #fffae5 7%, #fffae5);
    background-image: -moz-linear-gradient(left, #fc0, #fc0 6%, #fffae5 7%, #fffae5);
    background-image: -o-linear-gradient(left, #fc0, #fc0 6%, #fffae5 7%, #fffae5);
    background-image: linear-gradient(to right, #fc0, #fc0 6%, #fffae5 7%, #fffae5);
    color: #000;
}

option.occ_bleu, li.occ_bleu {
    background-color: #eaeffa;
    background-image: -webkit-linear-gradient(left, #335ccc, #335ccc 6%, #eaeffa 7%, #eaeffa);
    background-image: -moz-linear-gradient(left, #335ccc, #335ccc 6%, #eaeffa 7%, #eaeffa);
    background-image: -o-linear-gradient(left, #335ccc, #335ccc 6%, #eaeffa 7%, #eaeffa);
    background-image: linear-gradient(to right, #335ccc, #335ccc 6%, #eaeffa 7%, #eaeffa);
    color: #000;
}

option.occ_orange, li.occ_orange {
    background-color: #ffede5;
    background-image: -webkit-linear-gradient(left, #ff5300, #ff5300 6%, #ffede5 7%, #ffede5);
    background-image: -moz-linear-gradient(left, #ff5300, #ff5300 6%, #ffede5 7%, #ffede5);
    background-image: -o-linear-gradient(left, #ff5300, #ff5300 6%, #ffede5 7%, #ffede5);
    background-image: linear-gradient(to right, #ff5300, #ff5300 6%, #ffede5 7%, #ffede5);
    color: #000;
}

option.occ_violet, li.occ_violet {
    background-color: #f0eaf5;
    background-image: -webkit-linear-gradient(left, #639, #639 6%, #f0eaf5 7%, #f0eaf5);
    background-image: -moz-linear-gradient(left, #639, #639 6%, #f0eaf5 7%, #f0eaf5);
    background-image: -o-linear-gradient(left, #639, #639 6%, #f0eaf5 7%, #f0eaf5);
    background-image: linear-gradient(to right, #639, #639 6%, #f0eaf5 7%, #f0eaf5);
    color: #000;
}

option.occ_emeraude, li.occ_emeraude {
    background-color: #e5f5f1;
    background-image: -webkit-linear-gradient(left, #009d76, #009d76 6%, #e5f5f1 7%, #e5f5f1);
    background-image: -moz-linear-gradient(left, #009d76, #009d76 6%, #e5f5f1 7%, #e5f5f1);
    background-image: -o-linear-gradient(left, #009d76, #009d76 6%, #e5f5f1 7%, #e5f5f1);
    background-image: linear-gradient(to right, #009d76, #009d76 6%, #e5f5f1 7%, #e5f5f1);
    color: #000;
}

option.occ_rose, li.occ_rose {
    background-color: #ffe5ef;
    background-image: -webkit-linear-gradient(left, #f06, #f06 6%, #ffe5ef 7%, #ffe5ef);
    background-image: -moz-linear-gradient(left, #f06, #f06 6%, #ffe5ef 7%, #ffe5ef);
    background-image: -o-linear-gradient(left, #f06, #f06 6%, #ffe5ef 7%, #ffe5ef);
    background-image: linear-gradient(to right, #f06, #f06 6%, #ffe5ef 7%, #ffe5ef);
    color: #000;
}

option.occ_kaki, li.occ_kaki {
    background-color: #f2f2e9;
    background-image: -webkit-linear-gradient(left, #7b7b28, #7b7b28 6%, #f2f2e9 7%, #f2f2e9);
    background-image: -moz-linear-gradient(left, #7b7b28, #7b7b28 6%, #f2f2e9 7%, #f2f2e9);
    background-image: -o-linear-gradient(left, #7b7b28, #7b7b28 6%, #f2f2e9 7%, #f2f2e9);
    background-image: linear-gradient(to right, #7b7b28, #7b7b28 6%, #f2f2e9 7%, #f2f2e9);
    color: #000;
}

option.occ_noir, li.occ_noir {
    background-color: #f2f2e9;
    background-image: -webkit-linear-gradient(left, #000000, #000000 6%, #f2f2e9 7%, #f2f2e9);
    background-image: -moz-linear-gradient(left, #000000, #000000 6%, #f2f2e9 7%, #f2f2e9);
    background-image: -o-linear-gradient(left, #000000, #000000 6%, #f2f2e9 7%, #f2f2e9);
    background-image: linear-gradient(to right, #000000, #000000 6%, #f2f2e9 7%, #f2f2e9);
    color: #000;
}

.clearer + .newOccupation,
.clearer + .newOccupation + a,
#validerRemplacement,
#annulerRemplacement,
#refuserRemplacement,
#valider_formRemplacement {
    display: block;
    text-transform: uppercase;
    border: 1px solid #999;
    width: 140px;
    padding: 2px 5px;
    min-height: 11px;
    height: 11px;
    color: #ff7372;
    background-color: #f0f0f0;
    font-size: 8.5px;
    float: left;
    margin-top: 3px;
    margin-bottom: 12px;
    cursor: pointer;
    text-align: center;
}

#validerRemplacement, #annulerRemplacement, #refuserRemplacement, #valider_formRemplacement {
    margin-right: 20px;
    white-space: nowrap;
    width: 160px;
}

.clearer + .newOccupation:hover, .clearer + .newOccupation + a:hover,
#validerRemplacement:hover, #annulerRemplacement:hover, #refuserRemplacement:hover, #valider_formRemplacement:hover {
    background-color: #c1c1c1;
}

.invisible {
    visibility: hidden;
}

.clearer + .newOccupation + a {
    margin-left: 205px;
    width: 150px;
    margin-bottom: 20px;
}

.newOccupation + a + form {
    width: 531px;
    border-top: 2px solid #555;
    clear: both;
    padding-top: 20px;
}

.x-panel-ghost {
    border: 3px solid #999;
    background: none repeat scroll 0 0 #fff;
}

.x-panel-ghost .x-window-tl {
    border-bottom: 1px solid #999;
}

.x-panel-ghost .x-window-tl .x-window-header {
    color: white;
}

.x-panel-ghost .x-window-tl, .x-panel-ghost .x-window-tr, .x-panel-ghost .x-window-tc, .x-panel-ghost .x-window-ml, .x-panel-ghost .x-window-mr, .x-panel-ghost .x-window-mc, .x-panel-ghost .x-window-bl, .x-panel-ghost .x-window-br, .x-panel-ghost .x-window-bc {
    background: none;
    padding: 0;
}

.x-panel-ghost ul {
    background: none;
    padding: 0;
    border: none;
}

.x-panel-ghost .x-window-header-text a {
    float: left;
    display: block;
    width: 20px;
    margin-left: 2px;
    color: #f2730a;
    text-decoration: none;
}

.x-panel-ghost .x-window-header-text span {
    color: #000;
    display: block;
    float: left;
    margin-left: 2px;
    width: 310px;
}

.x-panel-ghost .x-window-header-text span + span {
    float: right;
    margin-left: 0;
    width: 117px;
}

.x-panel-ghost .x-tool {
    background: url('../images/piquet/close.png') no-repeat 0 0;
    height: 10px;
    width: 10px;
}

.ext-el-mask-msg div.loadingPiquet {
    border: 1px solid white;
}

.ext-el-mask-msg {
    background: none repeat scroll 0 0 #fff;
}

.x-tool-close {
    background: #fff url('../images/piquet/close.png') no-repeat scroll 0 0 !important;
    height: 10px !important;
    width: 10px !important;
}

.x-tool-close:hover {
    background: #fff url('../images/piquet/close.png') no-repeat scroll -10px 0 !important;
}

/***********************FIN myTOOLTIP*********************/
/***********************DEBUT JSCALENDAR*********************/
input.input_datePicker {
    background: white url('../images/date.png') no-repeat top right;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar {
    position: relative;
}

.calendar, .calendar table {
    border: 1px solid #655;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #ffd;
    font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center; /* They are the navigation buttons */
    padding: 2px; /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
    font-weight: bold; /* Pressing it will take you to the current date */
    text-align: center;
    background: #654;
    color: #fed;
    padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    background: #edc;
    color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
    border-bottom: 1px solid #655;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
    color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
    background-color: #faa;
    color: #000;
    border: 1px solid #f40;
    padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
    background-color: #c77;
    padding: 2px 0 0 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
    background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
    width: 2em;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #fed;
}

.calendar tbody .rowhilite td {
    background: #ddf;
}

.calendar tbody .rowhilite td.wn {
    background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
    background: #ffe;
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
    background: #ddc;
    padding: 2px 2px 0 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
    font-weight: bold;
    border: 1px solid #000;
    padding: 1px 3px 1px 1px;
    background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #f00;
}

.calendar tbody td.today {
    font-weight: bold;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #988;
    color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    border-top: 1px solid #655;
    background: #dcb;
    color: #840;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
    background: #faa;
    border: 1px solid #f40;
    padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #c77;
    padding: 2px 0 0 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #ffe;
    color: #000;
    font-size: 90%;
    z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: #fc8;
}

.calendar .combo .active {
    border-top: 1px solid #a64;
    border-bottom: 1px solid #a64;
    background: #fee;
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #a88;
    padding: 1px 0;
    text-align: center;
    background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    padding: 0 3px 0 4px;
    border: 1px solid #988;
    font-weight: bold;
    background-color: #fff;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0 2px 0 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #866;
    color: #fff;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}

/***********************FIN JSCALENDAR*********************/
/***********************TEST INFO BULLE STAT***************/

#statInfoBulle {
    width: 320px;
    margin-left: -14px;
}

#menuInfobulle #statInfoBulle label {
    color: #f2730a;
    text-transform: uppercase;
    margin-left: 4px;
}

#statInfoBulle select {
    width: 210px;
    border: 1px solid #ffad00;
    margin-bottom: 5px;
}

/***********************TEST INFO BULLE STAT***************/
/***********Debut Notification de Confirmation ************/
.confirmation {
    margin: 10px auto;
    border: 1px solid #e6e6e6;
    min-height: 18px;
    width: 845px;
    padding: 10px 10px 10px 45px;
    background-color: #fff;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 3px center;
    font-weight: bold;
}

.confirmation.large {
    width: calc(100% - 60px);
}

.confirmation a {
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    color: #000;
}

.confirmation p {
    margin-top: 3px;
    margin-bottom: 3px;
}

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

.confirmation ol {
    list-style: decimal;
    margin-left: 11px;
}

.confirmationPicto {
    background-image: url('../images/confirmation.png');
}

.erreurPicto {
    background-image: url('../images/erreur.png');
}

.avertissementPicto {
    background-image: url('../images/information.png');
}

/***********Fin Notification de Confirmation ************/
#form_impressionLDG,
#form_realiseValide,
#infobulleRC,
#btnInfobulleTotaux,
#btnInterfaceConversion,
#btnModeEtendu,
#btnDemandeATraiter,
#btnImportSgo {
    cursor: pointer;
    border: 1px solid #999;
    font-weight: bold;
    min-width: 190px;
    font-size: 9px;
    float: left;
    padding: 2px 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #f0f0f0;
    color: #ff7372;
    white-space: nowrap;
    display: block;
    height: 16px;
    line-height: 16px;
    text-transform: uppercase;
}

#imprimerLDG {
    background-color: transparent;
    color: #ff7372;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
}

#form_impressionLDG:hover,
#infobulleRC:hover,
#btnInfobulleTotaux:hover,
#btnInterfaceConversion:hover,
#btnModeEtendu:hover,
#btnDemandeATraiter:hover,
#btnImportSgo:hover {
    background-color: #c1c1c1;
}

#btnDemandeATraiter {
    width: 174px;
}

.infobulle_cfg_info {
    width: 400px;
    max-height: 200px;
    overflow: auto;
    padding: 10px;
}

.infobulle_raccourcis button {
    color: #ff7372;
    border: 1px solid #999;
    background-color: #f0f0f0;
    padding: 2px 5px;
    min-width: 100px;
}

.infobulle_raccourcis button:hover {
    background-color: #c1c1c1;
}

.infobulle_cfg_info table {
    width: 360px;
    border-collapse: collapse;
    border: 1px solid #000;
}

.infobulle_cfg_info table caption {
    font: 14px Verdana;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    background-color: #fff;
    color: #333;
}

.infobulle_cfg_info table th, .infobulle_cfg_info table td {
    border: 1px solid #ccc;
}

.infobulle_cfg_info table th {
    text-align: center;
    color: #999;
    padding: 2px 5px;
}

.infobulle_cfg_info #nb_agent {
    width: 50px;
    margin-left: 5px;
    border: 1px solid #ffad00;
    text-align: center;
}

/*-------------Gestion du tableau Pour les règles d'occupations------------*/
#tempsTravailTitre {
    font: 20px Lato;
    color: #333;
}

#tempsTravailSubmit {
    margin-right: 379px;
    width: 271px;
}

#tempsTravailTitre a {
    font-weight: bold;
    font-size: 12px;
    font-family: Lato, sans-serif;
}

.typeOccupationAbr {
    height: 21px;
    width: 25px;
    display: inline-block;
    color: #fff;
    padding-top: 4px;
    margin-right: 5px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.typeOccupationLibelle {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

table.regleOccupation {
    min-width: 1100px;
    margin: 30px auto;
    border-collapse: collapse;
}

.regleOccupation caption {
    text-align: center;
    padding: 4px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.regleOccupation caption a {
    color: #ff7372;
    font-size: 12px;
    font-family: Lato, sans-serif;
    font-weight: bold;
    margin-right: 2px;
    margin-left: 2px;
}

.regleOccupation caption span {
    display: inline-block;
    margin-right: 5px;
    color: white;
    font-size: 90%;
    height: 20px;
    padding-top: 5px;
    width: 25px;
}

table.regleOccupation th,
table.regleOccupation td {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

table.regleOccupation th {
    color: #999;
    text-align: center;
}

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

.regleOccupation .description {
    width: 210px;
}

.regleOccupation .occupation {
    width: 26px;
}

.regleOccupation .age {
    width: 40px;
}

.regleOccupation .chemin {
    width: 170px;
}

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

.regleOccupation span {
    display: block;
}

/*---------Fin-Gestion du tableau Pour les règles d'occupations------------*
//******************* Verrouillage de pose des occupations *****************************/
#listeVerrouillageOccupation th,
#listeVerrouillageOccupation td {
    border: 1px solid #999;
}

#listeVerrouillageOccupation strong {
    font-size: 10px;
}

.limiteFutur {
    background-color: #bbd7ff;
}

.limitePresent {
    background-color: #a4ffa4;
}

.limitePasse {
    background-color: #ffe89f;
}

/******************* Fin Verrouillage de pose des occupations *************************/
/******************* Totaux individuels *************************/
#infobulleTotauxIndiv {
    background-color: #fff;
    border: 0 !important;
}

.classZoom {
    width: max-content;
}

#infobulleTotauxIndiv .x-window-tl, #infobulleTotauxIndiv .x-window-tr, #infobulleTotauxIndiv .x-window-tc, #infobulleTotauxIndiv .x-window-ml, #infobulleTotauxIndiv .x-window-mr, #infobulleTotauxIndiv .x-window-mc, #infobulleTotauxIndiv .x-window-bl, #infobulleTotauxIndiv .x-window-br, #infobulleTotauxIndiv .x-window-bc {
    background: none;
    padding: 0;
}

#infobulleTotauxIndiv .x-window-mc {
    border: none;
}

#infobulleTotauxIndiv .x-window-header {
    color: #000;
}

#infobulleTotauxIndiv .x-tool-close {
    background: #fff url('../images/ldgm/indicateurs_close.png') no-repeat scroll 0 0 !important;
    border: 0;
    margin-right: 25px;
    height: 18px !important;
    width: 18px !important;
    margin-top: -5px;
}

#infobulleTotauxIndiv .x-window-header-text {
    color: #999;
    margin-left: 5px;
}

span.picto {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

#infobulleTotauxIndiv span.picto {
    margin-left: 10px;
    margin-top: -4px;
}

span.config {
    background: url('../images/ldgm/indicateurs_config.png') no-repeat scroll 0 0 transparent;
}

#infobulleTotauxIndiv .x-window-tl {
    margin-bottom: 8px !important;
    height: 17px !important;
    padding-top: 7px;
}

#bodyInfobulleTotauxIndiv #bloc_lignes {
    max-height: 394px;
    overflow-y: hidden !important;
}

#ligneET {
    height: 28px;
    margin-bottom: 1px;
    margin-right: 22px;
    overflow-x: hidden;
}

#ligneET .d, #bloc_lignes .d {
    width: 46px;
    height: 26px;
    float: left;
    margin-right: 2px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #ccc;
}

#bloc_lignes .d {
    height: 26px;
    line-height: 26px;
}

#ligneET .d {
    padding-top: 0;
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    height: 26px;
    color: #000 !important;
}

#bloc_lignes .d p {
    padding-right: 3px;
    text-align: right;
    height: 26px;
    width: 44px;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

#ligneET .d p {
    text-align: center;
    height: 24px;
    width: 44px;
    color: #000 !important;
    font-size: 9px !important;
    font-weight: normal;
    margin-left: auto !important;
    margin-right: auto !important;
}

#ligneET .agent, #bloc_lignes .agent {
    width: 130px;
    height: 28px;
}

#ligneET .agent p, #bloc_lignes .agent p {
    width: 117px;
    padding-left: 3px;
    text-align: left;
}

#ligneET .agent p {
    text-align: center;
    width: 120px;
}

#bloc_lignes .lT {
    height: 28px;
    margin-top: 5px;
}

.hebdomadaire #bloc_lignes .lT {
    margin-bottom: 15px;
    height: 60px;
}

#ligneET .lT {
    height: 27px;
    margin-top: 0;
    clear: both;
    /*margin-bottom : 7px;*/
}

.lT div.seuilValide, .isiaT span.seuilValide {
    color: #00b713;
}

.lT div.seuilInf, .isiaT span.seuilInf {
    color: #f00;
}

.lT div.seuilSup, .isiaT span.seuilSup {
    color: #f90;
}

.isi_agent {
    border-top: solid 1px #cdcdcd;
    padding-top: 5px;
}

.extTip_perso p.dernierElement {
    margin-bottom: 3px;
}

#agendaEdition #formListeOccupation {
    margin-top: 32px;
    margin-left: 730px;
    float: right;
    position: absolute;
    width: 500px;
    height: 370px;
    padding: 5px;
    background-color: white;
    display: none;
    z-index: 2;
    border: 1px solid #de3709;
}

#agendaEdition #formListeOccupation #listOcc {
    float: left;
}

#enTeteAgenda .derCaseET {
    width: 45px;
    height: 28px;
    float: left;
    margin-right: 2px;
}

/********************* Interface de conversion des occupations ************************/
#interfaceConversionOcc,
#interfaceDemandeATraiter,
#interfaceImportOccupations {
    background-color: #fff;
    border: 3px solid #999;
}

#interfaceDemandeATraiter,
#interfaceImportOccupations {
    border-right: 0 solid #fff;
}

/* On surclasse le style par defaut des msgbox ExtJs*/
#interfaceConversionOcc .x-window-tl, #interfaceConversionOcc .x-window-tr, #interfaceConversionOcc .x-window-tc, #interfaceConversionOcc .x-window-ml, #interfaceConversionOcc .x-window-mr, #interfaceConversionOcc .x-window-mc, #interfaceConversionOcc .x-window-bl, #interfaceConversionOcc .x-window-br, #interfaceConversionOcc .x-window-bc,
#interfaceDemandeATraiter .x-window-tl, #interfaceDemandeATraiter .x-window-tr, #interfaceDemandeATraiter .x-window-tc, #interfaceDemandeATraiter .x-window-ml, #interfaceDemandeATraiter .x-window-mr, #interfaceDemandeATraiter .x-window-mc, #interfaceDemandeATraiter .x-window-bl, #interfaceDemandeATraiter .x-window-br, #interfaceDemandeATraiter .x-window-bc,
#interfaceImportOccupations .x-window-tl, #interfaceImportOccupations .x-window-tr, #interfaceImportOccupations .x-window-tc, #interfaceImportOccupations .x-window-ml, #interfaceImportOccupations .x-window-mr, #interfaceImportOccupations .x-window-mc, #interfaceImportOccupations .x-window-bl, #interfaceImportOccupations .x-window-br, #interfaceImportOccupations .x-window-bc {
    background: none;
    padding: 0;
}

#interfaceConversionOcc .x-window-mc,
#interfaceDemandeATraiter .x-window-mc,
#interfaceImportOccupations .x-window-mc {
    border: none;
    border-top: 1px solid #999;
}

#interfaceConversionOcc .x-window-header,
#interfaceDemandeATraiter .x-window-header,
#interfaceImportOccupations .x-window-header {
    color: #000;
}

#interfaceDemandeATraiter .x-window-header,
#interfaceImportOccupations .x-window-header {
    padding: 10px;
}

#interfaceConversionOcc .x-tool {
    display: inline-block;
    position: relative;
    top: 2px;
}

#interfaceConversionOcc .x-tool,
#interfaceDemandeATraiter .x-tool,
#interfaceImportOccupations .x-tool {
    background: url('../images/piquet/close.png') no-repeat scroll 0 0 transparent;
    height: 10px;
    margin-right: 10px;
    width: 10px;
    padding-right: 0;
}

#interfaceConversionOcc .x-tool:hover,
#interfaceDemandeATraiter .x-tool:hover,
#interfaceImportOccupations .x-tool:hover {
    background: url('../images/piquet/close.png') no-repeat scroll -10px 0 transparent;
}

#interfaceConversionOcc .x-window-header-text,
#interfaceDemandeATraiter .x-window-header-text,
#interfaceImportOccupations .x-window-header-text {
    color: #ff7372;
    margin-left: 5px;
}

#interfaceConversionOcc .x-window-header-text {
    display: inline-block;
    position: relative;
    top: -1px;
}

#interfaceConversionOcc .x-window-bl,
#interfaceDemandeATraiter .x-window-bl,
#interfaceImportOccupations .x-window-bl {
    background: none;
}

#interfaceConversionOcc .aide_en_ligne {
    vertical-align: middle;
}

#interfaceConversionOcc .x-window-tl .x-window-header {
    padding: 11px 0 5px 11px;;
}

#bodyInterfaceConversion {
    width: 450px;
    padding: 10px;
}

#bodyInterfaceConversion form {
    width: 610px;
    height: 400px;
}

#bodyInterfaceConversion label {
    display: block;
    float: left;
    height: 16px;
    margin-bottom: 10px;
    margin-left: 6px;
    text-transform: uppercase;
    width: 210px;
}

#bodyInterfaceConversion select[multiple='multiple'].select_typeOcc_court {
    height: 100px;
}

#bodyInterfaceConversion select, #bodyInterfaceConversion input[type=text], #bodyInterfaceConversion textarea {
    border: 1px solid #ccc;
    display: block;
    float: right;
    height: 16px;
    margin-bottom: 10px;
    visibility: visible;
    width: 352px;
}

#bodyInterfaceConversion input[type=text] {
    width: 350px;
}

#bodyInterfaceConversion textarea {
    height: 40px;
    width: 350px;
}

#bodyInterfaceConversion input[type=button] {
    border: 1px solid #999;
    background-color: #f0f0f0;
    padding: 5px 10px;
    color: #ff7372;
    margin-bottom: 25px;
    margin-left: 258px;
    font-weight: bold;
    cursor: pointer;
}

#bodyInterfaceConversion input[type=button]:hover {
    background-color: #c1c1c1;
}

#bodyInterfaceConversion #dateFin, #bodyInterfaceConversion #dateDebut {
    background: #fff url('../librairies/extjs/resources/images/default/form/date-trigger.gif') no-repeat scroll 336px 2px;
    padding-left: 5px;
    width: 345px;
}

#bodyInterfaceDemandeATraiter,
#bodyInterfaceImportOccupations {
    height: 410px;
    overflow-y: auto;
    padding: 10px;
}

#bodyInterfaceDemandeATraiter {
    height: inherit;
}

#bodyInterfaceDemandeATraiter table,
#bodyInterfaceImportOccupations table {
    border: 1px solid #ffad00;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    width: 100%;
}

#bodyInterfaceDemandeATraiter table th,
#bodyInterfaceImportOccupations table th {
    padding: 2px 5px;
    color: #999;
    border: 1px solid #ccc;
    text-align: center;
}

#bodyInterfaceDemandeATraiter table tr td,
#bodyInterfaceImportOccupations table tr td {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

#bodyInterfaceDemandeATraiter table tbody tr,
#bodyInterfaceImportOccupations table tbody tr {
    background-color: #fff;
    cursor: pointer;
    height: 32px;
}

#bodyInterfaceImportOccupations table tbody tr:not(.ligneImport) {
    cursor: default;
}

#bodyInterfaceDemandeATraiter table tbody tr:hover,
#bodyInterfaceImportOccupations table tbody tr.ligneImport:hover {
    background-color: #f0f0f0;
}

#bodyInterfaceDemandeATraiter table tbody tr.selected,
#bodyInterfaceImportOccupations table tbody tr.selected {
    background-color: #f0f0f0;
}

#bodyInterfaceImportOccupations fieldset {
    margin: 10px 20px;
}

#bodyInterfaceImportOccupations div.fieldset {
    line-height: 18px;
    height: 18px;
}

#bodyInterfaceImportOccupations fieldset legend {
    display: block;
    color: #999;
    margin-bottom: 5px;
}

#bodyInterfaceImportOccupations fieldset label,
#bodyInterfaceImportOccupations fieldset input,
#bodyInterfaceImportOccupations fieldset span.separateurVertical {
    float: left;
    display: inline-block;
    vertical-align: middle;
}

#bodyInterfaceImportOccupations fieldset input {
    margin-left: 10px;
}

#bodyInterfaceImportOccupations fieldset span.separateurVertical {
    margin: 0 16px;
}

#bodyInterfaceImportOccupations #traiter {
    float: right;
    margin: 20px 20px;
}

#bodyInterfaceImportOccupations #imports {
    margin-top: 20px;
    padding: 0;
    max-height: 280px;
    overflow-y: auto;
}

#bodyInfobulle #bodyInfobulleAbsences th.demandePlanning, #bodyInfobulle #bodyInfobulleAbsences td.demandePlanning {
    border-right: double #ccc 4px;
    border-left: solid #ccc 1px;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
}

/************Aide en ligne*************/
.aide_en_ligne {
    display: inline-block;
    width: 20px;
    height: 19px;
    background: url('../images/faq/icone_help.png') no-repeat scroll 0 0 transparent;
    cursor: help;
    margin-left: 20px;
}

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

.aide_tdb {
    display: block !important;
    margin-left: 0 !important;
}

.aide_ldgm {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.aide_feuilleJour {
    margin-top: 14px;
}

#navigationAideEnLigne .x-panel-body {
    overflow-y: auto;
}

#tabPanelAideEnLigne .x-panel-body {
    padding: 30px;
    line-height: 150%;
}

#tabPanelAideEnLigne .x-panel-body img {
    border: 1px solid #000;
}

#tabPanelAideEnLigne .x-panel-body ul {
    margin: 10px 0;
    padding-left: 40px;
    list-style-type: disc;
}

#tabPanelAideEnLigne .x-panel-body ul li {
    margin-left: 20px;
    margin-top: 5px;
}

#tabPanelAideEnLigne .x-panel-body hr {
    margin: 5px 0;
    border: 1px solid #000;
}

#tabPanelAideEnLigne .x-panel-body a[href='#19'] {
    color: #000;
    cursor: default;
}

/************Infobulle des piquets************/
#listeOccupation {
    height: auto;
    width: auto;
    margin-bottom: 5px;
}

#listeOccupation span {
    height: 15px;
    color: #fff;
    padding: 2px;
    display: inline-block;
    margin-bottom: 3px;
}

#listeOccupation + table {
    width: 324px;
}

#listeOccupation + table td {
    border: 0;
    border-left: 1px solid #999;
    padding: 0 1px;
    font-size: 8px;
}

#listeOccupation + table td:first-child {
    border: none;
}

#listeOccupation + table tbody {
    overflow-y: auto;
}

#informationsPiquets label {
    width: 95px;
    margin-left: 0;
    margin-right: 10px;
}

#informationsPiquets #listeOccupation label {
    margin-top: 2px;
}

#informationsPiquets label {
    margin-top: 4px;
}

#listeOccupation + label:first-child {
    margin-top: 5px;
}

#tabPiquets {
    width: 85%;
    display: inline-block;
    height: 70px;
    overflow-y: auto;
}

#tabPiquets td {
    border: 0;
    border-left: 1px solid #ccc;
    padding: 0 1px;
    font-size: 10px;
    height: 14px;
    text-align: center;
    color: #000;
}

#tabPiquets td:first-child {
    border: none;
    color: #fff;
}

#tabPiquets tbody {
    overflow-y: auto;
}

#nouveauPiquet {
    padding: 5px 10px;
    margin: 20px 0;
}

#type_principal, #type_secondaire {
    float: left;
    width: 13px;
}

#type_principal + label, #type_secondaire + label {
    margin-left: 5px;
    width: 199px;
    color: #000;
    text-transform: none;
}

#form_infobullePiquet {
    border-top: 1px solid #999;
    padding-top: 8px;
    width: 650px;
}

#bloc_date_debut select#date_heure_debut_piquet, #bloc_date_debut select#date_minute_debut_piquet,
#bloc_date_fin select#date_heure_fin_piquet, #bloc_date_fin select#date_minute_fin_piquet {
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
}

#bloc_date_debut, #bloc_date_fin {
    display: inline-flex;
}

#form_infobullePiquet label {
    width: 123px;
}

#valider_formPiquet {
    padding: 5px 10px;
    margin-top: 20px;
}

#historiqueOccupationForm select {
    width: 277px;
}

#historiqueOccupationForm label {
    width: 230px;
    text-align: left;
    margin-left: 70px;
    clear: both;
}

#historiqueOccupationForm .descriptif {
    width: 270px;
}

#historiqueOccupationForm .validFormulaire {
    width: 100px;
    float: right;
    margin-right: 291px;
}

#infobulle_historiqueOccupation .x-window-body {
    overflow-y: auto;
}

#body_infobulle_historiqueOccupation #tableau_historiqueOccupation {
    background-color: #fff;
    border-collapse: collapse;
    width: 736px;
}

#body_infobulle_historiqueOccupation #tableau_historiqueOccupation th {
    font-weight: bold;
    text-align: center;
    border: 1px solid #ffad00;
}

#body_infobulle_historiqueOccupation #tableau_historiqueOccupation td {
    border: 1px solid #ffad00;
}

#tableau_historiqueOccupation tr td:first-child + td + td {
    text-align: center;
}

#tableau_historiqueOccupation tr td:first-child + td + td + td + td {
    text-align: center;
}

#tableau_historiqueOccupation tr td:first-child + td + td + td + td + td + td + td + td {
    text-align: center;
}

#tableau_historiqueOccupation td p.likeOcc {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    height: 26px;
    width: 26px;
    margin: 0 auto;
}

#tableau_historiqueOccupation td p.likeOcc span {
    font-size: 11px;
    height: 20px;
    padding-top: 6px;
    display: block;
    position: relative;
    text-align: center;
    width: 26px;
}

/*FAQ_tdb*/
.RightBottomHaut {
    border-bottom: 1px solid #aaa;
    height: 125px;
    margin-left: 32px;
    margin-top: 10px;
    text-align: left;
    width: 390px;
}

.RightBottomBas {
    background: url('../images/iconeGA.png') no-repeat scroll 305px 2px transparent;
    height: 70px;
    margin-left: 32px;
    padding-right: 100px;
    text-align: right;
    width: 290px;

}

.RightBottomBas a, .RightBottomHaut a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

strong {
    font-weight: bold;
}

/*TableauSpecialites et consignes */
#fj_tableauConsignes,
#tableauSpecialite {
    height: 482px;
    padding-top: 26px;
    width: 1171px;
    overflow-y: auto;
}

#tableauSpecialite .bloc_tableauSpecialite {
    width: 300px;
    margin-left: 8px;
    margin-right: 28px;
    float: left;
    border-collapse: collapse;
}

#tableauSpecialite .bloc_tableauSpecialite caption,
#fj_tableauConsignes caption {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    color: #ff7372;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    height: 32px;
    padding-top: 10px;
}

#fj_tableauConsignes caption .fj_titreConsignes {
    height: 22px;
    line-height: 22px;
}

#fj_tableauConsignes caption .fj_titreConsignes img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

#fj_tableauConsignes caption .fj_titreConsignes span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

#tableauSpecialite .bloc_tableauSpecialite th,
#fj_tableauConsignes th {
    color: #666;
    background-color: #e6e6e6;
    border: 1px solid #666
}

#tableauSpecialite .bloc_tableauSpecialite td,
#fj_tableauConsignes td {
    border: 1px solid #666;
}

#fj_tableauConsignes table {
    width: 98%;
    margin: 0 auto 30px;
    border-collapse: collapse;
}

tr.inactif {
    background-color: #f0f0f0;
    color: #666;
}

tr.inactif td:not(.boutons) {
    text-decoration: line-through;
}

/*Liste des agents pour le module conversion*/
#block_groupeAgentConversion {
    width: 350px;
    position: absolute;
    z-index: 9012;
    background-color: #fff;
    border-right: 3px solid #999;
    border-bottom: 3px solid #999;
    border-top: 3px solid #999;
    padding-left: 9px;
}

#block_groupeAgentConversion input {
    vertical-align: middle;
}

#listeGroupeAgentConversion {
    height: 130px;
    padding-left: 34px;
}

#listeGroupeAgentConversion ul li {
    margin-left: 21px;
}

#block_groupeAgentConversion label {
    color: #f2730a;
}

#block_groupeAgentConversion input.gA_agent + label {
    color: #000;
}

#listeAgentConversion {
    width: 340px;
    border: 1px solid #ccc;
    display: block;
    float: right;
    margin-bottom: 10px;
    height: 136px;
    overflow-y: auto;
    padding: 5px;
}

#listeAgentConversion label {
    color: #000;
    display: inline;
    float: none;
    margin-bottom: 0;
    width: auto;
    height: auto;
}

#listeAgentConversion input {
    vertical-align: middle;
}

#gA_agentsPresents {
    color: #e33709;
    text-decoration: underline;
    margin-bottom: 12px;
    display: block;
}

#gA_agentsPresents:hover {
    text-decoration: none;
}

#conversion_multiAgent {
    float: left;
    display: block;
    width: 20px;
    margin-left: 2px;
    color: #f2730a;
    text-decoration: none;
}

/*Fin liste agent pour la conversion*/

#block_groupeAgent {
    width: 350px;
    position: absolute;
    z-index: 9012;
    background-color: #fff;
    border-right: 3px solid #999;
    border-bottom: 3px solid #999;
    border-top: 3px solid #999;
    padding-left: 9px;
}

#block_groupeAgent input {
    vertical-align: middle;
}

#listeGroupeAgent {
    height: 346px;
    overflow-y: auto;
    padding-left: 34px;
}

#listeGroupeAgent ul li {
    margin-left: 21px;
}

#block_groupeAgent p label {
    color: #000;
    font-weight: bold;
}

#block_groupeAgent label {
    color: #ff7372;
    font-weight: bold;
}

#block_groupeAgent input.gA_agent + label {
    color: #000;
    font-weight: normal;
}

#gA_agentsPresents {
    color: #ff7372;
    text-decoration: underline;
    margin-bottom: 12px;
    display: block;
}

#gA_agentsPresents:hover {
    text-decoration: none;
}

#version {
    display: inline-block;
    float: right;
    margin-top: -50px;
}

#info_maj {
    font-family: verdana, arial, sans-serif;
    display: block;
    font-weight: bold;
    width: 665px;
    text-align: center;
    margin-top: 170px;
}

.categorie {
    font-weight: bold;
    color: #ff7372;
    text-align: left;
    font: 14px Verdana;
    background-color: #f0f0f0;
}

.categorie a {
    color: #ff7372;
    margin: 0;
}

.categorie a:hover {
    color: #999;
}

/*Règle des occupations*/
.blocFormulaireOccupation {
    width: calc(100% - 42px);
    min-width: 1200px;
    padding: 20px;
    border: 1px solid #e6e6e6;
}

.blocFormulaireOccupation h3 {
    font: 20px Lato;
    color: #ff7372;
}

#formulaire_totaux_individuels_defaut {
    margin-top: 20px !important;
}

#champObjectif {
    display: none;
}

#listeCompteurStat li,
#listeCompteurStat span {
    font-size: 13px;
}

#bilanAnnuel {
    margin-bottom: 50px;
}

/*#bilanAnnuel span{
        display: inline-block;
        margin-right: 10px;
        color: white;
        font-size: 90%;
        height: 20px;
        padding-top: 5px;
        width: 25px;
        text-align: center;
}*/
#bilanAnnuel td {
    text-align: right;
}

#bilanAnnuel tr td:first-child {
    text-align: left;
}

#bilanAnnuel tfoot tr td:first-child {
    font-size: 14px;
    text-transform: uppercase;
}

#bilanAnnuel span.representation_occupation {
    margin-right: 5px;
}

#bilanIndividuelR .historique_statutOccupation {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    width: auto;
    cursor: pointer;
}

img.historique_statutOccupation {
    cursor: pointer;
}

form select[multiple='multiple'] {
    height: 250px;
    width: 274px;
}

form select[multiple='multiple'].select_typeOcc_court {
    height: 100px;
}

/*---- Feuille journalière - création -----*/
#listeFeuilleJournaliere {
    margin: 10px;
}

#listeFeuilleJournaliere table {
    width: 100%;
}

#feuilleJournaliereTitre1,
#feuilleJournaliereTitre2 {
    font: 20px Lato;
    color: #333;
}

#feuilleJournaliereTitre1 a {
    color: #ff7372;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 12px;
}

#feuilleJournaliereTitre1 a:hover {
    color: #999;
}

#feuilleJournaliereTitre2 {
    font: 14px Lato;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
    margin: 20px 10px;
}

#feuilleJournaliereForm label,
#trancheHoraireForm label {
    margin-left: 15px;
    text-align: left;
    clear: both;
}

#feuilleJournaliereForm label {
    width: 210px;
}

#trancheHoraireForm label {
    width: 160px;
}

form#feuilleJournaliereForm input.inputDate {
    height: 17px;
    width: 95px;
    padding-left: 5px;
}

#trancheHoraireForm #dateDebutT,
#trancheHoraireForm #dateFinT {
    height: 17px;
    padding-left: 5px;
    width: 95px;
}

#trancheHoraireForm .inputHoraire {
    height: 21px;
}

/* IMPRESSION FEUILLE DE GARDE JOURNALIERE */
#print_fgj_contenu {
    margin: 20px;
}

#print_fgj_titre {
    margin: 20px 20px 0 20px;
    border: 1px solid #999;
}

#print_fgj_titre h1 {
    border: 0;
    font-weight: normal;
    font-size: 1.8em;
}

.print_fgj_vehicule {
    display: inline-block;
    border: 1px solid #999;
    vertical-align: top;
    margin: 10px 20px 10px 0;
}

.print_fgj_vehicule_titre {
    padding-left: 2px;
    height: 34px;
    line-height: 34px;
}

.print_fgj_vehicule_titre img {
    height: 30px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
}

span.print_fgj_vehicule_nom {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 1.5em;
    margin-left: 5px;
}

tr.print_fgj_vehicule_tranches {
    background-color: #ccc;
}

.print_fgj_vehicule_tranches th {
    width: 145px;
    border: 1px solid #999;
    padding: 2px 3px;
    margin: 0;
}

th.print_fgj_vehicule_tranche0 {
    width: 80px;
}

.print_fgj_vehicule table {
    border-collapse: collapse;
    border: 0;
    margin: 0;
}

.print_fgj_vehicule table tr {
    border: 0;
    margin: 0;
}

.print_fgj_vehicule_piquets td {
    border: 1px solid #999;
    padding: 2px 3px;
    margin: 0;
    overflow: hidden;
    max-width: 145px;
}

.print_fgj_vehicule_agent {
    font-weight: bold;
}

/* Requêteur */
#tableauBandeau {
    height: 21px;
    line-height: 21px;
}

#tableauSheetsLabel {
    margin: 0 10px 0 20px;
    display: inline-block;
    vertical-align: middle;
    height: 21px;
}

#tableauSheets {
    display: inline-block;
    vertical-align: middle;
    height: 21px;
}

#tableauExport {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    height: 21px;
}

#tableauExport button {
    margin-right: 20px;
    background-color: #fff;
    cursor: pointer;
}

div#tableauPlaceholder {
    padding: 10px;
}

/*-----------Thème Ext Datepicker--------------*/
.x-date-middle, .x-date-left, .x-date-right {
    background: #fff !important;
}

.x-date-middle button {
    color: #666 !important;
}

.x-date-bottom {
    border-top: 1px solid #ccc !important;
}

.x-date-bottom table.x-btn {
    background: #f0f0f0 !important;
    border: 1px solid #999 !important;
    text-transform: uppercase;
    margin: 10px;
}

.x-date-top table.x-btn {
    border: none !important;
}

td.x-btn-left, td.x-btn-right, td.x-btn-center, td.x-date-bottom button {
    background: transparent !important;
    border: 0 !important;
    text-transform: uppercase;
    font-weight: bold;
}

table.x-btn:hover {
    background: #e1e1e1 !important;
}

.x-btn-text {
    color: #ff7372 !important;
}

.x-btn-over {
    background: #e1e1e1 !important;
}

.x-date-right a {
    background-image: url('../images/ldgm/big_right_arrow.png') !important;
}

.x-date-left a {
    background-image: url('../images/ldgm/big_left_arrow.png') !important;
}

.x-btn-with-menu {
    background: #fff !important;
}

.x-date-bottom {
    background: #fff !important;
}

.x-date-picker {
    background: none !important;
    border: 0 !important;
}

.x-date-picker table {
    background-color: #fff !important;
}

.x-date-inner tr {
    background-color: #fff !important;
}

.x-date-inner td {
    background-color: #fff !important;
}

td.x-date-mp-month a,
td.x-date-mp-year a {
    color: #666 !important;
}

td.x-date-mp-month.x-date-mp-sel a,
td.x-date-mp-year.x-date-mp-sel a {
    font-weight: bold !important;
    background: #e1e1e1 !important;
    border: 0 !important;
}

td.x-date-mp-month.x-date-mp-sel a:hover,
td.x-date-mp-year.x-date-mp-sel a:hover {
    font-weight: bold !important;
    background: #e1e1e1 !important;
    border: 0 !important;
}

.x-date-mp-ybtn a {
    height: 16px !important;
}

a.x-date-mp-prev {
    background: transparent url('../images/ldgm/small_left_arrow.png') no-repeat center !important;
}

a.x-date-mp-next {
    background: transparent url('../images/ldgm/small_right_arrow.png') no-repeat center !important;
}

td.x-date-mp-sep {
    border-right: 1px solid #e6e6e6 !important;
}

.x-date-mp-btns {
    border-top: 1px solid #e6e6e6 !important;
}

.x-date-mp-btns button {
    border: 1px solid #999 !important;
    background: #f0f0f0 none no-repeat !important;
    color: #999 !important;
    margin: 10px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

button.x-date-mp-ok {
    color: #ff7372 !important;
}

/*
Changement de couleur des mois/années dans l'interface Ext de choix de date, sans
modifier la couleur du mois/année de la date actuellement sélectionnée
*/
td.x-date-mp-month:not(.x-date-mp-sel) a:hover,
td.x-date-mp-year:not(.x-date-mp-sel) a:hover {
    color: #ff7372 !important;
    background-color: transparent !important;
}

.x-date-mp-btns {
    background: none !important;
}

.x-date-inner th {
    background: transparent none !important;
    border-bottom: 1px solid #ccc;
    color: #999;
}

.x-menu {
    background: #fff none !important;
    border: 2px solid #333;
}

.x-date-inner .x-date-selected a {
    background: #e1e1e1 !important;
    font-weight: bold !important;
    border: 0 !important
}

.x-date-inner a:hover {
    background-color: #fff !important;
    color: #ff7372 !important;
}

.x-date-inner td:hover {
    background-color: #fff !important;
    color: #ff7372 !important;
}

.x-window,
.x-window-tl,
.x-window-tr,
.x-window-tc,
.x-window-ml,
.x-window-mr,
.x-window-mc,
.x-window-bl,
.x-window-br,
.x-window-bc {
    background: #fff none !important;
}

/*.x-date-left a {
    margin-left: 5px !important;
}*/
/*.x-window-header {
    display: none;
}*/
.x-window {
    border: 2px solid #333 !important;
}

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

.x-form-field-wrap .x-form-date-trigger {
    background-position: 2px 2px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

/*------Formulaire création de compte-----*/
#creerCompteForm label {
    text-align: right;
    width: 420px;
    float: none;
    display: inline-block;
}

#creerCompteForm label + input {
    text-align: left;
    width: 180px;
    float: none;
    display: inline-block;
}

#creerCompteForm .validFormulaire {
    float: none;
    margin-left: 520px;
    text-transform: uppercase;
}

/*--------Formulaire nb heures à effectuer ------*/
#formEnregistrerAnnee input[type='submit'] {
    width: 90px;
    margin-right: 380px;
}

#formEnregistrerAnnee .descriptif {
    width: 360px;
    display: flex;
    align-items: center;
}

#nbHeuresAEffectuer_compteurs {
    margin: 10px 0 20px;
    overflow: auto;
    height: 200px;
}

#nbHeuresAEffectuer_groupesCompteurs {
    margin: 10px 0 20px;
    overflow: auto;
    height: 100px;
}

#nbHeuresAEffectuer_compteurs table,
#nbHeuresAEffectuer_groupesCompteurs table {
    margin: 0;
}

/*----Indicateurs----*/
#indicateursTitre1 {
    font: 20px Lato;
    color: #333;
}

#indicateursTitre1 a {
    color: #ff7372;
    font-size: 12px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
}

#indicateursTitre2 {
    font: 14px Verdana;
    color: #666;
}

#indicateurForm .labelFormulaire,
#indicateurCritereForm .labelFormulaire {
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
    width: 200px;
    clear: both;
}

#indicateurForm input,
#indicateurCritereForm input {
    margin-top: 5px;
}

#indicateurForm .descriptif,
#indicateurCritereForm .descriptif {
    width: 355px;
    margin-top: 5px;
}

#indicateurForm .validFormulaire,
#indicateurCritereForm .validFormulaire {
    width: 100px;
    float: right;
    margin-right: 373px;
    clear: both;
}

#indicateurCritereForm {
    overflow: hidden;
    min-height: 200px;
}

#indicateurCritereForm .select2-container {
    margin-left: 12px;
    width: 275px;
}

/*----------Equipes-----------*/
#equipeTitre1 {
    font: 20px Lato;
    color: #333;
}

#equipeTitre2 {
    font: 14px Verdana;
    color: #666;
}

#equipeForm .labelFormulaire {
    text-align: left;
    margin-left: 20px;
    width: 200px;
    clear: both;
}

#equipeForm .descriptif {
    width: 355px;
}

#equipeForm .validFormulaire {
    width: 100px;
    float: right;
    margin-right: 373px;
    clear: both;
}

/*------Profils---------*/
#profilTitre1 {
    font: 20px Lato;
    color: #333;
}

#profilTitre1 a {
    color: #ff7372;
    font-size: 12px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
}

#profilTitre2 {
    font: 14px Verdana;
    color: #666;
}

#profilForm .labelFormulaire {
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
    width: 200px;
    clear: both;
}

#profilForm input {
    margin-top: 5px;
}

#profilForm .descriptif {
    width: 355px;
    margin-top: 5px;
}

#profilForm .validFormulaire {
    width: 100px;
    float: right;
    margin-right: 373px;
    clear: both;
    margin-top: 20px;
}

.inputDroit {
    vertical-align: middle;
    margin: 2px;
}

#enregistrerProfilDroit {
    color: #ff7372;
    padding: 2px 5px;
    text-transform: uppercase;
    border: 1px solid #999;
    background-color: #f0f0f0;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 50px;
    margin-top: 30px;
}

#enregistrerProfilDroit:hover {
    background-color: #c1c1c1;
}

div.tooltipDroits {
    height: 117px !important;
}

div.tooltipDroits .x-window-body {
    height: 40px !important;
}

div.tooltipDroits .ext-mb-text {
    vertical-align: middle !important;
}

/*---- Jours fériés ----*/
#jourFerieForm .labelFormulaire {
    text-align: left;
    margin-left: 100px;
    width: 200px;
}

#jourFerieForm .x-form-text {
    width: 180px;
}

#jourFerieForm select {
    width: 203px;
    height: 21px;
}

#jourFerieForm input[type='text'] {
    width: 199px;
    height: 17px;
}

#jourFerieForm input.inputCalendrier[type='text'] {
    width: 180px;
}

.inputCalendrier#dateRemplacant {
    background-position: top 1px right 1px;
    margin: 0;
}

#jourFerieForm .descriptif {
    width: 345px;
}

#jourFerieForm .validFormulaire {
    display: block;
    float: none;
    margin: 20px auto;
    clear: both;
    width: 100px;
}

#jourFerieForm .inputCalendrier {
    background-position: top 3px right 3px;
}

#jourFerieForm .likeSelect {
    width: 190px;
}

#jourFerieTitre2 {
    text-align: center;
    font: 14px Verdana;
    color: #666;
    font-weight: bold;
}

/**-----Utilisateurs connectés ----*/
#utilisateursConnectes {
    padding: 20px;
    width: 1200px;
}

#utilisateursConnectes h3 {
    margin-left: 0;
}

#moduleHistoriqueLien {
    line-height: 16px;
    height: 16px;
    margin: 20px 0;
}

#moduleHistoriqueLien .precedentModule,
#moduleHistoriqueLien .dateTraitee,
#moduleHistoriqueLien .suivantModule {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 16px;
}

#infobulle_modeSaisie h5 {
    font: 14px Verdana;
    color: #666;
    margin-top: 20px;
}

#tab_modesSaisies {
    width: auto;
    margin: 20px 0;
}

/** Demandes de remplacements **/
#validationRemplacement_demande {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    color: #000 !important;
    margin-left: 0;
}

#bodyInfobulle #infobulle_formulaire table#validationRemplacement_demande tr {
    display: inherit;
}

#validationRemplacement_demande td {
    border: 1px solid #ccc;
    height: 17px;
}

#validationRemplacement_demande .nomAgent {
    font-weight: bold;
    white-space: nowrap;
    font-size: 10px;
}

#remplacementMessage p {
    border: 1px solid #ccc;
    min-width: 398px;
    max-width: 398px;
    width: 398px;
    height: 50px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 5px 10px;
}

#remplacementMessageTitre {
    color: #a0a0a0;
    margin-bottom: 5px;
    margin-left: 10px;
}

#remplacementPicto {
    float: right;
    height: 15px;
    width: 14px;
    background-image: url('../images/remplacement_agent.png');
}

#messageRemplacement {
    /*margin-left: 21px;*/
    margin-bottom: 20px;
    width: 216px;
    height: 100px;
}

#bodyInfobulle #infobulle_formulaire table td + td.compteurDifferent,
#bodyInfobulle #infobulle_formulaire table td + td.dureeDifferente,
#bodyInfobulle #infobulle_formulaire table td + td.typeOccDifferent {
    color: #f00;
    font-weight: bold;
}

/**---------Maintenance----------*/
#maintenanceForm .descriptif {
    width: 283px;
}

#maintenanceForm .validFormulaire {
    width: 100px;
    float: right;
    margin-right: 300px;
}

#maintenanceForm textarea {
    height: 180px;
    width: 350px;
}

#titreTestEmail {
    margin-bottom: 10px;
}

#formTestEmail .validFormulaire {
    margin: 0 0 0 10px;
    float: left;
    height: 22px;
}

#formTestEmail input[type='text'] {
    width: 241px;
}

/* JQueryUI Datepicker */
/* Toutes les instructions sont taguées "important" pour surcharger le thème par défaut */
#ui-datepicker-div {
    z-index: 10000 !important;
    border: 2px solid #333;
}

.ui-datepicker-header {
    background-color: #fff !important;
    border: 0 !important;
}

.ui-icon-circle-triangle-w {
    background-image: url('../images/ldgm/big_left_arrow.png') !important;
    background-position: center !important;
}

.ui-icon-circle-triangle-e {
    background-image: url('../images/ldgm/big_right_arrow.png') !important;
    background-position: center !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    text-transform: uppercase !important;
    color: #666 !important;
    font-weight: normal;
}

.ui-datepicker th span {
    color: #999 !important;
    font-weight: normal !important;
    margin-left: 9px;
}

.ui-datepicker thead {
    border-bottom: 1px solid #ccc !important;
}

.ui-datepicker td span,
.ui-datepicker td:not(.ui-datepicker-current-day) a {
    border: 0 !important;
    background: none !important;
}

.ui-datepicker td a:hover {
    color: #ff7372 !important;
}

.ui-datepicker-current-day a {
    font-weight: bold !important;
    background-color: #e1e1e1 !important;
    border: 0 !important;
    color: #000 !important;
}

/* Planning par exercice */
#planninExercice_form {
    margin-bottom: 10px;
}

#planninExercice_form select {
    margin-right: 25px;
    height: 21px;
    padding-left: 3px;
}

#planninExercice_form .annee {
    margin-left: 25px;
}

#planninExercice_form a {
    display: inline-block;
    height: 25px;
    vertical-align: bottom;
    margin-left: 0;
}

#planninExercice_form .separateurVertical {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    height: 16px;
}

#planninExercice_form #exercice {
    margin-right: 0;
}

#planninExercice_form .aide_en_ligne {
    margin-left: 0;
}

#planninExercice_form #imprimerPlanningIndiv, #planninExercice_form .validFormulaire {
    letter-spacing: 1px;
    padding: 2px 10px;
}

.planninExercice_mois {
    border-top: 1px solid #999;
    padding: 10px 0;
}

.planningExercice_nomMois {
    float: left;
    display: inline-block;
    height: 75px;
    width: 72px;
    line-height: 75px;
    text-transform: capitalize;
    font-weight: bold;
    padding-top: 8px;
}

.planningExercice_contenuMois {
    width: 940px;
    display: inline-block;
}

/* Planning par exercice - IHTS */
#ihtsExercice {
    width: 660px;
    height: 140px;
    padding: 5px;
    border: 2px solid #999;
    margin-bottom: 10px;
}

#ihtsExercice table {
    width: 95%;
}

#ihtsExercice_objectifs {
    border-right: 1px solid #999;
    width: calc(50% - 1px);
}

#ihtsExercice_realise {
    width: calc(50% - 5px);
    padding-left: 5px;
}

#ihtsExercice_objectifs,
#ihtsExercice_realise {
    height: 100%;
    float: left;
}

#ihtsExercice_objectifs th,
#ihtsExercice_realise th {
    width: 100%;
    font-size: 12px;
    color: #999;
}

.ihts_titre {
    color: #666;
}

#ihtsExercice_objectifs td,
#ihtsExercice_realise td {
    font-size: 12px;
}

#ihtsExercice_objectifs tbody tr:first-child,
#ihtsExercice_realise tbody tr:first-child {
    width: 70%;
}

#ihtsExercice_objectifs label {
    font-size: 12px;
}

#ihtsExercice_objectifs input {
    text-align: right;
    width: 50px;
}

#ihtsExercice_enregistrer {
    text-align: right;
    padding-top: 10px;
}

#ihtsExercice_enregistrer button {
    cursor: pointer;
    margin-right: 5px;
}

.ihtsMois {
    margin-top: 5px;
    margin-bottom: 15px;
    padding-left: 60px;
}

.ihtsMois .ihts_titre {
    display: inline-block;
    margin-left: 20px;
}

.ihts_valeur,
.ihts_valeur_important {
    display: inline-block;
    margin: 0 10px;
    width: 60px;
    padding: 2px 5px;
    text-align: center;
}

.ihts_valeur {
    border: 2px solid #ccc;
}

.ihts_valeur_important {
    border: 2px solid #666;
}

.heuresSup_fige {
    font-weight: bold;
    color: #000;
}

.heuresSup_ok {
    font-weight: normal;
}

.heuresSup_depasse {
    font-weight: bold;
    color: #f00;
}

.lienPlanningIndividuel {
    color: black;
}

.lienPlanningIndividuel span:hover {
    text-decoration: underline;
}

/* Synthèse feuille journalière */
#syntheseJourBandeau {
    width: 100%;
    border: 1px solid #999;
    height: 70px;
}

#syntheseJourBandeauLogo {
    width: 160px;
    height: 60px;
    line-height: 60px;
    float: left;
    border-right: 1px solid #999;
    text-align: center;
    margin: 5px 20px 5px 0;
}

#syntheseJourBandeauLogo img {
    vertical-align: middle;
    display: inline-block;
}

#syntheseJourBandeauHaut {
    margin-top: 12px;
}

#syntheseJourBandeauBas {
    clear: right;
    line-height: 20px;
}

#syntheseJourBandeauFeuille {
    font-size: 18px;
    color: #666;
    font-weight: normal;
    float: left;
}

#syntheseJourBandeauEntite {
    float: left;
}

#syntheseJourBandeauEntite, #syntheseJourBandeauDate {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

#syntheseJourBandeauDate {
    text-align: right;
    margin-right: 20px;
    margin-top: 12px;
}

#syntheseJourBandeauAgent {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    margin-right: 20px;
    color: #666;
    vertical-align: bottom;
}

#syntheseJourBandeauAgent #nomAgent {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    vertical-align: bottom;
}

#syntheseJourFonctions h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 30px;
    float: left;
    display: inline-block;
}

#syntheseJourFonctions {
    margin-bottom: 20px;
}

#syntheseJourOccupations {
    border-top: 1mm solid #333;
    margin-bottom: 20px;
}

#syntheseJourOccupations h3 {
    line-height: 30px;
    float: left;
    display: inline-block;
}

#syntheseJourFonctions h3 span,
#syntheseJourOccupations h3 span,
#syntheseJourConsignes h3 span {
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    color: #666;
    font-weight: normal;
    margin-left: 5px;
}

.syntheseJourPicto {
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

#syntheseJourFonctions table,
#syntheseJourOccupations table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: none;
    border-left: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    clear: both;
}

#syntheseJourFonctions td,
#syntheseJourOccupations td,
#syntheseJourConsignes td {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: none;
    border-bottom: none;
}

#syntheseJourFonctions tr,
#syntheseJourOccupations tr {
    border: none;
}

#syntheseJourFonctions .ligneDebut {
    border-bottom: none;
}

#syntheseJourFonctions .ligneFin {
    border-top: none;
}

#syntheseJourFonctions .ligneMilieu {
    border-top: none;
    border-bottom: none;
}

#syntheseJourFonctions .libelle_poste,
#syntheseJourFonctions .libelle_agent,
#syntheseJourOccupations .libelle_poste,
#syntheseJourOccupations .libelle_agent {
    font-weight: bold;
}

#syntheseJourFonctions .statutAdministratif,
#syntheseJourOccupations .statutAdministratif {
    width: 40px;
}

#syntheseJourOccupations .occupation {
    width: 30px;
    font-weight: bold;
}

#syntheseJourOccupations .horaires {
    width: 90px;
}

#syntheseJourOccupations .message {
    min-width: 60px;
}

#syntheseJourOccupations .cellule_vide {
    min-width: 90px;
}

.syntheseJourOccupationsEntete {
    clear: both;
    height: 31px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.syntheseJourCumuls {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    float: right;
    border: 1px solid #333;
    padding: 5px 10px;
    height: 21px;
    line-height: 21px;
}

.syntheseJourCumulsTranche,
.syntheseJourCumulsValeur,
.syntheseJourCumulsValeurFin {
    display: inline-block;
    height: 21px;
    vertical-align: middle;
}

.syntheseJourCumulsValeur {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #333;
    font-weight: bold;
}

.syntheseJourCumulsValeurFin {
    font-weight: bold;
}

.syntheseJourCumulsTranche {
    margin-right: 15px;
}

#syntheseJourConsignes {
    border-top: 1mm solid #333;
}

.syntheseJourConsignesEntete {
    clear: both;
    height: 31px;
    margin-top: 20px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#syntheseJourConsignes table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #999;
    clear: both;
    margin-bottom: 30px;
}

#syntheseJourConsignes th {
    color: #666;
    padding-bottom: 5px;
    font-weight: normal;
    border: none;
}

#syntheseJourConsignes tbody tr td:last-child {
    border-right: 1px solid #999;
}

#syntheseJourConsignes tr {
    height: 25px;
}

/* Popup historique */
#historique {
    padding: 10px;
}

#historique table,
#historiqueConsigne table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

#historique th,
#historiqueConsigne th {
    color: #666;
}

#historique td,
#historique th,
#historiqueConsigne td,
#historiqueConsigne th {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

/* Suivi Absences */
.suiviAbsencesTitre2 {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 3px double #999;
}

.masquerDetails {
    width: 100%;
    height: 40px;
    cursor: pointer;
    padding-top: 18px;
    background: url('../images/fleche_masquer.png') no-repeat center top 5px;
}

.masquerDetails p {
    height: 20px;
    border: 1px solid #999;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    background-color: #f0f0f0;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px;
    color: #9a9a9a;
}

.boutonDetails,
.boutonDetailsOccupation,
.boutonMasquerOccupation {
    cursor: pointer;
}

/* Exercices comptables */
#exerciceForm input.inputCalendrier[type='text'] {
    width: 271px;
    background-position-y: 3px;
}

/* jQueryUI */
.noClose .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog {
    z-index: 10000 !important;
}

/* Infobulle occupations */
.infobulleOccupations {
    width: 220px;
    padding: 1px !important;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    position: fixed;
}

.infOccOccupation .details span, .ttcompteur span {
    text-align: center;
}

.infOccOccupation .ttcompteur, .infOccOccupation .details, .infOccOccupation .messageOcc {
    display: flex;
}

.ttcompteur span, .infOccOccupation .entite, .infOccOccupation .horaires {
    text-transform: uppercase;
    min-width: 102px;
    max-width: 102px;
    padding: 4px;
}

.infOccOccupation .details {
    min-height: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}

.infOccOccupation .messageOcc {
    padding: 5px;
    border-top: 1px solid #c1c1c1;
    padding-bottom: 15px;
}

.ttcompteur span {
    font-weight: bold;
    background-color: #eaeaea;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ttcompteur span:nth-child(2) {
    padding-right: 5px;
    padding-left: 5px;
}

.ttcompteur span:nth-child(2), .infOccOccupation .entite {
    padding-left: 6px;
    padding-right: 2px;
}

.infOccOccupation .entite, .infOccOccupation .horaires {
    font-size: 1.1em;
}

.ttcompteur span:first-child, .infOccOccupation .details span:first-child {
    border-right: 1px solid #999;
}

.ttcompteur small.unite {
    text-transform: none;
}

.labelPiquets {
    background-color: #464646;
    color: #999;
    text-align: center;
}

.infOccMessageJournee {
    height: 20px;
    padding: 5px 10px 5px 20px;
}

.infOccMessageJournee p {
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
}

.infOccOccupation {
    margin: 0;
}

.infOccOccupation .nature, .infOccOccupation .details, .infOccOccupation .ttcompteur {
    height: 19px;
}

.infOccOccupation p, .infoPiquet p, .labelPiquets {
    height: 16px;
    width: 210px;
    line-height: 16px;
    vertical-align: middle;
    padding: 2px 5px;
}

.infOccOccupation .type, .infoPiquet .libellePoste, .labelPiquets {
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.infOccOccupation .type.avecPj {
    background-image: url('../images/pj.png');
    background-repeat: no-repeat;
    background-position: left 5px top 2px;
}

.infOccOccupation .type,
.infOccOccupation .nature, .infoPiquet .libellePoste,
.ttcompteur span, .infOccOccupation .entite, .infOccOccupation .horaires {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.infoPiquet .details {
    display: table;
    margin-bottom: 5px;
}

.infoPiquet .entite {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 115px;
    max-width: 115px;
}

.infoPiquet .horaires {
    border-left: 1px solid #999;
    display: table-cell;
    float: right;
    padding-left: 5px;
}

.infOccOccupation .aucuneOccupation {
    background-color: #eaeaea;
}

.infOccOccupation .nature {
    background-color: #eaeaea;
}

.triangleDroite {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid black;
}

/* RythmeTravail */

.quotiteRythmeTravail {
    margin-bottom: 11px !important;
}

/* FeuillePresence */

#formSemaineImpaire tr, #formSemainePaire tr, #formQuinzaine tr, #formSemaineImpaire td, #formSemainePaire td, #formSemaineImpaire th, #formSemainePaire th {
    border: 0;
}

.formFeuillePresence td, .formFeuillePresence th, .formFeuillePresence tr {
    text-align: center;
    border-right: initial;
}

#formSemaineImpaire td:first-child, #formSemainePaire td:first-child, #formQuinzaine tr > td {
    text-align: left;
    padding-bottom: 16px;
}

#formSemaineImpaire td.semaine, #formSemainePaire td.semaine {
    padding-bottom: 0;
}

#formSemaineImpaire div.ligneSemaine, #formSemainePaire div.ligneSemaine {
    border-top: dotted #999 1px;
    margin-top: 9px;
}

.jourFeuillePresence td#milieuTab {
    border-right: 1px solid #e6e6e6;
}

#formSemaineImpaire tr.jourFeuillePresence > td:last-child, #formSemainePaire tr.jourFeuillePresence > td:last-child {
    font-weight: bold;
}

.formFeuillePresence th:first-child {
    color: black;
    font: 14px Verdana;
    font-weight: bold;
}

#formSemaineImpaire label, #formSemainePaire label {
    color: #999;
    font-weight: bold;
}

.jourFP {
    color: #999;
}

#formQuinzaine td:last-child {
    border-right: 0;
}

#formQuinzaine td.totalQuinzaine {
    color: black;
    font-size: 14px;
    text-align: center;
}

#formQuinzaine td.totalQuinzaine > span {
    font-weight: bold;
    font-size: inherit;
}

.calculDuree {
    font-style: italic;
}

td.jourFP > input[type='number'] {
    width: 61px;
    float: none;
    vertical-align: initial;
}

.jourFP #a {
    margin-right: 6px;
}

.formFeuillePresence td.resultat {
    padding-bottom: 19px;
}

div.titreFPA {
    margin-bottom: -25px;
}

div.titreFPA #titreNouveauRythme {
    width: 56%;
}

div.titreFPA span {
    vertical-align: top;
    margin: 0;
}

div.titreFPA input[type='checkbox'] {
    width: 3%;
    float: none;
}

/* Planning hebdomadaire */
#agendaEdition.hebdomadaire #enTeteAgenda .et {
    width: 147px;
    margin-right: 1px;
    margin-left: 1px;
}

#agendaEdition.hebdomadaire #enTeteAgenda .et a {
    width: 147px;
    vertical-align: top;
    margin-top: -2px;
}

#tab_gardeEntete.hebdomadaire #lienListe {
    width: 294px;
    display: inline-block;
    height: 17px;
    background-color: #464646;
    line-height: 17px;
}

#tab_gardeEntete.hebdomadaire #lienListe a {
    width: 294px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 15px;
    height: 16px;
}

#tab_gardeEntete.hebdomadaire .nomJour {
    width: 147px;
    margin-left: 3px;
    display: inline-block;
    text-align: center;
    height: 18px;
    color: #999;
}

#tab_gardeEntete.hebdomadaire .nomJour ~ .nomJour {
    margin-left: 2px;
}

#tab_gardeEntete.hebdomadaire .nomJour.aujourdhui {
    background: none;
}

#agendaEdition.hebdomadaire #corpsAgenda .c {
    width: 145px;
    margin-left: 1px;
    margin-right: 3px;
    height: 70px;
}

#agendaEdition.hebdomadaire #corpsAgenda .c,
#agendaEdition.hebdomadaire #corpsAgenda .c p {
    width: 145px;
}

#agendaEdition.hebdomadaire #corpsAgenda .agent {
    height: 70px;
    line-height: 70px;
    margin-top: 5px;
}

#agendaEdition.hebdomadaire #corpsAgenda .pc {
    height: 58px;
    line-height: 58px;
}

#agendaEdition.hebdomadaire #corpsAgenda .pc:first-child {
    margin-top: 5px;
}

#agendaEdition.hebdomadaire #corpsAgenda .pc p {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    height: 50px;
    padding: 4px;
    display: flex;
    align-items: center;
}

#agendaEdition.hebdomadaire #corpsAgenda .pc p span {
    padding: 0;
    text-align: center;
}

#agendaEdition.hebdomadaire #corpsAgenda .c p {
    border: 0;
    background-image: url('../images/ldgm/case_hebdo.png');
    background-position: 0 0;
    height: 70px;
}

#agendaEdition.hebdomadaire #corpsAgenda .c p.select {
    background-position: -145px 0;
}

#agendaEdition.hebdomadaire #corpsAgenda .c.vacance_weekend p {
    background-position: 0 -70px;
}

#agendaEdition.hebdomadaire #corpsAgenda .c.vacance_weekend p.select {
    background-position: -145px -70px;
}

.hebdomadaire #enlargeLGM {
    width: 1043px !important;
}

.hebdomadaire #blocTotaux div p {
    width: 147px;
}

.hebdomadaire .separateurGroupe {
    width: 1043px !important;
}

#agendaEdition.hebdomadaire #enTeteAgenda .aujourdhui {
    background-image: url('../images/ldgm/aujourdhuiHebdo.png');
}

#agendaEdition.hebdomadaire .occ_3 {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid #ffff0e;
    border-top: 14px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 3px;
    right: 0;
}

#agendaEdition.hebdomadaire .messageJour {
    width: 0;
    height: 0;
    border-left: 14px solid #000;
    border-right: 14px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: 3px;
    left: 0;
}

.occHebdo {
    position: relative;
}

.occHebdo span {
    position: absolute;
    height: 18px;
    line-height: 18px;
    box-sizing: border-box;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
}

.occHebdo span.occJour_pauseMeridienne {
    background-color: transparent;
    border-top: 2px solid #07fefe;
    border-right: 0;
}

.vacance_weekend .occHebdo span {
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.occHebdo span.occ_transparent,
.occHebdo span.sO_r,
.occHebdo span.sO_1,
.occHebdo span.sO_3,
.occHebdo span.sO_4,
.occHebdo span.sO_5 {
    border: 1px solid #999;
    height: 17px;
    line-height: 16px;
}

.occHebdo .ligne1 {
    top: 13px;
}

.occHebdo .ligne2 {
    top: 31px;
}

.occHebdo .ligne3 {
    top: 49px;
}

#infobulleTotauxIndiv.hebdomadaire #ligneET {
    margin-bottom: 16px;
}

#infobulleTotauxIndiv.hebdomadaire #bloc_lignes .d {
    height: 58px;
    line-height: 58px;
}

#infobulleTotauxIndiv.hebdomadaire #bloc_lignes .d p {
    height: 58px;
}

/* Transfert de planning */
#transfertPlanning input[type='radio'],
#transfertPlanning input[type='checkbox'] {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
    float: none;
}

#transfertPlanning p {
    color: #666;
    line-height: 22px;
    height: 22px;
    /*margin-left: 0;*/
}

#transfertPlanning button {
    width: 100px;
    margin-left: 10px;
}

#transfertPlanning p input,
#transfertPlanning p span,
#transfertPlanning p button {
    margin-top: 0;
    float: none;
    display: inline-block;
}

#transfertPlanning input[type='text'] {
    padding-left: 5px;
}

#transfertPlanning p button {
    height: 22px;
}

#transfertPlanning button[type='submit'],
#transfertPlanning #annuler {
    float: right;
}

#transfertPlanning #annuler {
    color: #666;
}

#transfertPlanning .inputCalendrier {
    margin-right: 10px;
    width: 150px;
}

#transfertPlanning #dates {
    margin-bottom: 20px;
}

#actionsOccupations {
    margin-top: 84px;
}

/* Groupes indicateurs collectifs */

.ligneGroupe.masquer p {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

h3.formulaireSolde {
    margin-top: 30px;
}

/*Moteur de recherche d'occupation*/

.dlisteCM, .listeCM {
    width: 100%;
}

.dlisteCM option, .listeCM option {
    padding-left: 5px;
}

#RechercheOccupation fieldset legend {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 10px;
}

#RechercheOccupation .validFormulaire {
    margin-top: 20px;
    margin-bottom: 10px;
}

#RechercheOccupation input[type='checkbox'] {
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: sub;
    margin-left: 5px;
}

#RechercheOccupation #cChoix input[type='checkbox'] {
    margin-bottom: 0;
}

#RechercheOccupation #dD, #dF {
    margin-right: 20px;
    height: 15px;
}

#CritereRecherche h3 {
    color: #ff7372;
    font: 20px Lato;
    margin: 0 0 20px 10px;
}

#cEntite, #cListeOcc, #cNatureOcc, #cStatutAdmin, #cGrade, #cTypeCompt, #cStatutOcc, #cJour {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: auto;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;
    height: 200px;
}

#cStatutOcc {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    align-items: center;
}

#cListe {
    display: flex;
    justify-content: flex-start;
}

#cChoix {
    display: flex;
    flex-direction: column;
}

#divJFerie, #divSAdministratif, #divSOC, #divPScolaire, #divPj, #divStatutOcc {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#divJFerie input[type='radio'],
#divSAdministratif input[type='checkbox'],
#divSOC input[type='checkbox'],
#divPScolaire input[type='radio'],
#divPj input[type='radio'],
#divStatutOcc input[type='radio'] {
    margin-left: 5px;
    margin-right: 5px;
}

#spanJFerie, #spanSAdministratif, #spanSOC, #spanPScolaire, #spanPj, #spanStatutOcc {
    font-size: 1.3em;
    color: #999;
    width: 135px;
    margin-left: 5px;
}

#cListe span {
    color: #999;
    margin-bottom: 10px;
}

.titreChck {
    display: inline-block;
    width: 160px;
}

.spanChck {
    margin-left: 10px;
    margin-right: 10px;
}

.chckSigne {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
}

#RechercheOccupation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#RechercheOccupation input[type='number'] {
    width: 50px;
}

#RechercheOccupation #oP, #oTT, #oTP, #oTR, #oNR {
    width: 45px;
}

.divInputsParametrage label {
    width: 95px;
    text-align: right;
}

#RechercheOccupation legend {
    font-size: 1.3em;
    color: #999;
}

#RechercheOccupation fieldset {
    padding: 10px 5px 10px 5px;
    border-radius: 5px;
    width: 99%;
    border: 1px solid #999;
}

#corpsRechercheOccupation {
    width: 98%;
    margin: 0 auto;
}

#corpsRechercheOccupation tfoot th {
    font-weight: bold;
    color: black;
}

#corpsRechercheOccupation table.dataTable tfoot th + th {
    padding: 5px 10px 5px 10px;
}

#corpsRechercheOccupation table.dataTable tfoot th:nth-child(0n+7) {
    padding-right: 18px;
    text-align: center;
}

#corpsRechercheOccupation #btnExportCSV {
    margin-left: 45px;
    border-radius: 5px;
    background-image: url('../images/icone_csv.png');
    width: 195px;
    height: 41px;
    border: 1px solid #343434;
    padding: 2px 5px 2px 35px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    color: #ff7372;
    font-weight: bold;
    box-shadow: 3px 3px 3px #bbb;
}

#corpsRechercheOccupation button.dt-button.disabled {
    margin-left: 45px;
    border-radius: 5px;
    background-image: url('../images/icone_csv_disable.png') !important;
    width: 195px;
    height: 41px;
    border: 1px solid #999 !important;
    padding: 2px 5px 2px 35px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    color: #999 !important;
    font-weight: normal !important;
}

#corpsRechercheOccupation #explications {
    margin-left: 10px;
    color: #999;
}

#corpsRechercheOccupation .dataTables_length {
    margin: 30px auto 10px auto;
}

#corpsRechercheOccupation .separateurGroupe {
    width: 100%;
    margin-bottom: 10px;
}

#corpsRechercheOccupation .dt-buttons {
    position: absolute;
    right: 0;
    margin-bottom: 30px;
}

#corpsRechercheOccupation table.oLeBoTableau th,
#corpsRechercheOccupation table.oLeBoTableau tr,
#corpsRechercheOccupation table.oLeBoTableau td {
    height: 30px;
}

#periode span {
    margin-left: 5px;
}

/* Surcharge Datatables */
#datatables {
    border-collapse: collapse;
}

#datatables td,
#datatables th {
    padding: 5px 10px;
    border: 1px solid #ccc;
}

#datatables th {
    font-weight: normal;
    color: #999;
    text-align: center;
}

#messageErreur a {
    color: #ff7372;
    text-decoration: underline;
}

#cEntite select[multiple='multiple'], #cListeOcc select[multiple='multiple'], #cNatureOcc select[multiple='multiple'],
#cStatutAdmin select[multiple='multiple'], #cGrade select[multiple='multiple'], #cTypeCompt select[multiple='multiple'],
#cStatutOcc select[multiple='multiple'], #cJour select[multiple='multiple'] {
    width: auto;
    min-width: 100px;
}

/**** Cycle : liste déroulante typeCycle et descriptif ****/
.ferie select#id_typeFerieCycle, .weekend select#id_typeWeekendCycle {
    height: 22px;
}

.ferie .descriptif, .weekend .descriptif {
    margin-bottom: 45px;
}

.changeEntite {
    margin-left: 5px;
}

/**** Style du formulaire de conversion dispo ****/

#formConversionOcc #blocOccupation div {
    margin-bottom: 7px;
}

#blocPresenceHoraires {
    margin-top: 24px;
}

#formConversionOcc #blocPresenceHoraires {
    margin-top: 25px;
}

#formConversionOcc #blocNature {
    margin: 5px 0 20px 0;
}

#formConversionOcc #blocPresenceHoraires input[type=number] {
    display: block;
    float: left;
    margin: 0 0 0 4px;
    width: 40px;
}

#formConversionOcc #blocDuree select.supLimit, #formConversionOcc #blocPresenceDuree select.supLimit,
#formConversionOcc #blocPresenceFin .supLimit {
    border: 2px solid #f00;
}

#formConversionOcc #infobulle_tempsTravail_erreur label {
    float: right;
    margin-top: 20px;
    width: 220px;
    color: #f00;
    text-transform: initial;
}

#formConversionOcc #infobulle_tempsTravail_erreur {
    display: none;
}

/* jQueryUI Tabs */
#tabs, #modeListeAgents {
    border: none;
}

#tabs .ui-tabs-nav, #modeListeAgents .ui-tabs-nav {
    background-color: transparent;
    border: none;
}

#tabs .ui-tabs-panel, #modeListeAgents .ui-tabs-panel {
    padding: 10px;
}

#tabs .ui-tabs-tab, #modeListeAgents .ui-tabs-tab {
    background-color: #dfdfdf;
}

#tabs .ui-tabs-tab.ui-state-active, #modeListeAgents .ui-tabs-tab.ui-state-active {
    background-color: #f2f2f2;
    border-color: #c5c5c5;
    font-weight: bold;
}

#tabs .ui-tabs-tab.ui-state-active a, #modeListeAgents .ui-tabs-tab.ui-state-active a {
    color: black;
}

#modeListeAgents #tabsBordInterieur {
    height: auto;
}

#tabsBordExterieur,
#tabsBordInterieur {
    border: 1px solid #d0d0d0;
}

#tabsBordInterieur {
    height: 580px;
    overflow-y: auto;
}

#tabsBordIntermediaire {
    border: 5px solid #f2f2f2;
    border-bottom-width: 15px;
}

#masqueChargement {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background-color: rgba(128, 128, 128, 0.5);
}

/**
Ecrans occupant toute la largeur disponible
 */

.blocFormulaire.large .champ {
    display: flex;
    clear: both;
    align-items: center;
    min-height: 4em;
    max-height: max-content;
}

.blocFormulaire.large .champ label,
.blocFormulaire.large .champ input,
.blocFormulaire.large .champ select,
.blocFormulaire.large .champ textarea {
    float: none;
    margin: 0;
}

.blocFormulaire.large .champ label {
    width: 10em;
}

.blocFormulaire.large .descriptif {
    float: left;
    width: auto;
}

.blocFormulaire.large h3 {
    margin-left: 0;
}

.blocFormulaire.large h3.titre2 {
    margin-top: 30px;
}

.blocFormulaire.large .labelFormulaire {
    margin-left: 0;
}

.blocFormulaire.large .validFormulaire {
    float: left;
    margin-left: 0;
}

.blocFormulaire h4 {
    font: 14px Verdana;
    color: #666;
    font-weight: bold;
    margin: 2em 0 1em 0;
}

/* Surcharge styles Datatables */
.dataTable {
    width: 100% !important;
    border-collapse: collapse !important;
}

.dataTable td,
.dataTable th {
    border: 1px solid #ccc !important;
    /*padding: 5px 10px !important;*/
    font-weight: normal !important;
}

.dataTable tr.odd {
    background-color: #eee !important;
}

.dataTable:not(.tdb_demandes) td p {
    padding: 3px 0;
}

.dataTable th {
    color: #999 !important;
    text-align: center !important;
    font-weight: normal !important;
}

/* Augmente le padding pour laisser la place aux flèches de tri */
.dataTable th.sorting,
.dataTable th.sorting_asc,
.dataTable th.sorting_desc {
    padding-right: 15px !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
    color: #000;
    right: 0;
}

div.dt-search {
    display: flex;
    align-items: center;
}

.dataTables_filter {
    margin-bottom: 10px;

}

.dataTables_filter label {
    display: flex;
    align-items: center;
}

.dataTables_filter input {
    height: 20px;
}

.dataTables_info,
.dataTables_paginate {
    font-size: 12px !important;
    margin-top: 10px;
}

/*
 * Plannings - Boîte de dialogue pour le choix du nombre d'agents affichés
 */

/* Masque par défaut la boîte */
#enlargeLGMDialog {
    display: none;
}

/* Définit les dimensions du champ permettant de spécifier le nombre d'agents */
#enlargeLGMDialog #nbAgents {
    height: 20px;
    width: 40px;
}

#site .ui-dialog-titlebar {
    background-color: white;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid black;
    height: 20px;
    color: #ff7372;
    display: flex;
    align-items: center;
}

#site .ui-dialog-titlebar-close .ui-button-icon {
    background-image: url('../images/piquet/close.png');
    background-position: 0 0;
    width: 10px;
    height: 10px;
    top: 12px;
}

#site .ui-dialog-titlebar-close .ui-button-icon:hover {
    background-position: -10px 0;
}

#site .ui-button {
    padding: 5px 10px;
}

#site .ui-button-icon-only {
    background-color: transparent;
    border: none;
    width: 10px;
    height: 10px;
    padding: 0;
}

/* Style du module de suivi des clotures de planning */
#suiviCloture h3 {
    margin: 0 0 20px 0;
}

#suiviCloture th {
    min-width: 42px;
    max-width: 42px;
    padding: 5px;
}

#suiviCloture th:first-child {
    width: 75px;
}

#suiviCloture th:first-letter {
    text-transform: uppercase;
}

#suiviCloture label {
    margin-left: 0;
    margin-right: 18px;
    width: auto;
    margin-top: 1px;
}

#suiviCloture select {
    margin-left: 0;
}

/*Ticket 4433*/

#bloc_regroupeVehicule {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 98%;
    margin-left: 1%;
    margin-top: 10px;
    border: 1px solid black;
}

.blocEngin {
    display: flex;
    flex-direction: column;
}

.enteteBlocEngin {
    border-bottom: 1px #999 solid;
    border-top: 1px #999 solid;
    margin-bottom: 2px;
}

.enteteBlocEngin, .blocSupPoste, .blocInfPoste {
    display: flex;
    width: 98%;
    margin-left: 1%;
}

.enteteBlocEngin, .blocInfPoste {
    padding-bottom: 5px;
    padding-top: 5px;
}

.blocInfPoste {
    margin-top: -20px;
    margin-bottom: 8px;
}

.blocPoste {
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 15px;
}

.pictoEngin {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.descriptionPoste, .modeAppel {
    width: 194px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border-left: solid #ccc 1px;
    border-top: solid #ccc 1px;
    border-right: solid #ccc 1px;
    cursor: pointer;
}

.norules {
    cursor: default;
}

.derPoste {
    border-bottom: solid #ccc 1px;
}

.descriptionPoste img {
    position: absolute;
    right: 5px;
    cursor: help;
}

.descriptionPoste:hover, .modeAppel:hover {
    font-weight: bold;
    background-color: #e1e1e1;
}

.norules:hover {
    font-weight: normal;
    background-color: white;
}

.descriptionPoste span, .modeAppel span {
    margin-left: 11px;
    color: black;
}

.espacePoste {
    width: 3.4%;
}

.pictoPoste {
    width: 10px;
    margin-left: 10px;
    height: 10px;
    transform: rotate(180deg);
}

.plierDeplier {
    cursor: pointer;
    min-height: 54px;
}

.iconeEngin {
    margin-right: 50px;
}

.libelleEngin {
    width: 70%;
    border-right: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

.chargeEngin {
    width: 25px;
    height: 10px;
}

.pictoArmement {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chargeEngin {
    width: 30px;
    height: 11px;
    cursor: help;
}

.lowCharge {
    background-image: url('../images/jauge_low.png');
}

.mediumCharge {
    background-image: url('../images/jauge_medium.png');
}

.fullCharge {
    background-image: url('../images/jauge_full.png');
}

.lowChargeT {
    color: rgb(255, 0, 0);
}

.mediumChargeT {
    color: rgb(255, 153, 0);
}

.fullChargeT {
    color: rgb(0, 204, 0);
}

.plierdeplier .pictoPoste {
    transform: rotate(180deg);
}

.deplier .pictoPoste {
    transform: rotate(0);
}

.cache {
    display: none;
}

.timeLine {
    width: 899px;
    height: 21px;
}

.timeLine table {
    width: 100%;
    border-collapse: collapse;
    z-index: 0;
}

.timeLine td {
    position: relative;
    border: 1px solid #ccc;
}

.timeLine td {
    position: relative;
    border: 1px solid #ccc;
}

.libTimeLine {
    position: absolute;
    top: -18px;
    left: -13px;
}

.libTimeLineDebut {
    position: absolute;
    top: -18px;
    left: -13px;
}

.libTimeLineFin {
    position: absolute;
    top: -18px;
    right: -12px;
}

.cellTimeLine:nth-child(odd) {
    border-right: 1px solid #e2e2e2;
}

.cellTimeLineFin {
    border: none !important;
    width: 0;
}

.barre {
    position: absolute;
    background-color: #45baf6;
    height: 80%;
    margin-bottom: 2.1px;
    bottom: 0;
    display: flex;
    align-items: center;
    color: white;
    font-weight: bold;
    z-index: 1;
    text-transform: uppercase;
}

.nom {
    width: 100%;
    display: flex;
    justify-content: center;
}

.suppPiquet, .suppAppel {
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-right: 3px;
    width: 11px;
    height: 10px;
    font-size: 0.8em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid white;
    z-index: 2;
}

.libTimeLineDebut, .libTimeLineFin, .libTimeTranche {
    font-weight: bold;
}

table .cellTimeTranche {
    border-left: 1px double grey;
}

.tableOccupation {
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 1135px;
}

.tableOccupation tr {
    height: 24px;
}

.tableOccupation th, .tableOccupation tr, .tableOccupation td {
    border: 1px solid #ccc;
}

.tableOccupation tr:hover, .tableOccupation .multiLignes:hover {
    border: 1px double #000;
}

.tableOccupation .multiLignes > tr:hover {
    border: none;
}

.colTypeOccupation {
    width: 39px;
}

.colAgent {
    width: 190px;
    padding-left: 1%;
    text-transform: uppercase;
}

.colTypeOccupation {
    width: 3.5%;
}

.pictoOcc {
    display: flex;
    justify-content: center;
    margin: 0 15%;
}

.timeLineOcc {
    position: relative;
}

.timeOccupation {
    position: absolute;
    height: 70%;
    bottom: 15%;
}

.timeOccupation {
    cursor: pointer;
}

.infosColAgent {
    width: 100%;
    max-width: 190px;
    display: grid;
    grid-template: repeat(2, 10px) / 8fr 1fr;
    padding-bottom: 2px;
}

.infosColAgent span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.infosColAgent .libAgent {
    display: flex;
    font-weight: bold;
}

.infosColAgent img {
    grid-area: 1/2/3/3;
    align-self: center;
}

.gradeEquipe {
    display: flex;
}

.gradeEquipe .libGrade {
    border-right: 2px solid #999999;
    font-weight: normal;
}

.gradeEquipe .libGrade, .gradeEquipe .libEquipe {
    width: 50%;
    text-align: start;
}

.gradeEquipe .libEquipe {
    padding-left: 5px;
}

.enteteOccupation {
    border: none !important;
}

.occPrise {
    background-color: #ccc;
    position: absolute;
    height: 70%;
    bottom: 15%;
}

.infobullePiquetChamps {
    display: flex;
    align-items: center;
    min-height: 23px;
}

.infobullePiquetChamps p {
    display: flex;
    align-items: center;
}

#blocTypePiquet {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}
#blocTypePiquet div {
    display: flex;
    width: 100%;
    height: 23px;
    align-items: center;
}

.pictoNonApte, .pictoApte {
    cursor: help;
}

.blocAppelGeneral {
    margin-top: 15px;
    margin-bottom: 2px;
}

.posteSelectionne {
    font-weight: bold;
    background-color: #e1e1e1;
}

.blocDoublon {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#mention {
    margin: 10px 0 10px 24px;
}

#formModeAppel #datedebut, #formModeAppel #datefin {
    height: 15px;
    margin: 0 5px 0 5px;
    max-width: 85px;
}

.inputForm {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 24px;
}

.inputForm label {
    width: 13px;
    text-align: center;
}

#heuredebut, #heurefin {
    max-height: 15px;
    min-width: 56px;
    margin: 0 5px 0 5px;
}

.invalidInput {
    border-color: red;
}

.infobulleAgent {
    display: none;
}

.bulleAgent.active {
    background: #e2e2e2;
    position: absolute;
    z-index: 1;
    width: 350px;
    height: 50px;
    margin-left: 50px;
    border: 1px solid #c1c1c1;
    padding: 5px;
    text-align: start;
}

.blocInfoErr {
    margin-bottom: 10px;
    padding-left: 12px;
}

#modalFormImpression {
    display: none;
}

#formImpression #impSautDePageOui, #formImpression #impSautDePageNon {
    margin: 0 0 0 7px;
}

.option {
    display: flex;
    margin-top: 5px;
    align-items: center;
}

.option span input {
    cursor: pointer;
}

.titreOptionImpression {
    width: 50%;
    list-style-type: disc;
    margin-left: 20px;
}

.infosImpression {
    color: #999;
    margin-top: 10px;
    max-width: 92%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.infosImpression.infosComplementaires {
    margin-top: 5px;
}

#validImpressionFGJ {
    margin-top: 20px;
}

.finDeForm span.aide_en_ligne {
    vertical-align: bottom;
}

#dateDeFinSolde {
    width: 271px;
}

.classTitre {
    color: #ff7372;
}

.ui-dialog .ui-dialog-title {
    margin-top: 2px;
}

.aide_impression {
    position: absolute;
    width: 20px;
    height: 19px;
    background: url('../images/faq/icone_help.png') no-repeat scroll 0 0 transparent;
    top: 2px;
    left: 155px;
    cursor: help;
}

#iconhelp.aide_impression {
    margin-left: 25px;
}

span#enlargeLGM.filtreNbAgents {
    margin-left: 247px;
}

/*On force quelques modifications du plugin select 2 pour uniformiser la mise en forme du formulaire dans l'éditeur
d'occupations*/
.menuNature {
    z-index: 10000 !important;
}

#formOccupation #blocNatureOccupation .select2-selection {
    height: 16px !important;
    border-radius: 0 !important;
    border: none !important;
}

#select2-id_natureOccupation-container {
    border: 1px solid #ccc !important;
    padding-left: 4px !important;
    line-height: 15px !important;
    color: #000 !important;
    background-color: #e9e9ed;
}

#formOccupation #blocNatureOccupation .select2-selection__arrow {
    height: 10px !important;
}

#formOccupation .select_occ .select2-selection__arrow {
    margin-top: -1px;
}

#formOccupation .select_occ #select2-select_occ-container {
    padding-top: 1px;
    color: #000;
}

#formOccupation .select2.select2-container {
    margin-top: 3px;
}

#blocDate .jf {
    margin-right: 34px;
    display: flex;
    align-items: center;
}

/* CSS de l'infobulle des raccourcis clavier */

#tab_rc th, #tab_rc td {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

#tab_rc td {
    color: #000;
}

#tab_rc td:first-child {
    width: 60%;
}

#tab_rc td:last-child {
    width: 25%;
}

#tab_rc table {
    border-spacing: 0;
    border-collapse: collapse;
}
#tab_rc caption {
    border-bottom: 1px solid #ccc;
}

#tab_rc th {
    color: #999;
}

/* Fin du CSS de l'infobulle des raccourcis clavier */
/* Select2 */
.select2-container--default .select2-selection--single {
    border: 2px solid #ccc;
    border-radius: unset;
}

.select2-container--default .select2-selection--multiple {
    border-radius: unset;
}

.select2-selection span:first-child {
    margin-top: -2px;
}

#select2-changerCentre-container {
    margin-top: 0;
}

#bloc_critere {
    clear: both;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
#bloc_critere * {
    margin-top: 0;
    margin-bottom: 0;
}


.styleOk {
    border: 2px solid #10900d;
}

.styleKo {
    border: 2px solid #c61612;
}

.bilanRadio {
    width: 201px;
    height: 60px;
    float: left;
    display: flex;
    flex-direction: column;
}

.bilanRadio p input {
    margin: 0 5px 5px 0;
    width: 14px;
    height: 14px;
}


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

.pictoDetails {
    cursor: pointer;
}

.affichageDetails {
    width: 150px;
}

.affichageDetails p {
    display: flex;
    justify-content: space-between;
}

.totalDetails {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid;
}


.oLeBoTableau tbody tr:nth-child(odd){
    background-color: #EEE;
}

.classlineThrough {
    text-decoration: line-through;
}

.tdb_bloc_contenu table.dataTable td.transfert_tdb {
    text-align: left;
}