html body {
    background-color: #FBFEED;
}
#header {
    background-position: 50% 0%;
}
#fil_date {
    background-position: 50% 0%;
}

#deco_contenu {
    background-color: #FBFEED;
}

#contenu h1, #contenu h2 {
    color: #800000;
}
#contenu h4 {
    color: #0000FF;
    font-weight: normal;
}
#contenu h5 {
    color: #800000;
}

#contenu ul {
    color: #000000;
    list-style: outside none disc;
}
#contenu ul.actualites {
    list-style: outside url("/web/images/front/info_12.png") none;
}
#contenu li {
    color: #000000;
}

#contenu ul>li {
    font-size: 1em; /*0.8em;*/
    margin-bottom: 1.25em;
}
/*#contenu ul>li h5{
    font-size: 1.25em;
}*/
#actualites {
    margin: 0 0 0 1em;
    padding: 0;
    float: right;
    background-repeat: no-repeat;
    background-position: top;
    width: 200px;
    text-align: center;
    background-image: url('/web/images/front/bloc_haut.png');
}
#contenu h6.titre {
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
}
#debut_actualites {
    display: block;
    height: 36px;
}
#liste_actualites {
    background-image: url('/web/images/front/bloc_m.png');
}
#liste_actualites ul>li {
    font-size: 0.8em; /*0.7em;*/
    color: #000000;
    text-align: left;
    margin: 0 0.2em 0 2em;
    padding: 0 0.3em 0 0.1em;
    background-repeat: repeat-y;
    background-position: center top;
    font-family: 'Grandstander', cursive;
	line-height: 1.3em;
}

#fin_actualites {
    display: block;
    font-size: 12px;
    color: #777777;
    text-align: center;
    height: 20px;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    font-family: 'Grandstander', cursive;
    background-image: url('/web/images/front/bloc_bas.png');
}

/* @label spécial */
/* @longdesc image pour élections par exemple */
#contenu ul.special {
    list-style: outside none none;
    margin: 0;
    margin-right: auto;
}
#contenu .special li {
    float: left;
    font-size: 1em;
    margin: 0;
    margin-right: 1em;
}

div.flex {
    display: flex;
}

div.clic-elec {
    position:relative;
}
div.clic-elec div {
    display: none;
}
div.clic-elec:hover div {
    display: inline;
    z-index: 10;
    position: absolute;
    top: 20px;
    left: 80px;
    margin: 0;
    padding: 3px;
    border: 2px solid #777777;
/*    border-radius: 6px;*/
    box-shadow: 8px 8px 12px #777;
    background-color: #FFF0FF;
/*    font-style: italic;
    text-align: left;
    color: #000000;
    font-weight: normal;*/
}

/* @label texte clignotant */
/* @longdesc le texte clignote en orange */
span.blink {
    animation: clignotement 5s linear infinite alternate;
    color: #FE3B0F;
	font-size: 1.2em;
}
@keyframes clignotement {
    from{color: #153190;}    /* bleu */
    50%{color: #EEF9FF}    /* blanc */
    to{color: #B40025;}    /* rouge */
}
/* @label texte clignotant gris */
/* @longdesc le texte clignote en noir et gris */
span.blink-grey {
    animation: clignotegris 4s linear infinite normal;
    color: #000000;
}
@keyframes clignotegris {
    from{color: #000000;}    /* noir */
    30%{color: #8F8F8F}    /* gris */
    40%{color: #000000;}    /* noir */
    70%{color: #8F8F8F}    /* gris */
    80%{color: #000000;}    /* noir */
    to{color: #000000;}    /* noir */
}

@media screen and (max-width:650px)
{
    #actualites {
        display: none;
    }
    #bouton_actu {
        display: block;
    }
    #actualites {
        clear: both;
        float: none;
        margin: -20px;
        padding: 3px;
        width: auto;
        position: relative;
        top: -80px;
        left: 0;
        right: 0;
        border: 2px solid #777777;
        box-shadow: 8px 8px 12px #777777;
        text-align: center;
        background-image: none  ! important;
        background-color: #F3F6FF;
        z-index: 50;
    }
    #debut_actualites {
        display: none;
    }
    #liste_actualites ul>li {
        font-size: 0.875em;
        color: #000000;
        text-align: left;
        margin: 0 0.2em 0 2em;
        padding: 0 0.3em 0 0.1em;
        background-image: none  ! important;
        background-color: #F3F6FF;
		font-family: 'Grandstander', cursive;
    }

    #fin_actualites {
        display: none;
    }


}