/* ***** 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{
		margin:0;
		padding:0;
		background-image:url(img/degrade.gif);
		background-repeat:repeat-x;
		background-color:#d6d6d6;
		color:#202020;
		font-size:80%;
		line-height:1.6em;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	h1, h2, h3, h4, h5, h6{
		font-family:"Trebuchet MS", sans-serif;
	}
	
	h1{font-size:1.6em;}
	h2{font-size:1.5em;color:#ca5a00;margin:0 0 10px 0;}
	h3{font-size:1.4em;}
	h4{font-size:1.3em;}
	h5{font-size:1.2em;}
	h6{font-size:1.1em;}
	
	pre, code{
		font-size:1.2em;
	}
	
	pre{
		width:100%;
		overflow:auto;
		border:1px solid #CCC;
	}
	
	form{
		margin:0;
	}
	
	fieldset{
		border:none;
	}
	
	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 img{
		border:0;
	}

	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		margin:auto;
		width:975px;
		background-image:url(img/fond-page.gif);
		background-repeat:repeat-y;
	}
	
	#entete{
		width:963px;
		height:102px;
		margin:0 0 20px 0;
		padding:16px 0 0 12px;
		background-image:url(img/fond-entete.gif);
		background-repeat:no-repeat;
	}
	
	#barreGauche{
		float:left;
		width:153px;
		margin:0 43px 0 0;
		padding:0 0 0 22px;
	}
	
	#barreGauche a{
		text-decoration: none;
		color: #b33c00;
	}
	
	#barreGauche a:hover{
		text-decoration: underline;
	}
	
	#promotions h2, #annonceurs h2, #services h2{
		margin:0 0 8px 0;
	}
	
	#promotions ul, #annonceurs ul, #services ul{
		margin:0 0 35px 0;
		padding:0;
		list-style:none;
		font-size:0.85em;
	}
	
	#promotions ul li, #annonceurs ul li, #services ul li{
		margin:0;
		padding:3px 0 3px 0;
		border-bottom:1px solid #cacaca;
	}
	
	#promotions ul li a, #annonceurs ul li a, #services ul li a{
		color:#202020;
		text-decoration:none;
	}
	
	#promotions ul li a:hover{
		color:#b33c00;
	}
	
	#annonceurs ul li a:hover{
		color:#ca5a00;
	}
	
	#milieu{
		float:left;
		width:537px;
		margin:0 20px 0 0;
	}
	
	#milieu h1.titreCategorie{
		width:501px;
		height:36px;
		margin:0;
		padding:4px 0 0 36px;
		background-image:url(img/fond-titre-rubrique.gif);
		background-repeat:no-repeat;
		color:#ba5a0c;
	}
	
	.contenuCategories{
		width:495px;
		padding:1px 20px 1px 20px;
		border-left:1px solid #cacaca;
		border-right:1px solid #cacaca;
	}
	
	.basCategories{
		width:537px;
		height:14px;
		background-image:url(img/fond-bas-rubrique.gif);
		background-repeat:no-repeat;
	}
	
	#milieu a{
		color:#ca5a00;
		text-decoration:none;
	}
	
	#milieu a:hover{
		text-decoration:underline;
	}
	
	#barreDroite{
		float:left;
		width:186px;
		padding:20px 0 0 0;
	}
	
	#recherche{
		border-top:1px solid #cacaca;
		border-bottom:1px solid #cacaca;
		padding:12px 0 12px 0;
	}
	
	.champRecherche{
		margin:0;
	}
	
	/* Calendrier
-------------------------------------------------------- */
	#calendrier{
		margin:0 0 25px 0;
	}
	
	#calendrier table{
		border-collapse:collapse;
		font-size:0.8em;
		margin:0;
		width:186px;
	}
	
	#calendrier caption{
		margin:0 auto;
		padding:0;
		font-size:1.2em;
	}
	
	#calendrier caption a{
		color:#a1a1a1;
		text-decoration:none;
		font-weight:bold;
	}
	
	#calendrier caption a:hover{
		color:#ca5a00;
	}
	
	#calendrier abbr{
		border:none;
	}
	
	#calendrier th, .cal td{
		padding:1px;
		color:#ca5a00;
	}
	#calendrier td{
		text-align:center;
		border:1px solid #cacaca;
		width:25px;
	}
	
	#calendrier td.active a{
		
	}
	
	#calendrier td a{
		display:block;
		font-weight:bold;
		color:#ca5a00;
		text-decoration:none;
	}
	
	#calendrier td a:hover{
		background-color:#edd856;
	}
	/* Calendrier
-------------------------------------------------------- */

	#consulterAnnonces{
		display:block;
		width:153px;
		height:53px;
		margin:auto;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	#consulterAnnonces img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#consulterAnnonces:hover img{
		filter:alpha(opacity=85); 
        -moz-opacity:0.85; 
        opacity:0.85;
	}
	
	#services{
		width:153px;
		margin:0 0 0 16px;
	}

	#services ul li a:hover{
		color:#ca5a00;
	}
	
	#visuelDroite{
		width:168px;
		margin:auto;
	}
	
	#pied{
		width:975px;
		height:22px;
		padding:2px 0 0 0;
		border-bottom:8px solid #d6d6d6;
		background-image:url(img/fond-pied.gif);
		background-repeat:no-repeat;
		text-align:center;
		color:#fff;
		font-size:0.85em;
	}
	
	#pied a{
		text-decoration: none;
		color: #fff;
	}
	
	#pied a:hover{
		text-decoration: underline;
	}