/* ***** 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: #FFFFFF;
	color: #3B2D2C;
	font-size: 90%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
 
#container
{
width: 100%;
margin: 10px auto;
margin-top: 0px;
background-color:  #FFFFFF;

}


#imageheader
{
width: 100%;
margin-bottom: 50px;
margin-top: 0px;
background-color: #B6FF78;

}

#leftnav
{
float: left;
width: 290px;
margin-top: 20px;
padding: 0em;
}



ul#categories li {

list-style: none;
margin-bottom: 10px;

 }


#content
{
background-color: #FFFFFF;
margin-left: 230px;
width: 700px;
padding: 1em;
color: #336600;

}




a{
	color: #FF7D05;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

}

a:visited{
	color: #FF7D05;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:hover{
	color: #FF7D05;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#simpleview{
	color: #3B2D2C;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

}
a.bouton {
color: #535252;
	font-size: 13px;
	/*font-weight: bold;*/
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a.bouton:hover {
color: #535252;
	font-size: 13px;
	/*font-weight: bold;*/
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.bouton:visited {
color: #535252;
	font-size: 13px;
	/*font-weight: bold;*/
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
   a.lang{
     	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

a.lang:visited{
  	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

a.lang:hover{
  	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

.borderimage
{
border:3px solid #FFFFFF;
}

.thumbnail
{
float: left;
margin: 0 9px 9px 0;
}

.thumbnail2
{
float: left;
/*width: 60px; */
/*border: 1px solid #999;*/
margin: 0 9px 9px 0;
}

.thumbnail3
{
float: left;
/*width: 60px; */
/*border: 1px solid #999;*/
margin: 0 9px 9px 0;
}

.clearboth { clear: both; }