#wCal td, #eCal td, #yCal td {
    text-align: center;
    padding: 4px;
    width: 40px;
    font-size: 7pt;
}

    #wCal td.head-num, #yCal td.head-num, #eCal td.head-num {
        text-align: center;
        padding: 4px;
        background: #eef;
        color: #000;
    }

#xCal td {
    text-align: center;
    padding: 2px;
    width: 20px;
    font-size: 7pt;
}

    #xCal td.head-num {
        text-align: center;
        padding: 2px;
        background: #eef;
        color: #000;
    }

table .separator {
    height: 10px;
}

#radioCalstd, #radioCalann, #radioCalexcept, #ciblecal-radioCalstd {
    font-size: 10px;
}

/* couleur de selection des programmes exceptionnels*/
.s-sel, .t-sel {
    background: #fff;
    color: #000
}

.a-sel, .a-head, #wa, #ya, #ea {
    background: #5bb75b;
    color: #fff
}

.b-sel, .b-head, #wb, #yb, #eb {
    background: #34c7b1;
    color: #fff
}

.c-sel, .j-sel, .c-head, #wc, #yc, #ec, #xj {
    background: #FECA40;
    color: #fff
}

.d-sel, .k-sel, .d-head, #wd, #yd, #ed, #xk {
    background: #49afcd;
    color: #fff
}

.e-sel, .e-head, #we, #ye, #ee {
    background: #006dcc;
    color: #fff
}

.f-sel, .h-sel, .f-head, #wf, #yf, #ef, #xh {
    background: #bd362f;
    color: #fff
}

.g-sel, .i-sel, .g-head, #wg, #yg, #eg, #xi {
    background: #ff00dc;
    color: #fff
}


/* Couleur du texte pour les jours fériés */
.jour-ferie {
    color: #ff0000;
}


.output {
    font-size: 8pt;
}

/* Apparence des boutons du panneau de commande */
.ui-boutons-cmd {
    margin: 5px;
    padding: 2px 8px;
    font-size: 12px;
}

/* Voyant du panneau d'informations */
.ui-voyants {
    margin: 5px;
    padding: 2px 8px;
    font-size: 12px;
}


#map img {
    max-width: none;
}

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


/* Intervalle entre les panels */
.row {
    margin-top: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-bottom: 0;
}

    .row > div {
        padding: 0;
    }


/* Gestion des contenus des panneaux auto : scrollbar apparait si pas assez de place */

.panel {
    margin: 5px;
    padding: 0;
}

.panel-body {
    overflow-x: auto;
    overflow-y: auto;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}


.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}

#titre_calgroupe {
    font-size: 10px;
    color: #ff0000;
}

.panel-bold {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

/* Hauteur des panneaux */
.panel-haut {
    height: 130px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.panel-carte {
    height: 260px;
}

.panel-map {
    height: 160px;
}

.panel-carte3 {
    height: 315px;
    margin-top: -20px;
}

.panel-carte2 {
    height: 180px;
}

.panel-commandes {
    height: 180px;
}

.panel-boutons {
    height: 80px;
    text-align: center;
}

.panel-params {
    height: 180px;
    text-align: center;
}


#HistoDuree {
    margin: 0 auto;
    margin-top: 10px;
    width: 100%;
}


.journal-relais {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.loginFields label, .loginFields input {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
}

.loginFields label {
    width: 200px;
}

.exceptFields label, .exceptFields input {
    display: inline-block;
    padding: 10px;
    font-size: 20px;
}

.exceptFields label {
    width: 200px;
}

.renommerFields input {
    display: inline-block;
    padding: 10px;
    font-size: 18px;
    width: 300px;
}

.renommerFields label {
    display: inline-block;
    padding: 10px;
    font-size: 18px;
    width: 200px;
}


.CibleFields input[type="text"] {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    width: 300px;
}


.CibleFieldsLabels {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    width: 110px;
}


/* Paramètres d'un relais */
.paramsFields label {
    display: inline-block;
    padding: 3px;
    font-size: 8pt;
    width: auto;
}


.paramsFields input {
    display: inline-block;
    padding: 5px;
    font-size: 8pt;
    width: 3em;
}

select {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #006dcc;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 14pt;
}

#mnuAnnee {
    width: 100px;
}

/* Largeur des sélecteurs de commune/groupe/relais */
#nomCommune, #nomGroupe, #nomRelais {
    width: 100%;
}

/* Onglets */
#tabs {
    padding: 0;
}

    #tabs li {
        display: inline;
    }

        #tabs li a {
            padding: 10px;
            float: left;
            border-right: 1px solid #ccf;
            border-bottom: none;
            text-decoration: none;
            color: #000;
            font-weight: bold;
        }

        #tabs li.active a {
            background: #eef;
        }


/* Onglets */
#tabsmap {
    padding: 0;
    margin: 0;
}

    #tabsmap li {
        display: inline;
    }

        #tabsmap li a {
            padding: 10px;
            float: left;
            border-right: 1px solid #ccf;
            border-bottom: none;
            text-decoration: none;
            color: #000;
            font-weight: bold;
        }

        #tabsmap li.active a {
            background: #eef;
        }

.content {
    float: left;
    clear: both;
    border: 1px solid #ccf;
    padding: 5px 10px 10px;
    width: 100%;
}


/* Sliders dessin au lieu d'un rectangle */
.ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: white url('../img/slider.png') no-repeat 50% 50%;
    font-weight: bold;
    top: -7px;
    border: none;
}

/* Largeur des sliders */
.ui-slider {
    width: 95%
}

/* Centre les boutons dans les dialogs */
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

/* Dimensions des boutons */
.ui-btn-default {
    padding: 8px 13px;
    margin: 5px;
    font-size: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* Dimensions des boutons de calendrier */
.ui-btn-cal {
    padding: 4px 12px;
    margin: 4px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cmd-cible1 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5092e0;
    background-image: -moz-linear-gradient(top, #60a2f0, #5092e0); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60a2f0), to(#5092e0));
    background-image: -webkit-linear-gradient(top, #60a2f0, #5092e0); /* Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #60a2f0, #5092e0); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #60a2f0, #5092e0); /* CSS3 Compliant */
    background-repeat: repeat-x;
    border-color: #5092e0 #5092e0 #60a2f0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60a2f0', endColorstr='#5092e0', GradientType=0); /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.cal-cible1 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffd85a;
    background-image: -moz-linear-gradient(top, #fbc135, #ffd85a); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbc135), to(#ffd85a));
    background-image: -webkit-linear-gradient(top, #fbc135, #ffd85a); /* Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #fbc135, #ffd85a); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #fbc135, #ffd85a); /* CSS3 Compliant */
    background-repeat: repeat-x;
    border-color: #ffd85a #ffd85a #fbc135;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbc135', endColorstr='#ffd85a', GradientType=0); /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}



.cmd-cible1:hover,
.cal-cible1:hover {
    color: #ffffff;
    text-decoration: none;
    background-position: 0 -15px;
}

.cmd-cible1:hover {
    background-color: #006dcc;
}

.cal-cible1:hover {
    background-color: #fbc135;
}