/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2008 GS4U and contributors. All rights
 * reserved.
 *
 */

body {
	margin: 0;
	padding: 0;
	background: url(img/tapisserie.gif) #fff;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	}

ul { list-style: none; }
ul li { list-style: none; }

/* Header
-------------------------------------------------------- */
#top {
	width: 600px;
	height: 220px;
	float: right;
}
	#top span { display: none; }
	#top h1 { font-size: 3em; }
	#top a:link, #top a:visited, #top a:hover { color: #FFF; text-decoration: none; }

#menucat {
	width: 880px;
	height: 219px;
	background: #fff url(img/menu_haut2.gif) no-repeat left top;
	padding-bottom: 30px;
}
	#menucat ul {
	padding:0;
}
	#menucat li {
	font-size: 0.9em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	margin-right: 654px;
	padding: 2px 10px 3px 4px;
	border-bottom: 1px solid #D84F30;
}
	#menucat a { color:#000; text-decoration:none;}

#topgoogle {
	width: 728px;
	height: 90px;
	padding-bottom: 34px;
	margin: 0 auto;
}

/* Prelude
-------------------------------------------------------- */
#prelude {
	width: 366px;
	position: absolute;
	top: 0;
	right: 18px;
	padding: 6px 0 0 0;
	color: #CAE4FC;
	text-align: center;
}
	#prelude a:link, #prelude a:visited {
		font-size: 1em;
		font-weight: bold;
		color: #CAE4FC;
		text-decoration: none;
	}
	#prelude a:hover { text-decoration: underline; }
	#prelude a:focus, #prelude a:active { background: yellow; color: red; padding: 5px 8px; }



p {
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 17px;
	}

a:link, a:active, a:visited {
	color: #7F3D01;
	text-decoration: underline;
	}
	
a:hover {
	color: #D00F0F;
	text-decoration: underline;
	}

fieldset{
	border: none;
}

.field label{
	display: block;
	cursor: pointer;
	cursor: hand; /* pour IE */
}

input, textarea{
	border: 1px solid #999;
	background: #FCFCFC;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 4px;
}

/* TITLES
----------------------------------------------------------------- */

h1 {
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #D00F0F;
	}

h1 a:link, h1 a:visited, h1 a:hover {
	color: #D00F0F;
	text-decoration: none;
	}
	
h2 {
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #D00F0F;
	}

h2 a:link, h2 a:hover, h2 a:visited {
	color: #D00F0F;
	text-decoration: none;
	}

h3 {
	margin: 0;
	font-size: 14px;
	color: #444;
	}

h4 {
	margin: 0;
	font-size: 12px;
	color: #000;
	}

/* STRUCTURE (That rug really tied the room together, did it not?)
----------------------------------------------------------------- */

#room, #lawn {
	width: 880px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#rug, #grass {
	float: left;
	width: 880px;
	background: #fff;
	text-align: left;
	}

/* HEADER
----------------------------------------------------------------- */

#header {
	width: 880px;
	background: transparent;
	margin: 0;
	padding: 0;
	}


#leaderboard {
	width: 880px;
	height: 90px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: auto;
	right: auto;
	top: 15px;
	background: transparent;
	text-align: center;
	}

/* LEFT COLUMN
----------------------------------------------------------------- */

#left {
	width: 530px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	background: #fff;
	text-align: left;
	}

.lefttext {
	margin: 0;
	padding: 8px 15px 15px 15px;
	}

.lefttextthumb {
	margin: 0;
	padding: 15px 0 15px 15px;
	}

.lefttext p {
	margin: 0 0 8px 0;
	padding: 0;
	}

#view {
	width: 500px;
	margin: 0;
	padding: 0;
	}

.viewtext {
	margin: 0;
	padding: 10px 15px 10px 15px;
	font-size: 11px; 
	text-transform: uppercase;
	}

.day-date {
	color: #989898; 
	}

.post-info {
	font-size: 10px;
	color: #444444;
	}

.post h2 {
	font-size: 24px;
	font-weight: bold;
	}

.post img {
	margin: 0;
	padding: 15px 0 10px 0;
	}


.post .smiley {
	margin: 0;
	padding: 0;
	}



/* RIGHT COLUMN
----------------------------------------------------------------- */

#right {
	width: 180px;
	float: left;
	margin: 4px 0 0 10px;
	padding: 0;
	background: #fff;
	text-align: left;
	list-style-type: none;
	}

#right ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0 20px 20px;
	}

.righttext {
	margin: 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	}

.righttext p {
    margin: 0 0 5px 0;
    padding: 0;
	font-size: 11px;
	}

#calendar {
	text-align: center;
	width: 175px;
	margin: 0;
	padding: 0;
	}

#calendar table {
	width: 175px;
	margin: 0;
	padding: 0;
	}

#weather {
	width: 110px;
	}

/* PRODUCTS
----------------------------------------------------------------- */

#product_presentation {
	width: 140px;
	height: 130px;
	float: right;
	margin: 4px 0 0 0;
	padding: 0;
	background: #fff;
	text-align: center;
	list-style-type: none;
	font-size: 8px;
	color: #444444;
	}

#product_presentation b {
	font-size: 12px;
	color: #000;
	}

#product_presentation a img {
	border: none;
	}
	
/* FOOTER
----------------------------------------------------------------- */

#footer {
	margin: auto;
	padding: auto;
	clear: both;
	
	background: #fff url(img/menu.png) repeat-x;
	height:100%;
	width: 880px;
	}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 20px 0px;
	}

#footer li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
	}

#footer a {
	color: #000;
	font-weight: bold;
	}

.copy {
	margin: 10px 0 10px 0;
	padding: 0;
	clear: both;
	font-size: 10px;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	}

.pod {
	width: 820px;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
	color: #666;
	}

.pea { 
	width: 240px;
	float: left;
	margin: 0 50px 20px 0;
	padding: 0;
	text-align: left;
	}

.pealast { 
	width: 240px;
	float: left;
	margin: 0 0 20px 0;
	text-align: left;
	}

.pod p {
	margin: -2px 0 13px 0;
	padding: 0;
	line-height: 18px;
	}
 
.pod a:link {
	font-weight: normal;
	color: #ae5901;
	text-decoration: underline;
	}
	
.pod a:hover {
	font-weight: normal;
	color: #95e210;
	text-decoration: underline;
	}

	
/* FORMS
----------------------------------------------------------------- */

#searchform {
	float: right;
  	margin: 0;
	padding: 23px 0px 0 0;
	background: none;
	background-color: transparent;
	}  

#searchbox {
	width: 120px;
	margin: 0;
	padding: 3px 3px 3px 3px;
	border: 1px solid #000;
	font-size: 11px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	}
  
#searchform input {
	margin: 0;
	vertical-align: middle;
	}
	
#mailform {
  	margin: 0;
	padding: 0;
	background: none;
	background-color: transparent;
	} 
	
#syndicateform { 
	display: none; 
	}

#trackbacks, #comments{
	margin-top: 4em;
}

#trackbacks blockquote, #comments blockquote{
	background: #F5F5F5;
	color: inherit;
	border: 1px dotted #AAA;
	margin: 0.5ex 0 1em 0;
	padding: 1ex;
	overflow: auto;
}

#trackbacks blockquote p, #comments blockquote p{
	margin: 1ex 0;
}

.comment-info{
	margin-bottom: 0;
}

/* HR
----------------------------------------------------------------- */

.hr {
	height: 1px;
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
	
.hr1 {
	height: 1px;
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 1px;
	line-height: 1px;
	background: url(img/hr-black.gif) repeat-x;
	clear: both;
	}

.hrtop {
	height: 1px;
	width: 470px;
	margin: 10px 15px 5px 15px;
	font-size: 1px;
	line-height: 1px;
	background: url(img/hr-black.gif) repeat-x;
	}

.hrtopright {
	height: 1px;
	width: 100%;
	font-size: 1px;
	line-height: 1px;
	background: url(img/hr-black.gif) repeat-x;
	margin: -5px 0 12px 0;
	clear: both;
	}

.hrclear {
	height: 1px;
	width: 100%;	
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	background: url(img/hrclear.gif) repeat-x;
	clear: both;
	}

.hrbottom {
	height: 1px;
	width: 100%;
	margin: 10px 0 30px 0;
	font-size: 1px;
	line-height: 1px;
	background: url(img/hr-black.gif) repeat-x;
	clear: both;
	}
	
/* TEXT
----------------------------------------------------------------- */

.abide {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	}

.more {
	margin: 0;
	padding: 10px;
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
	

.headlines {
	margin: 0;
	padding: 0 0 7px 0;
	}

#share, #subscribe {
	display: none;
	margin: 0;
	padding: 0;
	}

/* LISTS
----------------------------------------------------------------- */

ol {
  margin: 5px 0 10px 15px;
  padding: 0 0 0 7px;
  }
  
ol li {
  margin: 0;
  padding: 0 0 5px 0;
  }

/* MISC
----------------------------------------------------------------- */

.admain {
	margin: 0 0 30px 0;
	padding: 15px;
	background: #EDEDED;
	border: 1px solid #CCC;
	}

.rightarchives {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	}

.rightcats {
	float: right;
	margin: 0 50px 0 0;
	padding: 0;
	text-align: left;
	}

.spinner {
	text-align: center;
	}

.hidden, .sitemeter { 
	display: none;
	}