/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
#center, #leftbar, #rightbar {
display:inline;
}


* {
	margin: 0;
	padding: 0;
}

body {
	background: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font : 75%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color: #eee;
}


input, textarea {
	padding: 2px 5px;
	border: 1px solid #EBEBEB;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}

h1 {
font-size : 1.2em;
font-family : Georgia, Helvetica, Arial, sans-serif ; 

}
h2 {
font-weight:normal;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-left: 0px;
	
	}
h3 {
    font-family : Georgia, Helvetica, Arial, sans-serif ; 
    font-weight : normal ;
    font-size : 1.1em;
    padding : 5px 0; margin : 0;
     }
p {margin : 0; padding : 0px 0;}
a {color : #fff; text-decoration:none;}
a:hover {color : #79d3fd;}
hr, .clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}

/* Wrapper */

#page {
	width: 968px;
	margin: 5px auto;
	border: 1px solid #ffffff;
}



/* Header */

#header {
	position:relative;
   width : 968px; height: 190px;
	background : url("images/header.jpg") no-repeat;
}

#header a {
color:#333;
font-size:0.9em;
}
#header a:hover {}

#vegetal {
position:relative;
margin: 0 0 0 380px;
width:200px;
height:43px;
text-align:center;
background:none;
}
#vegetal h1 {font-style:italic;border-bottom:1px dotted #666666;font-size:1.5em;}
#creation {
margin: 30px 0 0 670px;
position:relative;
background:none;
width:250px;
height:50px;
text-align:center;

}
#creation a {color:white}
#creation h1 {color:white;text-decoration:underline; font-size:1.2em;}
#plante {
position:relative;
background:none;
width:330px;
height:45px;
margin:5px 0 0 590px;
text-align:center;
}

#plante h1 {text-decoration:blink;font-size:1.5em;font-style:italic;}
/* Menu */
#menunavigation {
position:relative;
width:100%;
}


#localrecherche {
background: url('images/barrerecherche.jpg') no-repeat;
width:238px;
height:24px;
float:left;

}

#localrecherche input {
border:transparent;
background:transparent;
}

.searchfielder {
position:absolute;
left:8px;
top:3px;
color:#333333;
}

.searchbuttons {
position:absolute;
width:40px;
height:17px;
left:180px;

}



#menu {
   float:left;
   width : 730px; height : 24px;
	background : url("images/fondmenu.jpg") repeat-x ;
	
	margin : 0px auto; padding : 0;
	
}
#menu ul {
	margin : 0px auto; padding : 0 0 0px 0;
	;
	
	}
#menu li {
	float : left;
	text-decoration : none;
	margin-left:20px;
	padding :0 20px 0 0;
   list-style : upper-roman;
	color:#333333;
	
	}
#menu li a {
   font-family: Georgia, Helvetica, Arial, sans-serif;
	color :  #333;
	text-decoration : none;
   font-size : 1.5em;
	letter-spacing : 0px;
	
	}
#menu li a:hover {
	border-bottom: 1px dotted #333;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color : #333;
}
/* Page */

#contenu {
position:relative;
clear:both;
}

/* Content */

#center {
	float: left;
	width: 65%;
	padding: 5px 0 0 6px;
	text-align:justify;
}

.post {
	padding-bottom: 20px;
}

.post .title {
}

.post .title a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.post .title a:hover {
	border-bottom: 1px dotted;
}

.post .meta {
	height: 16px;
	margin: 0;
	padding: 20px 10px 10px 10px;
	
	line-height: normal;
}

.post .meta .posted {
	display: block;
	float: left;
}

.post .meta .category {
	display: block;
	float: right;
	padding-left: 17px;
	
}

.post .meta .comments {
	display: block;
	float: right;
	padding: 0 30px 0 19px;
	
}

.more { 
	padding: 10px 0 0 0; 
	text-align:right; 
}

.comment-0 {
	padding: 5px;
}

.comment-1 {
	padding: 5px;
	background-color:#fafafa;
}

#comments, #form {
	padding-top: 15px
}

#pagination {
	padding: 15px 0 0 0
}


	
/* Sidebar */

#leftbar {
	float: left;
	width: 15%;
	padding: 5px 0 0 0;
	border-right: 2px dotted #79d3fd;
	margin: 0 0 0 5px;
}

#leftbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftbar div {
	margin : 0 0 10px 0;
	}
#leftbar h2 { 
	}

#leftbar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 0px 10px;
	}
#leftbar li a { /* Liens dans les listes */
	font-family : Georgia, Helvetica, Arial, sans-serif ;
	color : #fff;
	padding: 0;
	text-decoration : none;
	}
#leftbar li a:hover {
	font-family : Georgia, Helvetica, Arial, sans-serif ;
	color : #79d3fd;
	border-bottom : 1px dotted #fff ;
	}
	
#syndication li a{
	display : block;
	padding : 0 0 0 25px;
	background : url(img/feed-icon-14x14.gif) no-repeat 5px 0.2em;
	text-decoration : none;
	}
#syndication li a:hover{
	background : url(img/feed-icon-14x14-2.gif) no-repeat 5px 0.2em;
	text-decoration : none;
	}

#rightbar  {
	margin:0 0 0 0;
   float : left;
	width : 18%;
	filter : alpha(opacity = 100);
	
	}
#rightbar ul {
list-style-type:none;
}
.pict a{
   display: block ; width : 170px; height : 70px;
	filter : alpha (opacity = 60);
	-khtml-opacity : 0.6;
	opacity : 0.6;
	padding : 4px;
	}

.pict a:hover{
   display: block ; width : 170px; height : 70px;
	filter : alpha (opacity = 90);  
	-khtml-opacity : 0.9;
	opacity : 0.9;
	}




/* Footer */

#footer {
	position:relative;
	width : 968px; height :24px;
	background : url("images/footer.jpg") no-repeat;
	margin: 0 auto;
}


#footer a {
float:right;
margin: 2px 5px 0 0 ;
font-size:1.0em;font-weight:bold;color:#333333;font-style:italic;	
}

#footer a:hover {color:white;}

#backend {
position:relative;
}
#backend p {
text-align : center;
	padding-top : 10px; 
	font-size : 0.85em;
	text-align: center;
	}
#backend a {
color: #79d3fd;
}
/* - forms - */

fieldset {
	border : 0;
	}

label {
	display : block;
	padding-top: 15px;
	}
	
input, textarea {
	border : 1px solid #79d3fd;
	background: none;
	color:#fff;
	
	}

textarea {
	width : 95%;
	}

/**** tags ****/
.content {
	clear:left;
	padding: 10px 0 0 0;
}
#tags { margin-bottom: 15px }
.tags { padding:0 auto; margin-top:7px; }

ul.tags {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	
}


ul.tags li {
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 0 20px;
	background: transparent url(images/tag.png) no-repeat center left;
	
}


#link {
margin-left:7px;

}
