/* ***** 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 base_style.css
 */

/* Les éléments HTML en général
*******************************************************************************/
body{
	background: #f5f5f5;
	color: #620d5e;
 	font-size: 70%;
	line-height: 1.6em;
 	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
}

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;
}

html>body pre {
	overflow: auto;
	width: auto;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #814288;
	font-weight:bold;
	text-decoration:none;
}

a:visited{
	color: #814288;
}

a:hover{
	color: #621600;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

h2, h3{
	color: #620d5e;

}

/* La page
*******************************************************************************/
#page{
	width:870px;
	padding-top:228px;
}

/* L'entète
*******************************************************************************/
#top{
	display:none
}

/* Le menu horizontal
*******************************************************************************/
#categories_top{
	width: 100%;
}

#categories_top ul{
	margin:0 auto 15px auto;
	padding:0 10px 0px 10px;
	height:33px;
}

#categories_top li {
	display:inline;
	margin:0;
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

#categories_top li a {
	font-size:12px;
	margin:0px;
	padding:7px 15px;
	text-decoration:none;
	float:left;
	color:white;
}

#categories_top li a:hover, #categories_top li strong a {
	color:#242715;
}

/* Le contenu
*******************************************************************************/
.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{
	margin-bottom: 0;
	padding:2px 0 22px 35px;
}

.post-title a, .post-title a:hover{
	text-decoration:none;
}

.post-title a:hover{
	text-decoration:underline;
}


.post-info{
	margin-top: 0;
	color: #621600;
	background: transparent;
	padding-bottom: 1ex;
	/*border-bottom: 1px solid #FC0;*/
}

	.post-info a{
		color: #621600;
		background: transparent;
		text-decoration: none;
	}

	.post-info a:hover{
		text-decoration: underline;
	}

.post-content{
	text-align: justify;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
	font-size: 77%;
	padding-bottom:2px;
}

.post-info-co, .post-info-co a{
	text-decoration:none;
}

.post-info-co a:hover{
	text-decoration:underline;
}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}

/* Les barre de navigation
*******************************************************************************/
#sidebar div, #sidebarmain div{
	color: inherit;
}

	#sidebar div ul, #sidebarmain div ul{
		margin: 0;
		padding: 0 0 0 37px;
		list-style: none;
	}

#sidebar div ul a, #sidebarmain div ul a{
	text-decoration:none;
	font-weight:normal;
}

#sidebar div ul a:hover, #sidebarmain div ul a:hover{
	text-decoration:underline;
}


#sidebar h2, #sidebarmain h2{
	font:bold 12px arial;
	padding:14px 0px 8px 39px;
	margin:0;
	width:143px;
	text-transform:uppercase;
}

#sidebar h3, #sidebarmain h3{
	font-size: 1em;
	margin: 0;
	padding-left:37px;
}

#sidebar div#search, #sidebarmain div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#sidebar div{
	margin:0 12px 18px 5px;
	padding-bottom:10px;
}


#sidebarmain_content div{
	margin:0 5px 18px 12px;
	padding-bottom:10px;
}

#sidebarmain_footer{display:none}


/* Les différents blocs de menu
*******************************************************************************/
	#search fieldset, #search p{
		margin: 0;
		padding: 0 0 0 37px;
	}

	#q{
		padding-left: 18px;
		background: #fff url(img/q.png) no-repeat 4px center;
	}

	#calendar table{
		font-size: 0.8em;
		text-align: center;
		margin: 0 auto;
		color:white;
		border-bottom:1px solid white;
	}

	#calendar table caption{
		padding-top:10px;
		text-align:right;
		border-bottom:1px solid #ffffff;
		font:bold 11px arial;
	}

	#calendar table caption a{
		text-decoration:none;
	}

	#calendar table thead{
		padding:0px;
	}

	#calendar table thead th{
		background: transparent;
		color:#ffffff;
		padding:0px;
	}

	#calendar table td{
		width:23px;
		height:18px;
		border-right:1px solid #ab1f23;
		border-bottom:1px solid #ab1f23;
		background-color:#e7c5dd;
		padding:0px !important;
		margin:0px !important;
		color:black;
	}

	#calendar table td a{
		display: block;
		width:23px;
		height:18px;
		background: transparent url(img/calendar_day.gif) repeat-y top left;
		color: white;
		font-weight: bold;
		text-decoration: none;
	}

	#calendar table td a:hover{
		background: #610d02;
		color: white;
	}

	#calendar h2{
		display:none;
	}

/* info legal
-------------------------------------------------------- */
#lcen {
	width:870px;
	background:#616161;
}
#lcen p{
	padding:5px;
	margin:0px;
	width:765px;
	text-align:justify;
	color:white;
	font-size:9px;
	font-family:arial;
	/*border-top:3px solid #424242;*/

}


/* Les galeries
******************************************/
#galleries {
}

#gallery {
	margin : 10px;
}

.gallery-thumbnail {
	float : left;
	margin : 2px;
	padding : 5px;
	width : 193px;
	height : 210px;
	text-align : center;
	border : 1px dashed #620d5e;
}

.gallery-thumbnail a:hover{
	color:#620d5e;
}

.gallery-thumbnail img {
	display : block;
	margin : 0px auto;
	border : 0;
}


.gallery-icone {
}

.gallery-landscape {
	padding-bottom: 35px;
}

.gallery-portrait {
}

.gallery-image-title {
	display:block;
	text-align: center;
}

.gallery-nb-comment {
	margin-top : 5px;
	display:block;
	text-align: center;
}

.gallery-thumbnail:hover {
	background : #e7c5dd;
}

.gallery-description {
	float : left;
	width : 100%;
	line-height : normal;
}

.gallery-description ul {
	margin : 0;
	padding : 0;
	list-style : none;
}

.gallery-description li {
	float : left;
	margin : 5px;
	padding : 5px;
	width : 200px;
	height : 60px;
	border : 1px dashed #ccc;
	list-style : none;
}

.gallery-description img {
	float : left;
	margin : 10px 5px 5px 5px;
	height:40px;
	width:40px;
	border : 1px dashed #ccc;
}

.gallery-description a {
	float : left;
	display : block;
	color : #000;
	text-decoration : none;
}

.gallery-description li:hover {
	background : #EEE;
}

.gallery-enddescription {
	clear: both;
	margin-bottom: 10px;
	padding: 1px;
}

.gallery-navigation {
	font-size : 1em;
	clear : both;
	color : #666;
	margin : 10px;
	text-align : center;
}

.gallery-image img {
	display:block;
	margin : 5px auto;
	padding : 10px;
	border : 1px dashed #621600;
}

.gallery-content blockquote {
	background: #e7c5dd;
	border: 1px dashed #620d5e;
	margin: 10px 0;
	padding: 10px;
	overflow: auto;
}

.gallery-content blockquote p{
	margin: 1ex 0;
}

/*************************************************************************/
/*							Variation des couleurs								    */
/*************************************************************************/
#page{
	background:#620d5e url(img/main_bg.jpg) no-repeat top left;
}

#content{
	background-color:#f8ecf5;
}



.post-title, .post-title a, .post-title a:hover{
	color:#942d2d;
	font:bold 14px arial;
}

.post-title{
	border-bottom:1px solid black;
	background:transparent url(img/title_bullet.gif) no-repeat top left;
}



#sidebar h2, #sidebarmain h2{
	behavior: url(iepngfix.htc);
	background:transparent url(img/menu_title.png) no-repeat top left;
	color:white;
}


#sidebar a, #sidebarmain a{
	color:white;
	text-decoration:underline
}

#sidebar div ul a, #sidebarmain div ul a{
	color:white;
}

#sidebar div ul li, #sidebarmain div ul li{
	list-style-image:url('img/bullet.png');	
}


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

.post-info-co{
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#tags ul, #tagcloud ul { margin: 0; padding: 0 1em; display: block; }
#tags li, #tagcloud li { display: inline; margin: 0 0.1em; padding: 0; background-image: none; }
#tags .level-1 a, #tagcloud li.level-1 a { font-size: 0.6em; }
#tags .level-2 a, #tagcloud li.level-2 a { font-size: 0.8em; }
#tags .level-3 a, #tagcloud li.level-3 a { font-size: 1em; }
#tags .level-4 a, #tagcloud li.level-4 a { font-size: 1.3em; }
#tags .level-5 a, #tagcloud li.level-5 a { font-size: 1.6em; }
#tags a, #tagcloud li a {text-decoration:none;}
.nuage { display: block; text-decoration: none; }



/* Les éléments HTML FTVi Modifiés
*******************************************************************************/


body{ background: #ffffff; color: #000000; }
#page{ margin: 0 auto; background:#1B0D31 url('img/main_bg.jpg') no-repeat top left; border-bottom:3px solid #ffffff; }
a{ color: #8B42D1; }
a:visited{ color: #969696; }
a:hover{ color: #3E2D25; }
#lcen { margin:0 auto; background:#000000; }
#content{ background-color:#ffffff; border:3px solid #1B0D31; overflow:hidden;}

.post-title, .post-title a { color:#3E2D25; }
.post-title a:hover{ color:#ffffff; text-decoration:none; }
.post-info-co, .post-info-co a{ color:#3E2D25; }
.post-info-co a:hover{ color:#969696; }
.post-info{ color: #3E2D25; background: transparent; }
.post-info a{ color: #3E2D25; background: transparent; }

#calendar table td{ border-right:1px solid #3E2D25; border-bottom:1px solid #3E2D25; background-color:#efeeee; color:black; }
#calendar table td a{ background: transparent url('img/calendar_day.gif') repeat-y top left; color: white; }
#calendar table td a:hover{ background: #cccccc; color: white; }
#calendar table caption{ border-bottom:1px solid #ffffff; }
#calendar table th{ background: transparent; color:#91AFC7; }

.gallery-thumbnail { border : 1px dashed #ffffff; background : #555555; }
.gallery-thumbnail:hover { background : #8B42D1; }
.gallery-thumbnail a, .gallery-thumbnail a:hover{ color:#ffffff; }
.gallery-content blockquote { background: #cccccc; border: 1px dashed #ffffff; }
.gallery-image img { border : 1px dashed #3E2D25; }

#sidebar div ul li, #sidebarmain div ul li{ list-style-image:url('img/bullet.gif');	}

#categories_top ul{ background:url('img/fondMenu.png') repeat !important; background:#000000; border-bottom:2px solid #000000; border-top:2px solid #000000; }
#categories_top li a { color:#ffffff; }
#categories_top li a:hover { color:#969696; }
#categories_top li strong a { color:#8B42D1; }


/* Les éléments HTML FTVi non-Modifiés
*******************************************************************************/


pre{ border: 1px solid #ffffff; }
input{ border: 1px solid #000000; }
h2, h3{ color: #848484; }
.day-date{ color: #000000; background: #ffffff no-repeat left center; }
#trackbacks blockquote, #comments blockquote{ border: 1px solid #ffffff; }
#sidebar div#search, #sidebarmain div#search{ background: transparent; color: inherit; }
#sidebar div{ border-bottom:1px solid #ffffff; }
#sidebarmain_content div{ border-bottom:1px solid white; }
#q{ background: #ffffff url('img/q.gif') no-repeat 4px center; }
#calendar table{ color:#ffffff; }
#lcen p{ color:#ffffff; }
.gallery-description li { border : 1px dashed #ffffff; }
.gallery-description img { border : 1px dashed #ffffff; }
.gallery-description a { color : #000000; }
.gallery-description li:hover { background : #ffffff; }
.gallery-navigation { color : #000000; }
.post-title{ border-bottom:1px solid black; background:transparent url('img/title_bullet.gif') no-repeat top left; }
#sidebar h2, #sidebarmain h2{ background:transparent url('img/menu_title.gif') no-repeat top left; color:white; }
#sidebar div ul a, #sidebarmain div ul a{ color:white; }
.post-info-co{ border-top:1px solid black; border-bottom:1px solid black; }