/*
 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');
}