File: style.css - Tab length: 1 2 4 8 - Lines: on off - No wrap: on off

/*
 Css principale des pages
 */

body {
        background-color: #E7EBF7;
        color: white;
        font-family: verdana;
        font-size: 1em;
        margin: 15px 0 15px 0;
        color: #000;
}

/*
 Images
 */

img {
        vertical-align:middle;
        border: 0;
}

/*
 Blocs pre
 Merci Zephyr !
 Et aussi � robinhood !
 */

pre {
        font-size: 125%;
}

/*
 Blocs Box
 Merci Zephyr !
 */

.box {
        border: 1px solid #DDD;
        padding: 3px;
        margin: 5px;
        background-color: white;
        border-image: initial;
}

.box div.t {
        font-weight: bold;
        background-color: #EEE;
        padding: 2px;
        cursor: pointer;
}

.box div.c {
        padding: 4px;
        display: none;
}

/*
 Formulaires
 */

form {
        margin: 0;
        font-size: 75%;
}

input, textarea {
        border: 1px solid #369;
}

/*
 Liens
 */

a {
        color: #039;
        text-decoration: none;
        font-weight: bold;
}

/*
 Cadre principal qui d�termine la largeur des pages
 */

.container {
        width : 1024px;
        margin : 0 auto;
}

/*
 Cadre d�terminant le style de toute la page (hors logo et copyright)
 */

.main {
        padding : 0 0 0 15px;
        background: #E7EBF7;
        background-color: #fff;
        color: #000;
        background-image: url('fond_droite.gif');
        background-repeat: repeat-y;
        background-position: top right;
}

/*
 Logo du haut
 */

.logo {
        background-color: #369;
        color: #fff;
        text-align: left;
        font-size: 200%;
        font-weight: bold;
        padding: 5px 15px 5px 35px;
        border-bottom: 3px solid #fff;

        background-image: url('coin.gif');
        background-repeat: no-repeat;
        background-position: top left;
}

/*
 Titre de l'edito
 */

.edito h1 {
        font-size: 150%;
        border-bottom: 1px dashed #369;
        background-image: url(tree[1].gif);
        background-repeat: no-repeat;
        background-position: 1px 4px;
        padding: 0 0 3px 20px;
        margin: 0 0 10px 0;
}

/*
 Corps de l'edito
 */

.edito {
        font-size: 75%;
        margin-bottom: 40px;
        padding-bottom: 0px;
}

/*
 Contient les news, etc, avec menu
 */

.content {
        float: left;
        margin: 0;
        padding: 5px 0px 5px 0;

        width: 800px;

        overflow: hidden;
}
/*
 Contient les news, etc, sans menu (pages admins)
 */

.contentSSmenu {
        margin: 0;
        padding: 5px 15px 5px 15px;
}

/*
 Styles des dates dans les news
 */

.date {
        text-align: right;
        font-size: 75%;
        margin: 10px 0 15px 0px;
        color: #666;
        padding: 0 0 3px 0;
        border-bottom: 1px solid #999;
}

/*
 Conteneur du menu
 */

.menu {
        margin: 0;
        padding-top: 7px;
        padding-right: 5px;
        float: right;
        width: 150px;
        font-size: 75%;

        overflow: hidden;
}

/*
 Titres du menu
 */

.menu h1 {
        font-size: 120%;

        background-image: url(point[2].gif);
        background-repeat: no-repeat;
        background-position: 1px;
        padding-left: 25px;
        margin: 0px 0 10px 0;
}

/*
 Disposition d'une news
 */

.news {
        margin: 10px 0px 15px 0px;

        padding-bottom: 20px;
}

/*
 Haut de la news (titre)
 */

.news_top {
        font-size: 75%;
        font-weight: bold;
        background-image: url(ico0.gif);
        background-repeat: no-repeat;
        background-position: 1px;
        padding-left: 20px;
}

/*
 Corps de la news
 */

.news_content {
        font-size: 75%;
        padding-bottom: 10px;
        margin: 10px 0 0px 0;
}

/*
 Bas de la news : date & posteur
 */

.news_foot {

        padding-top: 2px;
        font-size: 60%;
}

/*
 Commentaires de news
 */

.news_comment_popup {
        float: right;
        padding-left: 5px;
}
.news_comment a {
        float: right;
        color: #8DB319;
        font-weight: bold;
        background-image: url(comment.png);
        background-repeat: no-repeat;
        background-position: 1px;
        padding-left: 15px;
}
/*
 Heure o� la news a �t� post�e
 */

.heure {
        display: inline;
        color: #039;
        font-weight: bold;
}

/*
 Copyright tout en bas du site
 */

.copy {
        border-top: 3px solid #fff;

        text-align: right;

        background-color: #70A0CF;
        color: #fff;
        font-size: 50%;
        font-weight: bold;
        padding: 2px;
}

/*
 Titre calendrier
 */

.cal {
        text-align: center;
        border-bottom: 1px solid #666;
        padding: 0 0 3px 0;
        margin: 0 0 3px 0;
        font-weight: bold;
}
/*
 Calendrier
 */

.calendar td {
        text-align: right;
        padding: 2px;
}
.calendar th {
        text-align: right;
        padding: 2px;
}

/*
 Conteneur des commentaires
 */

.comments {
        margin: 0 10px 0 10px;
        font-size: 60%;
        background-color: #F8FAFB;
        color: #333;
        padding: 5px;
}

.comments form {
        font-size: 100%;
}

.comment_who {
        color: #666;
}

/*
 Liens vers panel admin
 */

.gestion {
        font-size: 60%;
        text-align: center;
}

/*
 Menu principal de la page admin
 */

.admin a {
        display: block;
        width: 300px;
        margin: 5px auto;
        text-align: center;
        padding: 5px 10px 5px 10px;
}

.admin a:hover {
        color: white;
        background-color: #369;
}
/*
 Liens editer d'une news
 */

.edit {
        display: inline;
}

.edit a {
        font-weight: normal;
        color: #333;
}

/*
 Conteneur formulaire d'edition
 */

.edit_div {
        border: 1px solid #369;
        margin: 0 10px 0 10px;
        font-size: 60%;
        background-color: #fff;
        color: #333;
        padding: 5px;
}

.edit_div form {
        font-size: 100%;
}

/*
 Formulaire de login
 */

.loginform {
        float: right;
        font-size: 65%;
}

.loginform input {
        font-size: 110%;
}

/*
 Liens supression de commentaire
 */

.com_del {
        display: inline;
}

/*
 Conteneur aide
 */

.aide, .cadre {
        border: 1px solid #369;
        margin: 0 10px 0 10px;
        font-size: 60%;
        background-color: #fff;
        color: #333;
        padding: 5px;
}

.annu_table {
        font-size: 80%
}

.annu_table th {
        background-color: #369
;
        color: white;
}

.annu_table td {
        padding: 4px 10px 4px 10px;
}

.annu_table * {
        font-size: 100%;
}
/*
 Titre actif_jours
 */

.actj {
        text-align: center;
        border-bottom: 1px solid #666;
        padding: 0 0 3px 0;
        margin: 0 0 3px 0;
        font-weight: bold;
}

.actj_days {
        text-align: center;
}

.navPages {
        font-size: 80%;
}

.navPages .pageS {
        float: right;
}

.statDays {
        float: left;
        width: 50px;
}

.statBar {
        background-color: #E7EBF7;
        float: left;
        font-size: 10px;
        font-weight: bold;
        color: #333;
        height: 20px;
        text-align: right;
}

div.umen div.box
{
    background:     white;
    border-color:   #E0E0E0;
}

div.umen div.box h1
{
    background:     #EEEEEE none no-repeat 3px 2px;
    color:          #404040;
}

div.umen div.box_0 h1
{
    background-image:   url('http://www.yaronet.com/s/sprite/umen/box-open.png');
}

div.umen div.box_1 h1
{
    background-image:   url('http://www.yaronet.com/s/sprite/umen/box-close.png');
}