/* ***** 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
-------------------------------------------------------- */
html{margin:0 auto; padding:0;}
body{
	margin:0 auto;
	padding: 0;
	text-align: center;	
	background: url(img/bg.jpg) repeat-x top left;
	background-color: #b7ad71;
	color:#5d584f;
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#prelude{
	position: absolute;
	width: 780px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -390px;
	padding: 0 1ex;
}

h1, h2, h3, h4, h5,{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3#co{color: #3b3b3b;}

h1{font-size: 1.5em;}
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;
	padding:0;
	margin:0;
}

label{
	cursor: pointer;
	cursor: hand;
		padding:0;
	margin:0;
}

.field label{
	display: block;
	padding:0;
	margin:0;
}

input,textarea{
	background-color:#eae7e3;
	border: 1px solid #000;
}


input#q{ 
background:url(img/q.jpg) no-repeat left;
margin-left:20px;
border-bottom:1px solid #000;
border-top:none;
border-left:none;
border-right:none;
padding:0;
margin:0;
}

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



a{
	color:#9d966f;
	text-decoration:none;
}

a:visited{
	color:#9d966f ;
}

a:hover{
	color:#544933;
	border-bottom:thin 1px;	
}


/* La page
-------------------------------------------------------- */
#page{
	background: transparent url(img/bgcadre.jpg) repeat-y left top;
	float:left;
	color: inherit;
	width: 1021px;
	margin:0px;
	text-align: left;
}
#main{
	float: left;
	width: 1021px;
	/*height:574px;*/
	background:url(img/bg-cadre1.jpg) no-repeat left top;
}
 
/* L'entête
-------------------------------------------------------- */
#top{
float:left;
	width: 1021px;
	height:114px;
	/*padding-top: 20px;*/
	background:url(img/top.jpg) no-repeat left top;
	margin:0;
	padding:0;
}

#top h1{
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 40px;
	padding-top: 20px;
	color: #FFFFFF;
	margin: 0;
}

#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;
}
/*****************************Menu****************************/

ul#nav-box {float:left; margin:0; list-style-type:none; padding:0; width:100%; height:41px;text-align:left;}
ul#nav-box li{float:left; list-style-type:none; height:41px; display:inline; margin:0; padding:0;line-height:41px;}
ul#nav-box li a{height:41px; display:block; margin:0; padding:0;}
ul#nav-box li a:hover{margin:0; padding:0; }
#nav-box li a.accueil{ background: url(img/menu/home.jpg) no-repeat 0 0px; width:174px;}
#nav-box li a:hover.accueil{background-position:0 -42px;}
#nav-box li a.vid{  background: url(img/menu/video.jpg) no-repeat 0 0px; width:92px;}
#nav-box li a:hover.vid{background-position:0 -42px;}
#nav-box li a.tut{ background: url(img/menu/tuto.jpg) no-repeat 0 0px; width:163px;}
#nav-box li a:hover.tut{background-position:0 -42px;}
#nav-box li a.lien{ background: url(img/menu/lien.jpg) no-repeat 0 0; width:80px;}
#nav-box li a:hover.lien{background-position:0 -42px;}
#nav-box li a.nccprod{ background: url(img/menu/ncc.jpg) no-repeat 0 0; width:117px;}
#nav-box li a:hover.nccprod{background-position:0 -42px;}
#nav-box li a.contact{ background: url(img/menu/contact.jpg) no-repeat 0 0; width:98px;
}
#nav-box li a:hover.contact{background-position:0 -42px;}
#nav-box li a.finmenu{ background: url(img/menu/finmenu.jpg) no-repeat; width:99px; height:41px; background-attachment: scroll;}
/* Le contenu
-------------------------------------------------------- */
#content{
	float:left;
	margin: 0;
	padding:0;
}
#content h6{
background:url(img/cadrefleuriH.gif) no-repeat;
width:549px;
height:22px;
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
margin:0;
padding:0;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0pt;
}
#content h6.bas{
background:url(img/cadrefleuriB.gif) no-repeat;
width:549px;
height:22px;
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
margin:0;
padding:0;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0pt;

}
#post h6{
background:url(img/cadrefleuriH.gif) no-repeat center bottom;
width:549px;
height:22px;
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
margin:0;
padding:0;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0pt;
}
.post{
width:530px;
margin:22px 0 0 52px;
padding:0;
}


.day-date{
	float:right;
	color: #555555;
	font-style: italic;
	font-size:9px;
	font-style:italic;
	font-weight:bold;
	padding-top:12px;
}

.post-title{
	background:url(img/icn.jpg) no-repeat left top;
	height:23px;
	color:#638584;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
	padding-top:0;
	padding-left:52px;
	padding-bottom:5px;
}

.post-title a{
	color:#638584;
	background: transparent;
	text-decoration: none;
	font-weight:bold;
}
.post-title a:hover{
	color:#544933;
}
.post-title a:visited{color:#638584;}

.post-info{
	margin:0;
	color: #555555;
	background: transparent;
	padding:2ex 0 1ex 0;
	font-size:9px;
	font-style:italic;
	font-weight:bold;
}

.post-info a{
	color: #555555;
	background: transparent;
	text-decoration: none;}
.post-info a:hover{
	color:#9d966f;
	}
.post-content, .post-chapo{
	text-align: justify;
	padding-left:11px;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
	margin-left:5px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;

}
.post-chapo p, span{padding-left:11px;}
.post-chapo a{color:#749d9c; border-bottom:dashed 1px #478b8a;}
.post-chapo a:hover{color:#544933; border-bottom:dashed 1px #544933;}
.post-content p, span{padding-left:11px;}
.post-content a{color:#749d9c; border-bottom:dashed 1px #478b8a;}
.post-content a:hover{color:#544933; border-bottom:dashed 1px #544933;}
.post img, post-content img, post-chapo img{background:#9d966f; border:#736348 solid 2px; padding:0.2em; margin:0;}
.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
	padding, margin:0;
}

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

/* La barre de navigation
-------------------------------------------------------- */
#sidebar{
	float: left;
	width: 180px;
	margin:15px 0 0 3.2em;
	padding:0;
}

#sidebar div{
float:right;
	color: inherit;
	padding:0;
}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2, #sidebar h3{
	background:url(img/img-titre-menuH.jpg) no-repeat center top;
	width:131px;
	height:49px;
	text-align:center;
	color: #3b3b3b;
	margin:0 auto;
	padding-top:12px;
	padding-bottom:0;
	font-size:16px;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}
#sidebar h6 {

width: 170px;
height: 4px;
background:transparent url(img/separation.gif) no-repeat;
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
margin:0;
padding:0;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0pt;

}
#sidebar div#search{
margin:0;
background: transparent;
padding:0;
}
.sending{margin-left:10px;}
#search fieldset, #search p{
	margin: 0;
	padding: 0;
}
input#q{ 
	padding:0;
	margin:0;
}
#sidebar div#syndicate li{
background:url(img/fluxrss01.jpg) no-repeat left 0px;
/*width:28px;*/
height:60px;
line-height:60px;
padding-top:0px;
padding-left:55px;
margin:0;
text-align:left;
font-size:14px;
font-weight:bold;
}
#sidebar div#categories li, #sidebar div#archives li, #sidebar div#links li, li.rdv_text{
background: url(img/picto-menu.gif) no-repeat left center;
/*width:100px;
/*height:10px;*/
margin-left:5px;
padding-top:3px;
padding-left:15px;
pdding-righ:5px;
padding-bottom:2px;
margin-bottom:1px;
text-align:left;
list-style-type:none;
}
#sidebar a{
	color:#897e44;
	text-decoration:none;
}
#sidebar a:visited{
	color:#897e44;
}
#sidebar a:hover{
	color:#544933;
}
/* Le pied de page
-------------------------------------------------------- */
#footer{
	width:1021px;
	height:30px;
	margin:0;
	background: url(img/bottom.jpg) no-repeat left bottom;
	color: #666;
	padding:0;
    clear: both;
}

#footer a{
	color: #999;
}

/*------------------------------Colonne tuto-----------------------*/
#sidebartuto{
height:180px;
float:right;
margin:0;
padding:20px 23px 0 0;
text-align:center;
font-size:11px;
}
#sidebartuto h2{
font-size:14px;
text-align:center;
margin:0;
padding:0;
text-decoration:underline;
font-weight:bold;
}
#sidebartuto li{list-style-type:none; margin:5px 0 0 0;}
#sidebartuto a,#sidebartuto p{font-size:10px; clear:both; margin:0; padding:0;}
#sidebartuto img{background:#9d966f; border:#736348 solid 2px; padding:0.2em; margin:0;}
/***************************************pagination****************************/
.pagenav {
	font: 0.9em;
	margin:8px 0 0 60px;
}

p.pagenav a {
	background : #ddd;
	color:#9d966f;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#3d3323;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}
/*------------------------------------------------lecture------------------------*/
p.lecture{
display:block;
float:left;
color: #555555;
font-style: italic;
font-size:10px;
margin-left:25px;
margin-top:10px;
}	


#comments{padding-left:10px; margin:0;}