html {
    font-family:            verdana, georgia, sans-serif;
    /* font-size:              1em; */
    font-size:              14px;
}

body {
    font-size:              80%;
    color:                  #000;
    /* background-color:       #fff; */
    background-color:       #f0edf0;
    margin:                 0;
    padding:                0;
    overflow: auto;
}

body * {
    margin:                 0;
    padding:                0;
}

#page {
    position:               relative;
    top:                    0;
    width:                  100%;
    max-width:              1500px;
    margin:                 auto;
}

div {
    border:                 none;
}

h1 {
    text-align:             center;
    margin:                 0.5em 0;
}

h4 {
    text-decoration:        underline;
}
h4 a {
    color:                  #000;
    background-color:       inherit;
}

div#top {
    height:                 144px;
    border-bottom:          1px solid #f0edf0;
    background-color:       #fff;
}

div#logo {
    width:                  150px;
    height:                 144px;
    color:                  #000;
    background-color:       inherit;
    float:                  left;
}

div#perso {
    height:                 144px;
    float:                  right;
    width:                  230px;
    border-left:            1px solid #999;
}

div#top_centre {
    height:                 144px;
    margin-left:            150px;
    margin-right:           240px;
    padding-left:           1.5em;
    padding-right:          1em;
}

div#top_principal {
    height:                 111px;
    padding-left:           0.5em;
}
#bloc_nouvelle_du_jour {
    height:                 100%;
    overflow:               auto;
}

div#top_principal h4, div#top_principal p {
    height:                 1.5em;
    line-height:            1.5em;
}

div#navigation {
    color:                  #000;
    background-color:       #f0edf0;
    height:                 30px;
}

div#photo_int {
    clear:                  both;
}

div#photo_int p.image, div#photo_int img {
    height:                 114px;
}

div#photo_int p.image {
    text-align:             center;
}

div#principal {
    color:                  #000;
}

div#principal a, div#principal a:hover, div#principal a:visited {
    color:                  #009;
}

div#principal div {
    padding:                1em 0.5em;
    color:                  #000;
    background-color:       #fff;
}

div#pied {
    color:                  #000;
    background-color:       #f0edf0;
    /* position:               absolute;
    bottom:                 0; */
    width:                  100%;
    height:                 3em;
    border-top:             1px dashed #999;
    margin-top:             1em;
    clear:                  both;
}

div#pied p {
    height:                 1.75em;
    line-height:            1.75em;
    text-align:             center;
}

div#colonne1 {
    float:                  left;
    width:                  144px;
    /* margin-right:           10px;
    margin-bottom:          10px; */
    margin:                 0 10px 10px 0;
    background:             lightblue;
    font-size:              85%;
    border:                 1px solid #999 !important;
}

div#colonne1 h4, div#colonne2 h4 {
    text-align:             center;
    margin-bottom:          0.5em;
    background-image:       linear-gradient(#fff, #999);
    border:                 1px solid #999;
}

div#colonne2 {
    float:                  right;
    width:                  220px;
    margin-left:            10px;
    margin-bottom:          10px;
    background:             burlywood;
    font-size:              85%;
}

div#centre {
    overflow:               auto;
    background:             khaki;
}

div#centre > div {
    margin-bottom:          1em;
    border:                 1px solid #999;
    border-radius:          1em;
    padding:                1em 2em;
}

div#centre, div#colonne1, div#colonne2 {
    border:                 1px solid #999;
}

div#bloc_messagerie {
    width:                  125px;
}

ul.listesfiches {
  list-style-type:            none;
  padding-left:               1em;
}

table {
    border-collapse:        collapse;
    width:                  100%;
}
caption{
    font-weight:            bold;
    font-size:              125%;
    line-height:            2em;
    border:                 1px solid #ccc;
    color:                  #000;
    background-color:       #fff;
}
thead{
    color:                  #000;
    background-color:       #eef;
    border:                 1px solid #ccc;
}
thead tr th {
    border-right:           1px solid #ccc;
}
tbody td h4 {
    text-align:             left !important;
}
tbody tr:nth-child(odd) {
    color:                  #000;
    background-color:       #D5E9F2;
}
tbody tr:nth-child(even) {
    color:                  #000;
    background-color:       #FFF;
}
tbody tr.odd {
    color:                  #000 !important;
    background-color:       #f2fbff !important;
}
tbody tr.even {
    color:                  #000 !important;
    background-color:       #FFF !important;
}
td {
    padding:                0.25em;
    border:                 1px solid #ccc;
}
/**
 * Bloc des applications externes
 */
table#grilleapplisexternes tbody tr {
    height: 20px;
}
table#grilleapplisexternes tbody tr td {
    padding: 0;
    width: 20px;
    text-align: center;
    vertical-align: middle;
}
/**
 * Bloc de l'humeur du jour
 */
#humeurs {
    position:                relative;
    border:                    1px solid #ccc;
    height:                    165px;
    padding:                 0 !important;
    overflow:                 hidden;
}
#sstitrehumeur {
    text-align:             center;
}
#hg {
    position:                 absolute;
    top:                     0;
    left:                     0;
    width:                    65px;
    height:                    158px;
    /* Décalage temporaire tant qu'on garde masqué l'historique du mois précédent */
    margin-left: 30px;
}
#hd {
/*    position:                 absolute;
    top:                     0;
    left:                     65px;
    height:                    158px;
    overflow:                hidden;
    width:                     375%; */
    display:                 none;
}
#humeurs div p {
    height:                 24px !important;
    line-height:            24px !important;
    margin:                 0;
    border-bottom:             1px dotted #ccc;
    width:                     100%;
}
p#dates_humeurs {
    font-size:                8px;
}
#humeurs p img.humeur_ico {
    height:                 24px;
    width:                     36px;
    margin:                 0 0 0 0.25em;
}
#humeurs p img.coche_humeur {
    height:                 15px;
    width:                     15px;
    margin:                 0 1px 0 0;
    border-right:             1px dotted #ccc;
}
span#top_humeur {
    display: inline-block;
    width: 36px;
    margin-left: 0.25em;
}
span#vote_humeur, span.votes_humeur {
    display: inline-block;
    width: 17px;
    text-align: center;
}

span#curseur_humeur {
    position:                 absolute;
    top:                     0;
    right:                     0;
    width:                     25px;
    height:                 125px;
    background-image:         url('../imgs/humeurs/curseur_humeur_bg.png');
    background-repeat:        no-repeat;
    background-position:    -50px 0;
}

/**
 * Éléments de formulaires utilisés hors-formulaires.
 * Voir le fichier formulaires.css pour les autres mises en forme des formulaires.
 */
fieldset {
    border:             1px solid #000;
    border-radius:      10px;
    padding:            1em;
    margin-bottom:      1.5em !important;
}

legend {
    border:             1px solid #000;
    border-radius:      5px;
    padding:            0.25em 1em;
    font-weight:        bold;
}

/**
 * Divers
 */

p#boitemail {
    position:               relative;
    height:                 100px;
}

span#nombremsgs {
    position:               absolute;
    height:                 30px;
    width:                  30px;
    display:                inline-block;
    top:                    30px;
    left:                   90px;
    background-image:       url(../imgs/cercle_rouge.png);
    background-position:    0 0;
    background-repeat:      no-repeat;
    color:                  #fff;
    background-color:       inherit;
    font-weight:            bold;
    text-align:             center;
    line-height:            30px;
}

#menu_nombremsgs {
    float:                  right;
    height:                 30px;
    width:                  30px;
    display:                inline-block;
    background-image:       url(../imgs/cercle_rouge.png);
    background-position:    0 0;
    background-repeat:      no-repeat;
    color:                  #fff;
    background-color:       inherit;
    font-weight:            bold;
    text-align:             center;
    line-height:            30px;
}

#calendrier_mois {
    border-collapse:        collapse;
    margin:                 auto;
    margin-top:             0.5em;
    margin-bottom:          0.5em;
    width:                  21em;
}

#calendrier_mois th, #calendrier_mois td {
    text-align:             center;
    border:                 1px solid #000;
    padding:                0.25em;
    width:                  3em;
}

#calendrier_mois caption {
    border:                 1px solid #000;
}

#calendrier_mois caption, #calendrier_mois thead {
    background-color:       #bfcaff;
}

#calendrier_mois td.am {
    color:                  #999;
    background-color:       #fff;
    font-style:             italic;
}

#calendrier_mois td.we {
    background-color:       #ccc;
}

#calendrier_mois td.fe {
    background-color:       #ffc300;
}

#calendrier_mois td.ag {
    color: #fff;
    background-color:       #00c;
}

#calendrier_mois td.auj {
    color: #000;
    background-color:       #ff6;
    font-weight:            bold;
}

#precedent {
    float:                  left;
}

#suivant {
    float:                  right;
}

dt {
    font-weight:            bold;
}

#evenements_agenda tbody tr td {
    padding-bottom:         0.25em;
}
*.al {
    text-align:             left;
}
*.ar {
    text-align:             right;
}
*.fr {
    float:                  right;
}
*.ac {
    text-align:             center;
}
*.cb {
    clear:                  both;
}
*.alerte {
    color:                  #fff;
    background-color:       #c00;
}
#nbcrlsmenu {
    position:               absolute;
    right:                  1em;
    display:                inline-block;
    width:                  30px;
    height:                 30px;
    line-height:            30px;
    margin:                 0;
    padding:                0;
    text-align:             center;
    vertical-align:         middle;
    color:                  #fff;
    font-size:              1.25em;
    background-image:       url('./imgs/cercle_courriel.png');
    /* ... */
}
#nbcrlsmenu > a {
    color:                  #fff !important;
    text-decoration:        none;
}

td.finnoteexpiree {
    background-color: #FAA;
}

#bloc_mesapplis ul li {
    line-height: 18px;
}

.elementmasque {
    display:               none !important;
}

.all-scroll {
    cursor:                all-scroll;
}

#menulangues li {
    width:                  1.75em !important;
    float:                  right;
}
.langlink img {
    width:                  1.5em;
    height:                 1.5em;
}
.lgactive {
    border-bottom:          2px solid #f00;
}

#infosdebug {
    border-top:             1px dashed #000;
    background-color:       #ffffcc;
    padding:                1em;
    position:               fixed;
    bottom:                 0;
    width:                  100%;
    overflow-y:             scroll;
}

/* tmp */
/*
div#colonne1 {
    visibility:             hidden;
}
*/
div#plan_action {
    display:    none;
}
/* fin tmp */