/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

/*
 * Ce fichier dˇfinit le style visuel pour les diffˇrents ˇlˇments du blog.
 * Dans l'ordre, vous trouverez les r¸gles qui dˇfinissent l'apparence pour:
 * - les ˇlˇments HTML en gˇnˇral
 * L'agengement des blocs est dˇfini dans le fichier layout01.css, content01.css, menu01.css, tablegn.css
 */

@import "layout01.css";
/* @import "layout01.css"; */
@import "content01.css";
/* @import "content01.css"; */
@import "menu01.css";
/* @import "menu01.css"; */
@import "tablegn.css";
/* @import "tablegn.css"; */

@import "ssgbody.css";
/* @import "ssgbody.css"; */
@import "ssgdbody.css";
/* @import "ssgdbody.css"; */
@import "ssglbody.css";
/* @import "ssglbody.css"; */
@import "ssobody.css";
/* @import "ssobody.css"; */
@import "sswbody.css";
/* @import "sswbody.css"; */
@import "sgbody.css";
/* @import "sgbody.css"; */
@import "sgdbody.css";
/* @import "sgdbody.css"; */
@import "swbody.css";
/* @import "swbody.css"; */


/* Comportement pour les exposants et indices */
sup, sub {
font-size:0.75em;
}

/* CSS Document [style01] Mise en forme des textes et images pour Virginia Pearl */

/* Comportement des textes */
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
color: #F90;
}
a:active {
text-decoration:none;
color: #C50;
}

/* Comportement des images */
a:link img {
border:0px;
}
a:visited img {
border:0px;
}
a:hover img {
border:0px;
}
a:active img {
border:0px;
}

abbr, acronym {
cursor:help;
color:#552;
border-bottom:0;
}

code, pre {
font-family:"Courier New, monospace";
font-size:1em;
}

q { /* Pour vˇrification */
color: #C50;
}

a {
}

ul {
padding-left:15px;
}

li {
list-style:disc;
}

blockquote {
}

a [hreflang]:after {
content:"\0000a0(" attr(hreflang) ")";
color:#444;
}

/* Pour "post.php" - "list.php"
-------------------------------------------------------- */
#post {
}

.post-title {
font-size:small;
font-weight:bold;
line-height:1.4em;
color:#552;
}

.post-title a {
color:#552;
}

.post-title a:hover {
color:#F90;
}

.post-info {
font-size:x-small;
line-height:1.4em;
color:#C50;
}

.post-info a {
color:#C50;
font-weight:bold;
}

.post-info a:hover {
color:#F90;
font-weight:bold;
}

.post-chapo {
font-size:x-small;
line-height:1.4em;
color:#444;
}

.post-chapo a {
color:#444;
}

.post-chapo a:hover {
color:#F90;
}

.post-content {
font-size:x-small;
line-height:1.4em;
color:#444;
}

.post-content a {
color:#C50;
}

.post-content a:hover {
color:#F90;
}

.post-info-co {
font-size:x-small;
line-height:1.4em;
color:#C50;
}

.post-info-co a {
color:#C50;
}

.post-info-co a:hover {
color:#F90;
}

/* ----------- */

.comment-info {
font-size:x-small;
line-height:1.4em;
color:#552;
}

.comment-info a {
color:#552;
}

.comment-info a:hover {
color:#F90;
}

.comment-number {
font-size:x-small;
font-weight:bold;
line-height:1.4em;
color:#C50;
}

.comment-number a {
color:#C50;
}

.comment-number a:hover {
color:#F90;
}

.day-date {
font-size:x-small;
line-height:1.4em;
color:#444;
}

.day-date a {
color:#444;
}

.day-date a:hover {
color:#F90;
}

#trackbacks {
font-size:x-small;
line-height:1.4em;
color:#444;
}

#comments {
font-size:x-small;
line-height:1.4em;
color:#444;
}

#comments a {
color:#C50;

}#comments a:hover {
color:#F90;
}

#comment-preview {
font-size:x-small;
color:#444;
}

#comment-preview a {
color:#C50;
}

#comment-preview a:hover {
color:#F90;
}

#trackbacks, #comments, #comment-preview {
font-size:x-small;
line-height:1.4em;
color:#444;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
display:block;
margin:0.5em 0 3em 0em; /* h d b g */
padding :10px 10px; /* d g */
border:1px dotted #DD6;
}

#tb, #co, #ajout  {
font-size:small;
font-weight:bold;
line-height:1.4em;
color:#552;
}


/* Pour "form.php"
-------------------------------------------------------- */
p.field {
display:block;
font-size:x-small;
color:#C50;
}

p.field label {
display:block;
}

.form-help {
font-size:x-small;
color:#C50;
}

#comment-form, input.preview, input.submit {
font-size:x-small;
color:#444;
}

#c_nom, #c_mail, #c_site, #c_content, #c_remember {
display:block;
font-size:x-small;
color:#444;
}


/* Formulaires
-------------------------------------------------------- */
input, textarea, select {
font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size:x-small;
color:#444;
line-height:1.4em;
}

input[type], textarea[name] {
background:#F2F2DF;
font-size:x-small;
}

input[type=submit], input[type=reset], input[type=button] {
background:#DD6;
color:#444;
}

input[type=submit]:hover {
background:#C50;
color:#DD6;
}

input[type=reset]:hover {
background:#C50;
color:#DD6;
}

input[type=button]:hover {
background:#C50;
color:#DD6;
}

textarea {
width:95%;
}


/* Commande et calendrier
-------------------------------------------------------- */
#calendar {
}

#calendar table {
table-layout:fixed;
width:100%;
border-collapse:separate;
}

#calendar caption {
margin:0 auto;
padding:0 0 0.5em 0; /* h d b g */
font-size:1.1em;
font-weight:bold;
}

#calendar abbr {
border:none;
text-decoration:none;
color:#FFF;
}

#calendar td {
padding:0.75em 0 0 0; /* h d b g */
text-align:center;
}

#calendar a:link, #calendar a:visited, #calendar a:hover, #calendar a:active {
text-decoration:none;
font-weight:bold;
}

#calendar a:link, #calendar a:visited {
color:#DD6; /* green light */
}

#calendar a:hover {
color:#F90; /* orange light */
}

#calendar a:active {
color:#C50; /* orange dark */
}

/* ------------------- */

#calendar td.active a:link, #calendar td.active a:visited, #calendar td.active a:hover, #calendar td.active a:active {
text-decoration:underline;
font-weight:bold;
}

#calendar td.active a:link, #calendar td.active a:visited {
color:#DD6; /* green light */
}

#calendar td.active a:hover {
color:#F90; /* orange light */
}

#calendar td.active a:active {
color:#C50; /* orange dark */
}

/* Search form
-------------------------------------------------------- */
#search {
}

/* ------------------- */

#links h3{
font-family:Georgia, Times New Roman, Times, serif;
font-size:x-small;
font-weight:bold;
color:#FFF;
line-height:1.4em;
margin:0;
}


/* Categories box */
#selection, #categories, #archives, #links, #syndicate {
line-height:1.4em;
}

#selection a, #categories a, #archives a, #links a, #syndicate a {
color:#FFF;
}

#selection a:hover, #categories a:hover, #archives a:hover, #links a:hover, #syndicate a:hover {
color:#F90;
}

#categories ul, #archives ul, #links ul, #syndicate ul {
}

#selection li {
list-style:disc;
}

#categories li, #archives li, #links li, #syndicate li {
list-style:circle;
}


/* Messages d'erreur
-------------------------------------------------------- */
.error {
font-size:small;
color:#C50;
line-height:1.4em;
}

.error ul {
padding-left:20px;
}
.error li {
list-style:disc;
}


/* Tableau droite-gauche, 50-50
-------------------------------------------------------- */
table, .mimi, tr, .lt, .rt {
vertical-align:middle;
}

table.mimi {
table-layout:fixed;
width:100%;
border-spacing:0;
}

td.rt {
width:50%;
text-align:right;
}

td.lt {
width:50%;
text-align:left;
}