/* ***** 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
* - la page
* - l'entête
* - le prélude
* - le contenu
* - la barre de navigation
* - le pied de page
*
* L'agengement des blocs est défini dans le fichier layout.css
* Pour mettre la barre de navigation à gauche, décommentez l'appel à
* layout-gauche.css
*/
@import "layout.css";
/* @import "layout-gauche.css"; */
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
background: #A00000;
color: #000;
font-size: 70%;
font-family: verdana, helvetica, geneva, sans-serif, arial; color: black
margin : 0px 0px 20px 0px;
}
h1, h2, h3, h4, h5, h6{
font-family: "Trebuchet MS", sans-serif;
}
h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}
pre, code{
font-size: 1.2em;
}
pre{
width: 100%;
overflow: auto;
border: 1px solid #CCC;
}
fieldset{
/* border: none; */
border: 1px solid #F0F0F0;
background: #F0F0F0;
}
label{
cursor: pointer;
cursor: hand;
}
.field label{
display: block;
}
input,textarea{
border: 1px solid #999;
}
textarea{
width: 100%;
font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a{
color: #505050;
}
a:visited{
color: #505050;
}
a:hover{
color: #A00000;
}
.left{
float: left;
margin-right: 1em;
}
.right{
float: right;
margin-left: 1em;
}
/* La page
-------------------------------------------------------- */
#page{
background: #fff url(img/page.jpg) repeat-y center top;
color: inherit;
}
/* L'entête
-------------------------------------------------------- */
#top{
height: 292px;
background: #FFF url(img/banniere.jpg) no-repeat left top;
}
#top h1{
height: 80px;
line-height: 80px;
margin: 0 0 0 40px;
padding-top: 20px;
color: #FFFFFF;
}
#top h1 a{
text-decoration: none;
color: #FFFFFF;
}
/* Le prélude
-------------------------------------------------------- */
#prelude{
background: transparent;
color: #DFDFDF;
text-align: center;
}
#prelude a{
color: #DFDFDF;
background: transparent;
}
#prelude a:hover{
color: #666;
background: transparent;
}
/* Le contenu
-------------------------------------------------------- */
div.error{
color: #FF0000;
}
.accueil{
margin: 20px 0 20px 0;
display: block;
height: 441px;
background: transparent url(img/accueil.jpg) no-repeat center;
}
.separateur_billet{
display: block;
width: 23px;
height: 22px;
background: transparent url(img/separateur_logo.gif) no-repeat center;
}
.day-date{
padding-left: 20px;
margin-left: -25px;
color: #888;
background: transparent url(img/day-date.png) no-repeat left center;
font-style: italic;
}
.post-title{
color: #A00000;
background: transparent;
margin-bottom: 0;
}
.post-title a{
color: #A00000;
background: transparent;
text-decoration: none;
}
.post-info{
margin-top: 0px;
color: #A00000;
background: transparent;
}
.post-info a{
color: #A00000;
background: transparent;
text-decoration: none;
}
.post-content{
text-align: justify;
}
.post-content blockquote{
font-family: Georgia, serif;
font-style: italic;
}
.post-info-co{
text-align: right;
}
#trackbacks blockquote, #comments blockquote{
border: 1px solid #EEE;
margin: 1em 0;
padding: 1ex 1em;
}
#main {
margin-top: -60px;
}
.post, .contact {
margin-top: 0px;
}
/* La barre de navigation
-------------------------------------------------------- */
#sidebar div{
border-bottom: 1px solid #F0F0F0;
color: inherit;
}
#sidebar a:hover{
color: #505050;
text-decoration:underline;
}
#sidebar a{
color: #505050;
text-decoration:none;
}
#sidebar div ul{
margin: 0;
padding: 0;
list-style: none;
}
#sidebar h2, #sidebar h3{
color: #A00000;
margin: 0 0 1ex 0;
}
#sidebar h3{
font-size: 1em;
margin: 0;
}
#sidebar div#search{
background: transparent;
color: inherit;
line-height: 2.3em;
}
#search fieldset, #search p{
margin: 0;
padding: 0;
}
#q{
padding-left: 18px;
background: #fff url(img/q.png) no-repeat 4px center;
}
#sidebar div#calendar{
/*border-top: 1px solid #F0F0F0;*/
}
#sidebar div#calendar table{
font-size: 0.8em;
text-align: center;
margin: 0 auto;
border-collapse: collapse;
}
#sidebar div#calendar table caption{
margin: 0 auto;
}
#sidebar div#calendar table th{
color: #493;
background: transparent;
}
#sidebar div#calendar table td{
width: 14%;
line-height: 2em;
border: 1px solid #EEE;
}
#sidebar div#calendar table td a{
display: block;
background: #EFA;
color: #493;
font-weight: bold;
text-decoration: none;
}
#sidebar div#calendar table td a:hover{
background: #DBB8DC;
color: #636;
}
/* Le pied de page
-------------------------------------------------------- */
#footer{
background: #fff url(img/bas.jpg) no-repeat center;
margin: 0;
padding: 0;
color: #666;
height: 37px;
}
#footer a{
color: #999;
}
/* Les boutons
-------------------------------------------------------- */
#navbar{
margin: 0 75px;
padding: 30px 0 0 20px;
}
#navbar li{
list-style:none;
display:inline;
margin:0px;
padding:0px;
}
a.bouton_accueil { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 41px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_accueil.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_accueil:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_accueil_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_origine { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 74px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_origine.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_origine:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_origine_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_ecole { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 72px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_ecole.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_ecole:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_ecole_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_clubs { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 63px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_clubs.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_clubs:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_clubs_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_media { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 67px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_media.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_media:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_media_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_liens { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 62px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_liens.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_liens:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_liens_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_contact { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 79px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_contact.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_contact:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_contact_hover.jpg); /* source de l'image d'arrivée */
}
a.bouton_livre_or { /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 95px; /* largeur de l'image réactive */
height: 27px; /* hauteur de l'image réactive */
background-image: url(img/bouton_livre_or.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
float:left;
}
a.bouton_livre_or:hover { /* définition de la classe "image" de la balise au survol */
background-image: url(img/bouton_livre_or_hover.jpg); /* source de l'image d'arrivée */
}
/* Referencement
-------------------------------------------------------- */
#sub_footer {
padding-top: 10px;
color: #000000;
}
#sub_footer a {
color: #000000;
}
#top_page #motscles, #sub_footer #motscles {
letter-spacing: 1pt;
text-align: center;
}
#sub_footer #motscles {
margin: 20px 20px 20px 20px;
}