/******************************* Corps de la page ****************************** */

* {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF url(images/fond.png) repeat-x left top;
    text-align: justify;
    font-family: "Lucida Grande", "Helvetica", sans-serif;
    font-size: 85%;
    color: #555555;
}

/* ****************************** En-tête ****************************** */

#tete {
    width: 1000px;
    height: 100px;
    margin: 0 auto;
}

#titre {
    margin-top: 20px;
    margin-left: 5px;
    float: left;
    font-family: "Computer Modern", "Times New Roman", serif;
    font-size: small;
}

#titre h1 {
    font-size: 250%;
    color: #FFFFFF;
}

#titre h2 {
    font-size: 150%;
    color: #555555;
}

#menu {
    margin-top: 65px;
    margin-right: 5px;
    float: right;
}

#menu ul {
    list-style: none;
}

#menu .onglet {
    float: left;
    border-right: 2px solid #64A000;
    padding: 5px 10px;
    font-size: 130%;
    color: #FFFFFF;
    cursor: pointer;
}

#menu .onglet:hover {
    text-decoration: underline;
}

#menu .dernier {
    border-right: none;
}

/* **************************************** Page **************************************** */

#page {
    width: 1000px;
    margin: 0 auto;
    padding-top: 50px;
    overflow: hidden;
}

#page h1 {
    background: url(images/bordure.png) repeat-x left bottom;
    font-size: 200%;
    padding-bottom: 7px;
}

#page h1 .logo1 {
    width: 30px;
}

#page h2 {
    background: url(images/bordure.png) repeat-x left bottom;
    font-size: 125%;
    padding-bottom: 7px;
}

#page h2 .logo2 {
    width: 20px;
}

#page h3 {
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 75%;
    color: #AAAAAA;
}

#page a {
    text-decoration: none;
    font-weight: bold;
    color: #70A300;
}

#page a:hover {
    text-decoration: underline;
}

#page .date {
    color: #70A300;
}

#page .email {
    width: 200px;
    display: block;
    margin: 10px auto;
    border: 2px solid #64A000;
}

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

/* **************************************** Colonnes **************************************** */

#colonne-gauche {
    float: left;
    width: 240px;
    padding: 0 0 0 5px;
}

.colonne-milieu {
    float: left;
    width: 480px;
    padding: 0 15px;
}

#colonne-droite {
    float: left;
    width: 240px;
    padding: 0 5px 0 0;
}

/* **************************************** Colonne centrale **************************************** */

#accueil {
    display: block;
} 

#docs, #qsj {
    display: none;
}

/* **************************************** Calendrier **************************************** */

#calendrier {
    margin-top: 10px;
    margin-bottom: 20px;
}

#calendrier table {
    width: 240px;
    text-align: center;
    border: 2px solid #64A000;
    border-collapse: collapse;
}

#calendrier thead td {
    padding: 3px 0;
    background: #F9F3DF;
    border-left: 1px solid #64A000;
    border-bottom: 2px solid #64A000;
    font-weight: bold;
    color: #70A300;
}

#calendrier tbody td {
    padding: 3px 0;
    border: 1px solid #64A000;
}

#calendrier tbody .vide {
    border: none;
}

#calendrier tbody .aujourdhui {
    font-weight: bold;
    color: #FF0000;
}

#calendrier tbody .evenement {
    background: #BBEE00;
}

#calendrier tbody .ferme {
    background: #CCCCCC;
}

#calendrier tfoot td {
    padding: 3px 0;
    background: #F9F3DF;
    border-top: 2px solid #64A000;
    font-weight: bold;
    color: #70A300;
}

#calendrier tfoot .clic {
    cursor: pointer;
}

/* **************************************** Image **************************************** */

#image {
    margin-top: 10px;
    margin-bottom: 20px;
}

#image img {
    border: 2px solid #64A000;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#image img:hover {
    border-color: #FFFFFF;
}

/* **************************************** Rubriques **************************************** */

.rubrique {
    margin-top: 10px;
    margin-bottom: 20px;
    list-style-position: inside;
}

/* ****************************** Rubriques : Ressources ****************************** */

.rubrique .ressources {
    list-style: none;
}

.rubrique .ressources li {
    padding: 5px 0;
}

/* ****************************** Rubriques : Liens ****************************** */

.rubrique .liens {
    list-style: none;
}

.rubrique .liens li {
    padding: 5px 0;
    font-weight: bold;
    color: #70A300;
}

.rubrique .liens .commentaire {
    padding-left: 10px;
    font-weight: normal;
    color: #555555;
}

/* **************************************** Pied de page **************************************** */

#pied {
    clear: both;
    width: 1000px;
    height: 50px;
    margin: 50px auto 0 auto;
    background: url(images/bordure.png) repeat-x left top;
    padding-top: 10px;
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 75%;
    color: #70A300;
}

#pied .validator {
    float: left;
    width: 240px;
    padding: 0 0 0 5px;
}

#pied .copyright {
    float: left;
    width: 480px;
    padding: 0 15px;
    text-align: center;
}

#pied .credit {
    float: left;
    width: 240px;
    padding: 0 5px 0 0 ;
    text-align: right;
    font-size: 1px;
}

#pied a {
    text-decoration: none;
    font-weight: bold;
    color: #70A300;
}

#pied a:hover {
    text-decoration: underline;
}