****** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman 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):
 *  Olivier Meunier
 */
@import "custom.css";
body{
	background: #FFFFFF;
	margin:0em;
	padding:0em;
	font:90% Helvetica, Arial, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body{
	font-size:small;
	margin:0em;
	padding:0em;
}
p {
	margin : 1em 0;
}
.post img {border:none;}

}

form {
	display : block;
	margin : 0;
	padding : 0; }
h2,h3 {
	font-family:Georgia, "Times New Roman", Times, serif
}
h1 {
	font-size : 2em;margin : 0;
	padding:0.2em 0em 0em 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size : 1.3em;
	margin : 0.83em 0;
	color: #666666;
}
h3 {
	font-size : 1.17em;
	margin : 1em 0;
}
h4 {
	font-size : 1em;
	margin : 1.33em 0;
}
h5 {
	font-size : 0.83em;
	margin : 1.67em 0;
}
h6 {
	font-size : 0.67em;
	margin : 2.33em 0;
}
h1 a{
	color:#000000;
}

code,pre { font-family : "Courier New",monospace; font-size : 1em; overflow:auto; }

q { font-style : italic; }

a {color : #1B5EA8; text-decoration:none;}
a:hover, a:focus, a:active {color: #666666;text-decoration: underline;}

a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";color : #666;background : transparent;}

h1 a, h1 a:hover, h1 a:focus, h1 a:active {text-decoration : none;color:#FFFFFF;}

/* Le bandeau et les onglets
-------------------------------------------------------- */ 
#header{
margin:0em;
padding:0em;
font-size:1em;
font-weight:bold;
line-height:normal;
background: transparent; 
}

#bandeau{
margin:0em;
padding:0em;
height:90px;
background: #e8a64e url(images/logo_with_ofset_bkground.png) no-repeat right;
}

#bandeau p {
color:#FFFFFF;
margin:1em 0.5em;
padding: 0;
}
#bandeau img {border:none;}

#header ul{
margin:0;
padding:10px 10px 0;
list-style:none;
}
#header li{
float:left;
background: url("images/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}
#header a{
float:left;
display:block;
background: url("images/right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#000000;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover{
color:#0066CC;
}
#header .current{
background-image: url("images/left_on.gif");
}
#header .current a{
background-image: url("images/right_on.gif");
color:#333;
padding-bottom:5px;
}
#header p {
float:right;
color:#FFFFCC;
display:block;
font-size:0.85em;
margin:0.5em 0.5em 0em 0em;
padding:0.5em 0em 0em 0em;
text-align:right;
}
#zone1 { height: 50px; width: 200px; float: right; position: absolute; right: 4em; top: 2em; text-decoration: none; }
/* Le prelude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #FEE7B9;
	background: transparent;
}


/* Layout
-------------------------------------------------------- */
#conteneur{
	width:95%;
	margin:0.5em auto 0.5em auto;
	padding:0.2em;
	text-align:left;
        border: 1px #e8a64e;
	/* border: 1px solid #666666; */
        background: #e8a64e url(images/header_bkground.png) repeat-y right; 

}
#contenu{
	clear:both;
	margin:0em auto 0em auto;
	padding:1em;
	background-color: #FFFFFF;
}

#page {
	margin : 0 auto;
	padding : 0;
	min-height:400px;
}
#main {
	float : left;
	width:70%;
	margin-right : 1em;
}

#main h3 {
	color : #333;
	margin-top : 1em;
}

#content {
	padding : 1px 0 1em 19px;
}

#content p{
	text-align:justify;
}

#content table{
	text-align:justify;
	font-size:1em;
}
/* Archives
-------------------------------------------------------- */
#content-info {
	font-size: 0.8em;
	background: #F5F5F5;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	padding: 5px 10px;
	margin: 0 0 20px 0;
	font-size: 1em;
	line-height: 1.4;
}
.content-inner { padding-bottom: 20px; }
.content-inner li{list-style-type:none;}

.content-inner h3 {
	font-size: 1em;
	color: #5E9E14;
	background: #F5F5F5;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	padding: 5px 10px;
	margin: 10px 0;
}
#content-info {margin-top : 1.5em;}
#content-info h2 { font-size: 1.4em; }
#content-info p { padding: 4px 0; font-size: 1em; }

#content-info p a.feed:link, #content-info p a.feed:visited {
	padding: 4px 0 4px 22px;
	background: transparent url(images/rss.png) no-repeat 1px 3px;
}
#content-info p a.feed:hover {}

.content-inner .day-date { text-align: left; }
.content-inner .post-title { padding: 4px 0; margin: 0 0 0 10px; }
.content-inner .post-info { margin: 4px 0 20px 10px; }

.content-inner ul { padding: 4px 0; margin: 0 0 0 10px; }
	.content-inner ul li {
		padding: 1px 0 1px 10px;
		background: transparent url(images/li.png) no-repeat 0 5px;
		font-size: 1em;
		line-height: 1.3;
	}
/* Sidebar
-------------------------------------------------------- */
#sidebar {
	float:right;
	width : 12em;
	margin : 0em 1em 0em 0em;
padding : 0;
}
#sidebar h2 {
	color : #666666;
	font-size : 1.2em;
	border-top : 1px dotted #0066CC;
	padding : 0.5em 0 0 0;
	margin : 1.3em 0 0.3em 0;
}

#sidebar h3{
	color : #666666;
	font-size: 1em;
	margin: 0.8em 0;
}
#sidebar h4 {
	font-weight : normal;
	color : #666666;
	font-size : 1em;
	padding : 0 0 0 0;
	margin : 1.3em 0 0.5em 0;

}
#sidebar ul {
	padding-left : 1.5em;
	margin : 0 0 0 0;
}

#sidebar li {
	list-style : url(images/petitsoleil.gif) none;
	margin: 0.2em 0;
	color:#999999;
}

#sidebar a:hover {
	color:#0066cc;
	background : transparent;
}

#sidebar a {
	text-decoration : none;
	color:#666666;
}

.sidebarleft{text-align : left ;}


#sidebar #tags ul {
		margin: 5px 5px 10px 10px;
		padding: 0;
		font-size: 110%;
	}
		#sidebar #tags ul li {
			display: inline;
			background: none;
			margin: 0;
			padding: 0;
			font-size: 0.9em;
			color:#666666;
		}
			#sidebar #tags ul li a:link, #sidebar #tags ul li a:visited { color: #1B5EA8; /*#005D99;*/ }
			
		#sidebar #tags p strong a:link, #sidebar #tags p strong a:visited { padding: 0 0 0 18px; background: transparent url(images/tags.png) no-repeat 0 -2px; }
		#sidebar #tags p strong a:hover {color: #666666;}


.tag0 { font-size: 75%; }
.tag10 { font-size: 100%; }
.tag20 { font-size: 120%; }
.tag30 { font-size: 130%; }
.tag40 { font-size: 140%; }
.tag50 { font-size: 150%; }
.tag60 { font-size: 160%; }
.tag70 { font-size: 170%; }
.tag80 { font-size: 180%; }
.tag90 { font-size: 190%; }
.tag100 { font-size: 200%; }
.tags {list-style-type:none;}
/* Post
-------------------------------------------------------- */
.day-date {
	font-size : 0.8em;
	font-weight : bold;
	margin-top : 2em;
	text-align : right;
	border-top : 1px dotted #0066CC;
	color : #666;
	background : transparent;
}

.post {
	margin-bottom : 2.5em;
}
.post-title {
	margin : 0.8em 0 0 0;
	color : #39455B;
	background : url(images/soleil.gif) no-repeat left top;
	padding-left : 35px;
	height:40px;
}
.post-title a {
	color : #394558;
	text-decoration : none;
}
.post-title a:hover {
	color : #1B5EA8;
	text-decoration : none;
}
.post-info {
	font-size : 0.85em;
	clear : both;
	color : #999999;
	margin : 0;
}
.post-chapo {
	margin-bottom : 1em;
}
.post-content {
}
.post-info-co {
	font-size : 0.85em;
	clear : both;
	background : transparent url(images/ico_comments.png) no-repeat 0 40%;
	padding-left : 13px;
}
.post-info a {color: #1B5EA8;}
.post-info a:hover{color : #666666;}
.post-info-co a {color: #1B5EA8;}
.post-info-co a:hover{color : #666666;}
.post-tags {
	position: relative;
	border: 0;
	padding: 5px;
	margin: 8px 0 0 0;
	overflow: hidden;
	height: 1%;
	font-size : 0.85em;
}
	.post-tags:after{
		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.post-tags li { display: inline; }
		.post-tags li a:link, .post-tags li a:visited {
			color: #005D99;
			display: block;
			float: left;
			text-decoration: none;
			background: transparent url(images/tag.png) no-repeat 0 0;
			padding: 2px 8px 2px 18px;
			white-space: nowrap;
		}
		.post-tags li a:hover { color: #666666; text-decoration: underline; }

/* Commentaires
-------------------------------------------------------- */
#comments, #pings { padding-top: 10px; }
	#comments h3, #pings h3, #comments-feed, #pr h3 {
		clear: left;
		border: 1px solid #E8E8E8;
		border-width: 1px 0;
		background: #FBFBFB;
		padding: 5px;
		margin: 20px 0 8px 0;
		font-size: 1.2em;
	}
	#pr h3 { color: #5E9E14; margin: 30px 0 8px 0; }
	
	#comments-feed { text-align: right; font-weight: bold; margin: 14px 0 8px 0; }
		#comments-feed a:link, #comments-feed a:visited {
			font-size: 0.8em;
			text-decoration: none;
			background: transparent url(images/rss.png) no-repeat 0px 50%;
			padding: 3px 0 3px 22px;
		}
		#comments-feed a:hover { text-decoration: underline; }

#comments dl{}

#comments dt, #pings dt {
	position: relative;
	top: 1px;
	display: block;
	padding: 10px 0 30px 0;
	background: transparent url(images/commentaire_bulle.png) no-repeat 50% 100%;
}
	#comments dt a:link, #comments dt a:visited { color: #3C8FD1; text-decoration: none; }
	#comments dt a:hover { text-decoration: underline; }
	#pings dt a:link, #pings dt a:visited { color: #3C8FD1; text-decoration: none; }
	#pings dt a:hover { text-decoration: underline; }

	#comments dd, #pings dd, dd.comment-preview {
		border: 1px solid #E8E8E8;
		border-width: 1px 0;
		background: #F5F5F5;
		padding: 10px;
		margin: 0 0 8px 0;
		font-size: 1.1em;
		line-height: 1.4;
	}
	#comments dd *, #pings dd *, dd.comment-preview * { padding: 5px 0; font-size: 1em; }

	#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover { color: #5E9E14; }
	#comments dd.me { border-left: 4px solid #5E9E14; }

	.comment-number, .ping-number {
		color: #3C8FD1;
		font-weight: bold;
		font-size: 1.4em;
	}

#ping-url {
	border: 1px solid #E8E8E8;
	border-width: 1px 0;
	background: #FBFBFB;
	padding: 5px;
	margin: 30px 0;
	font-weight: bold;
	text-align: right;
}


.error {
	border: 2px solid red;
	padding: 10px 5px;
	margin: 20px 0 0 0;
	background: #FFCCCC;
	font-weight: bold;
}

.message {}

.pagination {
	clear: left;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	background: #F5F5F5;
	padding: 5px;
	margin: 0 0 30px 0;
	
}
	.pagination a:link, .pagination a:visited { color: #1B5EA8; text-decoration: none; }
	.pagination a:hover { color: #666666; }

#navlinks {
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	background: #F5F5F5;
	padding: 5px;
	margin: 1.5em 0 20px 0;
	text-align: center;
	color: #5E9E14;
}
	#navlinks a:link, #navlinks a:visited { color: #1B5EA8; text-decoration: none; }
	#navlinks a:hover { color: #666666; text-decoration: underline; }


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #FEF1D9;
}

input[type=submit], input[type=reset] {
	background: #FEE7B9;
	color : #000;
}

input[type=submit]:hover {
	background : #1B5EA8;
	color : #fff;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.spacer{
clear:both;
}
/* footer
-------------------------------------------------------- */
#footer {
	clear:both;
	margin:0em auto 0em auto;
	padding:0.5em 0em 0.5em 0em;
	text-align:center;
        background: #e8a64e url(images/header_bkground.png) repeat-y right; 
	color:#FFFFFF;
}
#footer a{
	color:#FFFFFF;
}
#footer img { border: 0; }
#footer span { position: absolute; right: 3em; } 
#map { width: 100%; height: 300px; padding : 10 px; border : 1px solid #e8a64e; margin : 0 auto;}
p.read-it a{
	background :transparent url(images/suite.png) left center no-repeat;
	padding-left : 18px;
}
.weather ul li {
	list-style-type:none;
	list-style-image: none;
}