/* index 28 02 2018 */
div.page {
    padding: 0px 10px 30px 10px;
}
span.activ {
    color: #09c;
    font-weight: 600;
    font-size: 2.5rem;
    text-shadow:2px 2px 2px #003;
    line-height: 3.3;
}
h2 {
    background: none;
    color: #fff;
    white-space: normal;
}
h3 {
    font-size: 1.2rem;
    font-weight: 600;
    white-space: normal;
}
h4 {
    font-weight: 400;
    color: #fff;
}
ul {
    list-style-type: square;
    margin-left: 1rem;
    padding: 0;
    line-height: 1.8;
}
/* header */
header span {
    display: block;
}
header h2, header h3 {
    color: #eee;
}
div#titres {
    position: relative;
    top: 5px;
    z-index: 5;
}
div#titres h1 {
    font-family: LiberationSansRegular, sans-serif;
    font-size: 1.8rem;
    color: #9cf;/*#09c*/
}
div#titres span#ligne1 {
    text-align: left;
}
div#titres span#ligne2 {
    text-align: center;
}
div#titres span#ligne3 {
    text-align: right;
}
div#description {
    text-align: left;
    padding: 0px 20px 10px 20px;
}
/* Activités */
div.index {
    width:  98%;
    margin-left:auto;
    margin-right:auto;
}
div.liendex {
    padding: 20px 0;
}
div.rubriquindex {
    width: 100%;
    display: block;
}
div.table {
    border-collapse: separate;
    border-spacing: 10px;
}
div.texte {
    width: 70% !important;
}
div.rubriquindex, div.texte {
    font-weight: normal;
    font-size: 1.1rem;
    color: #fff;
}
span.build {
    font-size: 1.2rem;
    font-weight: 600;
}
img.tres {
    max-width:100%;
    height:auto;
}
a.index {
    font-family: "DejaVu Sans Mono", "Courier New", Courier, monospace;
    font-size: 1.3rem;
    font-weight: normal;
    margin-left: 50px;
    border: #06c outset 1px;
    padding: 1px 5px 1px 5px;
    background-image: url(img/fdh2.gif);
}
a.index:visited {
    color: #fc9;
}
a.index:hover {
    border: #06c inset 1px;
    color: #fa2;
    position: relative;
    top: 1px;
    left: 1px;
    text-shadow: 1px 1px 1px #003;
}
span.sommaire {
    float: right;
    position: relative;
    right: 20px;
    white-space: nowrap;
    margin: 0;
}
/* flags */
div#flags {
    width:  110px;
    height:  35px;
    display: block;
    text-align: center;
}
div#flags a:hover {
    background-color: transparent;
}
/* footer */
span.cpt, span.footer {
    width:100%;
    display: inline-block;
    line-height: 1.5;
    text-align:center;
    margin-top:10px;
}
span.footer, span.footer a {
    font-size: 0.9rem;
    color:#999;
}