/* Fix a bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 780px;
	 }

/* ------------ Elements de base -------------- */
* {
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fefef5;
	color: #3f2020;
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: center;
}


img {
	display: block;
	border:0;
	}
	
a {
	font-weight : bold;
	text-decoration : none;
	color: #963;
	background-color: transparent;
	}

a:visited {
	font-weight : bold;
	text-decoration : none;
	color: #963;
	background-color: transparent;
	}

a:hover {
	font-weight : bold;
	text-decoration : none;
	color: #543;
	background-color: transparent;
	}

a:active {
	font-weight : bold;
	text-decoration : none;
	color: #543;
	background-color: transparent;
	}

blockquote {
			font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
			letter-spacing:0.02em;
			font-style: italic;
			background-color:#e6f6f6;
			width:410px;
			padding: 20px;
			margin: 20px;
			border: 1px dotted #785;
			text-align: justify;
			line-height: 18px;
			font-size: 99%;
			clear:both;
	}
table, td, tr {
			 		 		 	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
                text-align: center;
								padding:0;
								margin:0;
	}
table { width:100%;}
td { font-style:normal; font-weight:bold; line-height:1.8em; }

p	{
			color: #2f0f00;
			margin: 0.5em 0;
			text-align: justify;
			font-size:  1.1em;
			line-height: 150%;
	}

p:first-letter, p a:first-letter, h1:first-letter, h1 a:first-letter, h2:first-letter, h2 a:first-letter, h4:first-letter, h4 a:first-letter, li.titre:first-letter, li.titre a:first-letter {
			font-size:1.4em;
			padding-right:0.01em;
	}

span {
			font-weight : bold;
	}

h1	{
			font-size: 1.5em;
			font-weight: normal;
			text-align:left;
	}

h2	{
			font-size: 1em;
			font-weight: normal;
			margin-bottom: 0.25em;
			margin-top: 0.5em;
			color:#543;
	}

h4	{clear:both;
			font-size: 1.1em;
			font-weight: normal;
			margin: 0.5em 1em 0.25em 1em;
			color:#543;
			background-color:#eee9e6;
			padding:0.5em;
	}

h5 {
			display:block;
			border-bottom:1px dotted #453;
			font-size: 1em;
			font-weight: normal;
			font-style: italic;
			color:#369;
			margin:0;
			padding:0;
	}

h6 {
			font-size: 1em;
			font-weight: normal;
			font-style: italic;
			color:#543;
			margin:0;
			padding:0;
			text-align:right;
	}
	
.hide { visibility:hidden; clear:both; margin:0; padding:0;}

/* ---------- entete ------------- */
div#header { 
					 text-align: left;
					 margin:0;
					 padding:0;
					 height: 152px;
			}

div#header img { background-color: #cba; margin:0; padding:0; border:0;}

div#header h1 { position:relative; padding:0.25em; border-bottom:1px solid #dcc;}
div#header small{ position:relative; top:-116px; left:15px; font-weight:normal; margin:0; padding:0;}

/* ------------------ Barre de navigation ------------ */

div#barrenav { background: transparent url(../i/basbarre.jpg) top left no-repeat; height:5px; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx contenu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#tout {
			width:780px;
			margin: 0 auto;
			background-color:#fcfcf9;
	}

div#centre {
			background-color: #fff;
			margin:0 0 2em 0;
	}

div.contenu {
			width:500px;
			float:left;
			padding:1em 0 0 1em;
	}

html>body div.contenu {
			/* Correct value for browsers that don't suffer from IE Win's bugs */
			margin-left: 0;
			min-height: 600px;
	}

.illustra {
			float:left;
			background: transparent url(../i/daniel.png) top left no-repeat;
			width:190px;
			padding-top:283px;
}

/*f3eddfµ*/
div.vignette { background-color:#eed; border:1px solid #ddd; padding:0.7em; margin:0.6em 0.2em; float:left; width:213px;}
div.vignette img { width:210px; height:210px; margin:0; padding:0; }
div.cont_vignette { text-align: center; background-color:#eed; border:1px solid #ddd; padding:0.7em; margin:0.5em 1em 1em 0; float:left; width:133px;}
div.cont_vignette img { width:125px; height:125px; margin:0 auto; padding:0; }

ul { margin:0; padding:0; }
ul.nav {
			margin:0;
			padding:0;
			width:250px;
			float:right;
			background: transparent url(../i/mains2.png) top right no-repeat; height:302px;
	}

ul.nav li, ul li.nav2 {
			list-style:none;
			padding: 0 0.5em;
			text-align:left;
			font-weight:bold;
			letter-spacing:0.03em;
	}
ul.nav li { margin:0.8em 0 0 0; }
ul li.nav2 { margin:153px 0 5px 0; }

ul.nav li a { border-left: 3px solid #d0c0b0; padding:0 0.5em; text-decoration : none;}
ul.nav li a:visited { border-left: 3px solid #d0c0b0; padding:0 0.5em;}
ul.nav li a:hover { border-left: 3px solid #543; padding:0 0.5em;}
ul.nav li a:active { border-left: 3px solid #543; padding:0 0.5em;}

/* ------------- divers -------------- */

.D { float:left; background: transparent url(../i/d.png) top left no-repeat; width:64px; height:64px;}

/* ------------- pied de page -------------- */

div.pied { 
			width:250px;
			line-height:2em;
			padding: 20px 0;
			margin: 0 8px 0 0;
			float:right;
			font-size:1em;
	}
.web li.retop { float:right; padding:1.5em 0 0 0; width:60px; margin:0; border:0; background: transparent url(../i/haut.png) 43px 23px no-repeat;}

.web li.titre { background-color:#eee9e6; margin:0; padding:0; border:0; font-weight:bold;}
.web li { list-style:none; padding:0.5em; border:1px solid #eee9e6; margin:0;}
.web img{  margin:0; padding:0 0 0 6.5em;}
.w3c img{margin:0.5em 0 0 0; padding:0 1em 0 1em; display:inline; }
div#centre #barrebas, div#centre #barrebas2 {
				clear:both;
				margin:0;
				padding:0;
				border-left: 1px solid #cba;
				border-right:1px solid #cba;
				border-bottom:1px solid #cba;
		}

div#barrebas ul, div#barrebas2 ul { list-style:none; text-align:center; background-color:transparent;}
div#barrebas li {
				float:left;
				border:1px solid #ddd;
				padding:1em;
				margin:0.8em 0.4em;
				background-color:#eed;
		}

div#barrebas2 li {
				
				border:1px solid #ddd;
				padding:1em 1.8em;
				margin:1em;
				background-color:#eed;
		}
div#barrebas li.titre, div#barrebas2 li.titre { float:none; background-color:#cba; padding:0.2em 1em; margin:2em 0 0 0; text-align:left;}
div#barrebas2 span { position:relative; top:-70px; right:20px; float:right; color:#ccb;
									 	 letter-spacing:0.02em; font-style:italic;}
div#barrebas img { width:80px; height:80px; }

/* ----------------- Les body ------------------ */
body.index { }

body.jardin {  }