/* @override http://www.fondspourlejournalisme.be/themes/default/style.css */

/* ***** 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-gauche.css"; */
 
/* Les éléments HTML en général
-------------------------------------------------------- */
/* RESET */
*{
	margin:0;
	padding:0;
}
body {
	background: #FFF url('img/back.jpg') repeat-x;
	color: #222;
	margin: 0;
	font: 12px/1.5em Helvetica, Arial, sans-serif;
	cursor: crosshair;

}

h1 {
	font-size: 24px;
	padding: 0;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	color: #90100a;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	color: #90100a;
	line-height: 20px;
}

#rech {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	color: #667977;
	line-height: 20px;
}


h4 {
}
h5 {
}
h6 {
}
fieldset {
	border: none;
}
label {
	cursor: pointer;
	
}
.field label {
	display: block;
}
input, textarea {
	font-family: Helveica, Arial, sans-serif;
	border: 1px solid #999;

}
textarea {
	width: 100%;
	font-size: 1em;
	line-height: 1.2em;
}
a {
	color: #90100a;
	text-decoration: none;
}
a:visited {
	color: #90100a;
	text-decoration: none;
}

a:active {
	color: #90100a;
	text-decoration: underline;
}
a:hover {
	color: #CB657E;
	text-decoration: underline;
}




/* La page
-------------------------------------------------------- */
#page{
	position:relative;
	margin:0 auto;
	width:990px;
	background-color: #FFFFFF;
	
}
/* L'entête
-------------------------------------------------------- */
#top {
	background: transparent;
	height: 175px;
	margin-bottom: 20px;
	padding: 0;
}
#main {
	background-color: #FFF;
	margin-top: 0;
	padding-top: 0;

}
/* Le contenu
-------------------------------------------------------- */
#content {
	position: relative;
	float:left;
	width: 496px;
	background: #fff;
	padding-top: 0;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
	margin: 0;
	text-align: justify;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}
.post-title {
	padding-bottom: 20px;
	padding-top: 0;
	text-align: left;
	font-size: 18px;
	color: #90100a;
	margin: 0;
	font-weight: normal;

}

.post-title2 {
	padding-bottom: 20px;
	padding-top: 0;
	text-align: left;
	font-size: 18px;
	color: #8C8F0A;
	margin: 0;
	font-weight: normal;

}

.post-title3 {
	padding-bottom: 20px;
	padding-top: 0;
	text-align: left;
	font-size: 18px;
	color: #667977;
	margin: 0;
	font-weight: normal;

}
.post-chapo {
	
	
	text-align: justify;
}
.post-content {
	
	padding-bottom: 20px;
	text-align: justify;
}
.post img
{
float: left;
margin: 0 10px 10px 0;
}

.post-content hr
{
color: #A9B2AF;
size: 1px;
}

.form-content {
	background: #FFFFFF;
	
	text-align: left;
}

#home
{

text-align: justify;
}

strong {
	
	color: #545351;
	font-weight: bold;
	
	
}

/* Les barres latérales
-------------------------------------------------------- */
#menu {
	list-style: none;
	float:left;
	width: 220px;
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
	background: #FFFFFF;
}
#nav 
{
font: 11px  verdana, sans-serif;
width: 190px; /* precision for Opera */

}

#nav a:hover 
{
text-decoration: none;
}
#nav dl 
{
float: left;
font: 11px  81B1B3, sans-serif;
text-align: left;
background:#90100A;

}
#nav dt 
{
cursor: pointer;
text-align: left;
font: 12px  arial, sans-serif;
padding: 3px;
background: #90100A;
color: #fff;
margin-bottom: 4px;

}
#nav dt a 
{
background: #90100A;
color: #fff;
}
#nav dt a:hover 
{
background: #90100A;
color: #fff;
}
#nav dd 
{
display: none;
color: #fff;
margin-bottom: 4px;
}
#nav LI 
{

width: 190px;
FONT-SIZE: 11px; 
BACKGROUND: #fff; 
width: 190px;
LINE-HEIGHT: 18px; 
height: 18px;
margin-bottom: 4px;
FONT-FAMILY: Tahoma, sans-serif; 
TEXT-ALIGN: left;
color: #fff;
}
#nav LI A 
{
display: block;
BORDER-RIGHT: 0px;
PADDING-RIGHT: 0px; 
BORDER-TOP: 0px; 
PADDING-LEFT:4px; 
FONT-SIZE: 11px; 
BORDER-LEFT: 0px; 
COLOR: #222; 
BORDER-BOTTOM: 0px; 
HEIGHT: 100%; 
TEXT-DECORATION: none;
background: #EBEBEB;


}

#nav li a:hover
{
background: #D0D6D9;

}


DL 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none
}
DT 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none
}
DD 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
}
UL 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
}
LI 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
}


#puce img
{
margin-right: 6px;
margin-bottom: 0;
}

#sidebar {
	float:right;
	width: 180px;
	margin-left: 24px;
	padding-top: 0;
	background: #FFFFFF;
	color: #333;
	
	
}

ul#navlistside
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size: 12px;

}

#navlistside li
{
display: inline;
list-style-type: none;

}

#navlistside a { padding: 3px 10px; }

#navlistside a:link, #navlistside a:visited
{
color: #fff;
background-color: #667977;
text-decoration: none;
}

#navlistside a:hover
{
color: #fff;
background-color: #9CA5A2;
text-decoration: none;
}

#menutop
{

margin-bottom: -14px;
text-align: right;
width: 180px;
}

#sidedate
{
font-size: 11px;
color: #515E5C;
}

#ajp
{
color: #FFFF;
margin-top: 10px;
margin-bottom: 20px;
border: none;
}

#ajp a
{
color: #FFFF;
border: none;
}

hr
{
color: #A9B2AF;
size: 1px;
}

#phothome
{

padding: 0;
}

/* Le pied de page
-------------------------------------------------------- */
#footer{
	
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 11px;
	color: #667977;
}

#footer a
{
color: #667977;
}

.clear{
	font-size:1px;
	line-height:1px;
	clear:both;
}