/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px arial,helvetica,clean,sans-serif;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

/***************************************************************
* General
***************************************************************/
html {
	background: #a0d040;
	height: 100%;
}
body {
	background: #a0d040;
	color: #333;
}

a {
	color: #5f9100;
	text-decoration: none;
}
a:hover {
	text-decoration: underline
}

a.lexique {
	background: url('../images/lexique.gif') no-repeat top right;
	padding-right: 10px;
	font-style: italic;
	color: #333;
	border-bottom: 1px #333 dotted;
}
a.lexique:hover {border-bottom: 1px #333 solid; text-decoration: none;}

/* h3 {
	font-weight: bold;
	font-size: 1.15em;
	margin-bottom: 10px
}
*/

.centrer {
	text-align: center;
}
.right {
	float: right;
}

b,strong {
	font-weight: bold;
}
i,em {
	font-style: italic;
}
hr {
	display: none;
}


/**********************************************************************************************
* Structure
***********************************************************************************************/
#page {padding-bottom: 10px;}

#middle {
	background: #fff;
	padding: 8px 0 50px 0;
	margin-bottom: 10px;
}

#entete {
	background: #635642 url(../images/oiseau.jpg) no-repeat 0px 15px;
	margin: 0px 10px;
	color: #f3f3d4;
	padding: 6px 5px 5px 60px;
}
#entete-content {
	width: 145px;
	float: left;
	padding-top: 6px;
}
#entete-content li { padding: 2px 0; list-style: disc; list-style-position: inside; }
#entete-pub {
	width: 728px;	
	float: right;
	padding: 0; margin: 0;
	text-align: right;
	overflow: hidden;
}

#content {
	margin-top: 15px
}
#sidebar {
	margin-top: 10px
}

body .nomargin {
	margin: 0
}

.mb5 {
	margin-bottom: 9px
}
.mb10 {
	margin-bottom: 10px
}
.mt10 {
	margin-top: 10px
}
.mb20 {
	margin-bottom: 20px
}
.mt20 {
	margin-top: 20px
}

/*== Header
-------------------------- */

#header {
	background: #f3f3d4;
	margin-top: 45px;
	position: relative;
	height: 45px;
}
#header h1 a {
	position: absolute;
	top: -40px;
	left: 10px;
	background: url('../images/logo-jardiner-malin.png') no-repeat;
	width: 240px;
	height: 95px;
	text-indent: -1000em;
	overflow: hidden;
}
#searchform {
	position: absolute;
	top: 10px;
	left: 295px;
}
#searchform .inptTxt {
	border: 1px #a7a7a7 solid;
	height: 20px;
}
#searchform .inptTxt:focus {
	background-color: #FFFEEF;
}
#searchform label {
	width: 57px;
	height: 10px;
	text-indent: -1000em;
	display: block;
	float: left;
	margin: 8px 8px 0 0;
	background: url('../images/titre-recherche.png') no-repeat;
}
#searchform .btn-valid {vertical-align: top;}

.searchwords {
	position: absolute;
	top: 12px;
	left: 565px;
}

/******************************************************************
* Menu
******************************************************************/
#menu {
	margin: 18px 0 10px 0
}
#menu li {
	border-right: 1px solid #336d26;
	float: left;
}

#menu li a {
	color: #0b491d;
	font-weight: bold;
	border-right: 1px solid #5a9130;
	padding: 0 6px 0 8px;
	display: block;
}


/*************************************************************************************************
* Widget
*************************************************************************************************/
.widget-beige {
	background: #f3f3d4;
/* 	color: #7c2a26; */
	padding: 8px;
	margin: 5px 0;
}
.widget-pub {
	background: #f3f3d4;
	color: #7c2a26;
	padding: 10px 0;
	margin: 0 0 10px 0;
	overflow-x: hidden;
	text-align: center;
	width: 300px
}

/*== widget-blanc
-------------------------- */

.widget-blanc {
	background-color: #fff;
	padding: 5px;
	color: #333;
	}
.widget-blanc h3 {
	width: 146px;
	height: 14px;
	background: url('../images/titre-votre-blog.png') no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	margin-bottom: 8px;
}
.widget-blanc p {
	margin-bottom: 5px;
}

/*****************************************************************
* Widget Conseil
*****************************************************************/
#conseil .titre {
	background: url(../images/titre-conseiljardin.png) no-repeat;
	height: 14px;
	line-height: 50px;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e0ddd9;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
#conseil .article.side  .image {
	float: left;
	display: inline;
	margin-right: 5px;margin-bottom: 5px;
	height: 40px; width: 60px;
	overflow: hidden;

}
#article-principal {margin-left: 0;}
#conseil #article-principal .image {
	float: right;
	margin: 0 0 10px 5px;
}

#conseilpart2 .article .image, #conseilpart3 .article .image {
	height: 80px; width: 140px;
	overflow: hidden;

}
#conseil-gauche {
	border-right: 1px solid #e0ddd9;
	padding-right: 5px;
}



/*****************************************************************
* Widget Conseil2
*****************************************************************/
#conseilpart2 {}
.article-content .titre-article {
	color: #095b26;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 3px;
}
.article-content .titre-article a {
	color: #095b26;
}
.article-content .titre-article.big {
	color: #095b26;
	font-weight: bold;
	font-size: 138.5%;
	margin-bottom: 5px;
}
.article-content .titre-article.med {
	color: #095b26;
	font-weight: bold;
	font-size: 108%;
}

.side .titre-article {display: inline;}
.category {
	text-transform: uppercase;
	color: #5f9100;
	font-weight: normal;
	font-size: 77%;
}
.commentaire {display: inline; white-space: nowrap;}
.comments-link {
	color: #9b5e00;
	font-size: 77%;
}
#lastcomment h2 {
	background: url(../images/titre-lastcomment.png) no-repeat;
	width: 88px;
	height: 25px;
	line-height: 60px;
	overflow: hidden;
	margin: 0 0 20px 0;
}
#lastcomment ul {font-size: 85%;}
#lastcomment li a {font-weight: bold;color: #095b26;}
#lastcomment li {margin-bottom: 5px;}
#lastcomment .author-comment {font-size: 77%; display: block; color: #777;}

/*== recherche-guide
-------------------------- */
	#recherche-guide {
		background: #635642;
		color: #f3f3d4;
		padding: 8px;
		padding-top: 40px;
		margin-top: 20px;
		margin-bottom: 10px;
		position: relative;
		}
	#recherche-guide h2 {
		position: absolute; top: -10px;
		z-index: 1000;
		width: 194px;
		height: 48px;
		background: url('../images/titre-recherche-guide.png') no-repeat;
		text-indent: -1000em;
	}
	#recherche-guide p, #recherche-guide ul, #recherche-guide label{font-size: 85%;}
	#recherche-guide ul {width: 50%; float: left;}
	#recherche-guide li {background:url('../images/picto-rech-guide.gif') no-repeat top left; padding-left:9px;}

	#recherche-guide a {color: #f3f3d4; font-weight: bold;}
	#recherche-guide label {font-weight: bold; margin-bottom: 5px;}
	#recherche-guide .inptTxt {
		border: 1px #a7a7a7 solid;
		height: 20px; width: 240px;
	}
	#recherche-guide .inptTxt:focus {background-color: #FFFEEF;}
	#recherche-guide .btn-valid {vertical-align: top;}
	#recherche-guide #form-recherche-guide {padding: 10px 0;}



/* WIDGET MARRON */
.widget-marron { background-color: #635642; color: #f3f3d4; padding: 8px; margin-top: 20px; margin-bottom: 10px; position: relative;}
.widget-marron h2 { font-size: 12px; font-weight: bold;  color: #f3f3d4;}
.widget-marron ul { padding: 5px; }
.widget-marron ul li { padding: 1px 0;}
.widget-marron ul li span { width: 20px; text-align: right; float: left; padding-right: 5px; }
.widget-marron ul li a { color: #f3f3d4; }


/* WIDGET A DECOURVIR */
.widget-adecouvrir { background: #f3f3d4; color: #7c2a26; padding: 8px; margin: 0 0 10px 0;}
.widget-adecouvrir h2 { font-size: 12px; font-weight: bold;  color: #7c2a26; text-decoration: underline;}
.widget-adecouvrir ul { padding: 5px; }
.widget-adecouvrir ul li { padding: 1px 0;}
.widget-adecouvrir ul li span { width: 20px; text-align: right; float: left; padding-right: 5px; }
.widget-adecouvrir ul li a { color: #7c2a26; }



/* WIDGET PRODUIT GUIDE */
ul.produit-guide { position: relative; width: 300px; float: left; padding: 3px 0; }
ul.produit-guide h2 { font-size: 14px; font-weight: bold; padding-bottom: 10px; color: #1d471e; }
ul.produit-guide li { position: relative; padding: 5px 0; }
ul.produit-guide li .images-gp { position: relative; float: left; width: 130px; overflow: hidden; text-align: center; }
ul.produit-guide li .details-gp { position: relative; float: left; width: 170px; padding: 0; }
ul.produit-guide li .details-gp h3 { color: #9b5e00; font-weight: bold; font-size: 14px; }
ul.produit-guide li .details-gp h4 { color: #fe8700; font-weight: bold; font-size: 14px; }
ul.produit-guide li .details-gp p { padding: 6px 0; }

/*****************************************************************
* Widget Se connecter
*****************************************************************/
#seconnecter {
	padding: 6px;
}
#seconnecter h2 {
	background: url(../images/titre-communaute.png) no-repeat;
	width: 104px;
	height: 14px;
	line-height: 38px;
	overflow: hidden;
	margin: 6px 0 5px 5px;
}
#seconnecter .etape1 p {
	float: right
}
#seconnecter .etape1 a {
	display: block;
	background: url(../images/btn-seconnecter.png) no-repeat;
	width: 116px;
	height: 22px;
}
#seconnecter .etape1 span {
	display: none;
}

#seconnecter .etape2 label {
	display: none;
}
#seconnecter .etape2 .inptxt {
	width: 275px;
	border: 1px solid #c8c4a8;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 0.9em;
	padding: 2px 5px;
}

#seconnecter .etape2 .submit {
	display: inline-block;
	background: url(../images/btn-seconnecter.png) no-repeat;
	width: 116px;
	height: 22px;
	border: 0;
	font-size: 0px;
	color: #CC7C29;
}
#seconnecter .etape2 a {
	color: #095b26;
	font-weight: bold;
	font-size: 0.9em;
	display: inline-block;
	width: 168px;
}
/*****************************************************************
* Widget Blog rss
*****************************************************************/
#rss-blog h2 {
	background: url(../images/titre-blog.png) no-repeat;
	width: 58px;
	height: 14px;
	line-height: 38px;
	overflow: hidden;
	margin-bottom: 5px;
}
#rss-blog li {margin-bottom: 5px;}
#rss-blog li a {
	font-weight: bold;
	color: #095b26
}
#rss-blog li em {
	color: #9b5e00;
	font-size: 85%;
}


/*****************************************************************
* Poll
*****************************************************************/
#wp-poll {
	margin-bottom: 10px;
	font-size: 85%;
	}
#wp-poll p, #wp-poll ul {margin-bottom: 5px;}
#wp-poll h2 {
	background: url(../images/titre-sondage.png) no-repeat;
	width: 56px;
	height: 14px;
	line-height: 38px;
	overflow: hidden;
	margin-bottom: 8px;
}
.wp-polls-ul {margin: 0!important; font-family: Arial Narrow,Franklin Gothic Medium;}
.wp-polls-ul li {margin: 0 0 3px 0;}
.wp-polls-ul .inptRdo {vertical-align: top;}

/*****************************************************************
* Lexique
*****************************************************************/
#menu-lexique h2 {
	background: url(../images/titre-lexique.png) no-repeat;
	width: 50px;
	height: 14px;
	line-height: 38px;
	overflow: hidden;
	margin-bottom: 5px;
}
#menu-lexique li {display: inline;}
#menu-lexique li a {
	color: #000;
	font-size: 1.10em;
	float: left;
	padding-right: 3px;
}

/*****************************************************************
* Par mots clefs et categories
*****************************************************************/
#parcatmot {
	background: url(../images/bg-parcatmot.png) repeat-y top left;
	margin: 10px 0
}

/*****************************************************************
* Par mots clefs
*****************************************************************/
#menu-tag h2 {
	background: url(../images/titre-parmot.png) no-repeat;
	width: 90px;
	height: 14px;
	line-height: 38px;
	overflow: hidden;
	margin-bottom: 5px;
}

/*****************************************************************
* Par categorie
*****************************************************************/
#menu-cat-conseil h2 {
	background: url(../images/titre-parcat.png) no-repeat;
	width: 93px;
	height: 14px;
	line-height: 38px;
	overflow: hidden;
	margin-bottom: 5px;
}

/*****************************************************************
* Widget lastForum
*****************************************************************/

#lastforumbg {
	background: url(../images/bg-lastforum-rep.png) repeat-y top left;
}
#lastforumbg-content2 {
	background: url(../images/bg-lastforum-top.png) no-repeat top left;
	padding-bottom: 8px;
}
#lastforumbg-content {
	background: url(../images/bg-lastforum-bottom.png) no-repeat bottom left;
}

#inviteforum {
	background: url(../images/bg-inviteforum.png) no-repeat top left;
	height: 575px;
	width: 132px;
	margin-right: 10px; margin-left: 8px; margin-top: 8px;
	float: left
}
#inviteforum h2 {
	background: url(../images/titre-forumjardin.png) no-repeat;
	width: 75px;
	height: 34px;
	line-height: 80px;
	overflow: hidden;
	margin: 18px auto 0 auto
}
#inviteforum .article {
	margin-top: 100px;
	padding: 8px;
	font-size: 93%;
}
#lastforum {
	width: 290px;
	margin:10px 0 15px 8px;
	float: left
}
#lastforum .sftagul {
	margin-bottom: 10px;
}

#lastforum h3 {
	line-height: 14px;
	padding: 5px 0 10px 0;
	color: #7C2A26;
	font-weight: bold; font-style: italic;
}
#lastforum h3 a { color: #7C2A26; text-decoration: underline; }
#lastforum h3 a:hover { color: #7C2A26; text-decoration: none; }

#lastforum .topic_title {font-size: 85%;}
#lastforum .topic_meta {font-size: 85%;}
#lastforum .topic_category {font-size: 70%;}
#lastforum .sftagli {margin: 0 0 3px 0;}

#lastforum a.urlpost {
	font-weight: bold;
	font-size: 1.1em;
	color: #095b26;
}
#lastforum .precedent {
	background: url(../images/btn-precedent.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer
}
#lastforum .suivant {
	background: url(../images/btn-suivant.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer
}


/*****************************************************************
* Post
*****************************************************************/

.post {
}
.post p,.post ul,.post ol {
	margin: 0 0 .8em 0;
	line-height: 1.3;
}

.post ul li {
	list-style: disc;
	margin-left: 3em;
}
.post ol li {
	list-style: decimal;
	margin-left: 3em;
}
.post h1 {
	font-size: 150%;
	font-weight: bold;
	color: #1D471E;
	margin: 0 0 10px 0;
	padding: 0 0 .1em 0;
	border-bottom: 1px #e0ddd9 solid;
}
.post h2,.post h3,.post h4,.post h5,.post h6 {margin: 0 0 .8em 0;font-weight: bold;color: #1D471E;}
.post h2 {font-size: 140%;}
.post h3 {font-size: 120%;}
.post h4 {font-size: 100%;}
.post h5 {font-size: 85%;}
.post h6 {font-size: 77%;}
.postmetadata {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding-bottom: 1em;
	margin-top: 10px;
	padding-top: 10px;
	color: #777;
}
.tags {
	background-color: #E1EBBF;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 85%;
}
.categorieArticle {
	text-transform: uppercase;
	font-size: 77%;
	margin: 0!important;
	padding: 0!important;
}
.entry .image {
	float: right;
	margin: 0 0 10px 10px;
	}

/*== Archives
-------------------------- */
.pagetitle {
	font-size: 150%;
	font-weight: bold;
	color: #1D471E;
	margin: 0 0 10px 0;
	padding: 0 0 .1em 0;
	border-bottom: 1px #e0ddd9 solid;
}
.post .titre-article {
	font-weight: bold;
	font-size: 108%;
}
.article-texte p {font-size: 93%; margin: 0 0 .2em 0;}
.post .titre-article a {color: #095b26;}

.menu-category a {font-weight: bold;}

.archives .postmetadata {
	padding-bottom: 0;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
	color: #777;
	font-size: 77%;
	font-weight: bold;
	}

/*== pagination
-------------------------- */
#seopagebar {
	background-color: #635642;
	padding: 5px;
	height: 1.5em;
}
#seopagebar p {float: left; color: #605643;}
#seopagebar a {color: #F3F2D5; font-weight: bold;}
#seopagebar .prev, #seopagebar .prev-inactive {}
#seopagebar .next, #seopagebar .next-inactive {float: right;}
#seopagebar .pagenav {color: #F3F2D5;width: 52%;text-align: center;}


.navigation {
	height: 16px; margin-bottom: 10px; line-height: 16px;
	background-color: #635642;
	padding: 3px;
	font-weight: bold;
	font-size: 85%;
	}
.navigation div {width: 45%; float: left;color: #85775D;}
.navigation .alignleft {float: left; padding-left: 5px; }
.navigation .alignright {float: right; text-align: right; padding-right: 5px; }
.navigation a {color: #F3F2D5;}

/*****************************************************************
* Commentaires
*****************************************************************/

#respond {
	background-color: #E1EBBF;
	padding: 8px;
	}
#respond h3 {font-weight: bold;font-size: 110%;color: #1D471E;}
#respond label {font-weight: bold; color: #1D471E;}

.commentlist .comment {
	background-color: #DFECBD;
	padding: 8px;
	margin-bottom: 10px;
}
.comment-author * {font-weight: bold!important;}
.comment-metaplus {
	background-color: #FEFEF0; padding: 3px 3px 3px 3px; margin: 0 0 3px 0;
	font-size: 85%;
	}
.comment-author, .comment-meta {}
.comment-meta {
	padding: 0 0 0 0;
	margin: 0 0 .8em 0;
}
.commentlist .comment p {
	margin: 0 0 .8em 0;
	font-size: 93%;
}
.commentlist .comment li {
	list-style: disc;
	padding-left: 2em;
	margin-left: 2em;
}


#comments {
	font-size: 120%;
	font-weight: bold;
	color: #1D471E;
	margin: 0 0 10px 0;
	padding: 0 0 .1em 0;
	border-bottom: 1px #e0ddd9 solid;
	}
#commentform p {
	margin: 0 0 .8em 0;
}

/*== footer
-------------------------- */

#footer {
	background-color: #635642;
	padding: 20px 0;
	border-top: 10px #fff solid;
	font-size: 77%;
	color: #f3f3d4;
	}
#footer a {
	color: #f3f3d4;
}

/*== menu-lexique
-------------------------- */
	.menu-lexique {
		background-color: #605643;
		padding: 5px;
		font-weight: bold;
	}
	.menu-lexique li {margin-left: 7px!important; padding: 0; display: inline;}
	.menu-lexique li a {color: #F3F2D5;}
	.menu-lexique li a.active {color: #E0882E;}
	
/*****************************************************************
* Formulaires
*****************************************************************/
.inptTxt, textarea {
	border: 1px #a7a7a7 solid;
}

/*== Glossaire
-------------------------- */

	.glossary_terms {}
	.glossary_terms dl {}
	.glossary_terms dt {
		font-weight: bold;
		margin-bottom: 5px;
	}
	.glossary_terms dt a {color: #1D471E;}
	.glossary_terms dt em {font-size: 90%; color: #777;}
	.glossary_terms dd {margin-bottom: 10px; padding-left: 20px;}
	.lexique-plus {font-size: 85%; font-weight: bold;}
/*== Newsletter
-------------------------- */
	#newsletter {
		background: #5f9100;
		color: #f3f3d4;
		margin: 10px 0 10px 0;
		padding: 6px;
		position: relative;
	}

	#newsletter a {color: #F6D086;}
	#newsletter h2 {
		background:transparent url(../images/titre-newsletter.png) no-repeat scroll 0 0;
		height:50px;
		left:6px;
		position:absolute;
		top:0px;
		width:140px;
	}

	#newsletter #presentation {
		float:left;
		padding-left:140px;
		width:260px;
		font-size: 77%;
	}
	#newsletter #abonnement {
	float:right;
	padding:0 0 0 5px;
	text-align:right;
	width:180px;
	border-left:1px solid #A0D040;
	}
	#newsletter img, #newsletter .inptImg {}
	#newsletter img {margin-right: 5px;}
	#newsletter .inptImg {margin-left: 5px;}
	#newsletter .inptTxt {
		font-size: 77%;
		color: #999;
		vertical-align: top;
		width: 100px;
		padding: 3px;
		}
	#newsletter .inptTxt.focus {color: #333;}

/*== Résultat recherche
-------------------------- */
.hentry h3 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 5px;
	}
.recherche .postmetadata {
	padding-bottom: 0;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #777;
	font-size: 77%;
	font-weight: bold;
	}
.recherche .hentry .image {float: left; height: 140px; height: 90px; overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
.hc {position: absolute; top: 0; left: -1000em;}


/*== Login
-------------------------- */
	#login {
		background-color: #DFECBD;
		padding: 5px;
	}
	#login label {font-weight: bold;}
	#login .inptTxt {width: 200px;}
	#login p {margin: 0 0 .8em 0;}
	#login h1 {
		font-size: 150%;
		font-weight: bold;
		color: #1D471E;
		margin: 0 0 10px 0;
		padding: 0 0 .1em 0;
		border-bottom: 1px #e0ddd9 solid;
	}


ul.blog-com { position: relative; }
ul.blog-com li { position: relative; }
ul.blog-com li a { display: block;  }
ul.blog-com li .rss-date { display: block; font-size: 11px; color: #843734; }

ul.forum-pages { position: relative; }
ul.forum-pages li { float: left; list-style: none; margin: 0; padding:0 2px; font-weight: normal; }
ul.forum-pages li a { font-weight: normal; font-size: 11px; }

.sftagp { font-size: 11px; }
li.sftagli a { font-weight: bold; color: #085B25;  }
li.sftagli p a { font-weight: normal; color: #5f9100;  }

span.read-next { font-weight: bold; }

#lastcomment h2 { margin-bottom:5px; }
#lastcomment li { margin:0; padding:0 0 2px 0; }

ul.last-forum { position: relative; }
ul.last-forum li { padding: 0 0 5px 0; }
ul.last-forum li a.forum { color:#5f9100; }

ul.onglets { position: relative; border-bottom: 1px solid #A0D040; padding-top: 15px; }
ul.onglets li { position: relative; float: left; padding: 5px; margin: 0 5px; color: white; background-color: #A0D040; }
ul.onglets li a { color: white; outline: none; cursor: pointer; text-decoration: none; }
ul.onglets li.actif a { color: #0b491d; font-weight: bold; }

.onglets-content { position: relative; padding: 10px 0; }
.onglets-content .action { position: absolute; background-color: #A0D040; padding: 5px; top:10px; right: 18px; color: #0b491d; width: 190px; text-align: center; }
.onglets-content .action a {  color: #0b491d; }
.onglets-content ul.commentaires { position: relative; padding-left: 15px; width: 350px; }
.onglets-content ul.commentaires li { padding: 5px; color: #5f9100; }
.onglets-content ul.commentaires li h2 { font-weight: bold; font-size: 12px; }
.onglets-content ul.commentaires li span { color: #333333; font-size: 11px; padding-left: 10px; }


.send_friend_title { background: url(../images/mailto.gif) 0 9px no-repeat; font-size: 12px; padding: 10px 0 5px 27px;}
#send_friend { display: none;  padding: 10px; border: 1px solid #A0D040; margin-top: 10px; }
#send_friend fieldset { border: 0; }
#send_friend fieldset p { margin: 5px 0; }
#send_friend fieldset p label { float: left; width: 150px; text-align: right; padding-right: 5px; line-height: 20px;  }
#send_friend fieldset p input[type=text] { padding: 2px 4px; width: 400px; }
#send_friend fieldset p textarea { padding: 2px 4px; width: 400px; height: 100px; }