body { font-size: 12px; font-family: verdana; color: #000 }

input { border: 1px solid #939168; color: #8a7d6b; padding: 3px 4px 2px 4px; font-size: 12px }
textarea { border: 1px solid #939168; padding: 2px; font-size: 12px }
* { padding: 0px; margin: 0px }
.clear { width: 100%; overflow: hidden }
a { color: #06c; text-decoration : none }
a:hover{text-decoration : underline}

.btn { display: block; background: url(/images/2009/btn_bg.gif) repeat-x; color: #000; font-size: 11px; font-weight: bold; text-decoration: none }
.btn span { display: block; background: url(/images/2009/btn_cn.gif) left no-repeat }
.btn span span { display: block; background: url(/images/2009/btn_cn.gif) right no-repeat; height: 32px; line-height: 32px; padding: 0px 10px; cursor: pointer; text-align: center }

.parag { height: 33px; padding: 2px 0px 0px 70px; background-color: #8b9d37; font: 26px arial; color: #e1fe57 }
.parag em { color: #fff }
.parag .img { position: absolute; margin: -7px 0px 0px -70px }
.parag .right { float: right; font-size: 10px; font-weight: bold; margin: 9px 10px 0px 0px; color: #e6974a }
.pbody { background: url(/images/2009/pb_tr.gif) top right no-repeat }
.pbody .bl { background: url(/images/2009/pb_btm.gif) bottom left no-repeat }
.pbody .br { background: url(/images/2009/pb_btm.gif) bottom right no-repeat; padding: 5px 5px }
.pbody .btm { height: 18px; line-height: 18px; background-color: #8b9d37; text-align: center; color: #fff; font-size: 11px; font-weight: bold }
.pbody .btm a { color: #fff; }

#wrapper { width: 1005px; margin: 0px auto }
#top { background: url(/images/top_bg.gif?new) no-repeat; position: relative }
#top .motto { position: absolute; color: #ce5d23; font-size: 11px; top: 78px; left: 312px; letter-spacing: 2px }
#top .logo { display: block; position: absolute; top: 18px; left: 312px }
#top .logo img { border: none }
#top .tr { position: absolute; top: 2px; right: 10px }
#top .tr .fav { color: #7a8b30; font-size: 10px; font-weight: bold; float: right; text-decoration: none; margin: 6px 0px 0px 2px }
#top .tr .rss { display: block; float: right; background: url(/images/rss_top.gif?new) no-repeat; font-size: 0px; width: 27px; height: 25px }
#top .tr .rss span { display: none }
#top .banner { padding: 10px 0px; text-align: center }

#top .bar { padding-top: 122px; height: 34px }
#top .bar .search { float: right; padding: 1px 3px 0px 0px }
#top .bar .search input { border-color: #b5ad9c; }
#top .bar .search .btn { background-image: url(/images/btn_search_bg.gif?new) }
#top .bar .search .btn span { background-image: url(/images/btn_search_cn.gif?new) }
#top .bar .search .btn span span { background-image: url(/images/btn_search_cn.gif?new) }

#top .login { position: absolute; color: #819333; top: 45px; left: 710px }
#top .login input { width: 90px }
#top .login div { margin-top: -5px; position: relative }
#top .login a.small { text-decoration: none; color: #819333; font-size: 11px }
#top .login a.small:hover { text-decoration: underline; color: #819333; font-size: 11px }
#top .login .btn { background-image: url(/images/btn_login_bg.gif?new) }
#top .login .btn span { background-image: url(/images/btn_login_cn.gif?new) }
#top .login .btn span span { background-image: url(/images/btn_login_cn.gif?new) }

#menu-top { position: absolute; right: 22px; top: 100px; font-size: 11px }
#menu-top a { display: block; float: left; background: url(/images/menu_top_cn.png?new) left top no-repeat; margin-left: 1px; color: #e1fe57; text-decoration: none; padding-left: 10px }
#menu-top a span { display: block; background: url(/images/menu_top_cn.png?new) right top no-repeat; _float: left; cursor: pointer; padding-right: 10px }
#menu-top a span span { background: url(/images/menu_top_bg.gif?new) repeat-x; height: 22px; line-height: 22px; padding-right: 0px }
#menu-top a:hover { color: #fff }
#menu-top a.on { color: #fff }

#sidebar { width: 308px; float: left; padding-left: 7px }
/*#sidebar .pub { border: 1px solid #91a439; margin-left: 6px }*/
#sidebar .pbody { font-size: 11px; margin-left: 10px }

#sidebar .pas { margin-top: 7px }
#sidebar .pas .pbody table { font-size: 10px; margin: 0px -5px -5px; width: 100% }
#sidebar .pas .pbody table img { border: 1px solid #000 }
#sidebar .pas .pbody table a { color: #000;  }
#sidebar .pas .pbody table td { padding-top: 5px }
#sidebar .pas .pbody .br { padding-bottom: 10px }

#sidebar .vos-recettes { margin-top: 14px }
#sidebar .vos-recettes .parag { background-color: #b8da1a }
#sidebar .vos-recettes .pbody { background-image: url(/images/2009/pb_vr_tr.gif); text-align: center; padding: 9px 0px 5px 0px }
#sidebar .vos-recettes .btn { background-image: url(/images/2009/btn_large_bg.gif); width: 290px; margin: 0px auto }
#sidebar .vos-recettes .btn span { background-image: url(/images/2009/btn_large_cn.gif) }
#sidebar .vos-recettes .btn span span { background-image: url(/images/2009/btn_large_cn.gif); font-size: 17px; height: 51px; line-height: 51px }

#sidebar .questions { margin: 7px 0px 14px 0px }
#sidebar .questions .btn { width: 200px; margin: 0px auto }
#sidebar .questions ul { margin: 10px 0px 0px 57px; font-weight: bold; list-style-type: none }
#sidebar .questions ul li { margin-bottom: 15px }
#sidebar .questions ul li a { display: block; color: #a5a5a5 }
#sidebar .questions .form { margin: 0px 15px 5px 15px }
#sidebar .questions .form textarea { width: 250px; height: 40px }

#sidebar .tags .pbody .br { padding: 12px 5px; text-align: justify; font-size: 10px }
#sidebar .tags .pbody .btm { line-height: normal; height: 14px; padding-top: 4px }

#body { width: 675px; float: right }

#body .mdj { margin-top: 12px }
#body .mdj .parag { background-color: #dee4c3; color: #ce5d23 }
#body .mdj .parag em { color: #ff9640 }
#body .mdj .parag .img { margin-top: -14px }
#body .mdj .pbody .btm { background-color: #dee4c3; text-align: right }
#body .mdj .pbody .btm a { color: #707f2b; margin-right: 10px }
#body .mdj .pbody { background-image: url(/images/2009/pb_mdj_tr.gif) }
#body .mdj .pbody .bl { background-image: url(/images/2009/pb_mdj_btm.gif) }
#body .mdj .pbody .br { background-image: url(/images/2009/pb_mdj_btm.gif); padding: 15px 5px }
#body .mdj li { display: block; float: left; width: 200px; padding-left: 75px }
#body .mdj li img { border: 1px solid #000000 }
#body .mdj li a {  font-size: 11px; color: #e36d1c }
#body .mdj li a strong { display: block; font-size: 12px }

#body .mm { margin-top: 20px }
#body .mm .parag { background-color: #ce5d23; color: #ffcb66; padding-left: 100px }
#body .mm .parag em { color: #ff9640 }
#body .mm .parag .img { margin-top: -9px; margin-left: -100px }
#body .mm .pbody .btm { background-color: #ce5d23; text-align: right }
#body .mm .pbody .btm a { color: #fff; margin-right: 10px }
#body .mm .pbody { background-image: none }
#body .mm .pbody .bl { background-image: url(/images/2009/pb_mm_btm.gif) }
#body .mm .pbody .br { background-image: url(/images/2009/pb_mm_btm.gif); padding: 15px 5px 5px 5px }
#body .mm li { display: block; float: left; width: 205px; margin-left: 25px; _margin-left: 19px; background: url(/images/2009/mm_bg.gif) top repeat-x }
#body .mm li p { height: 31px; line-height: 31px; font-family: arial; font-size: 16px; text-align: center; color: #fefefe; font-weight: bold }
#body .mm li p span { color: #ffcb63 }
#body .mm li div { padding: 10px 0px 5px 0px; font-size: 11px; margin: 0px 2px; border-bottom: 1px solid #f1ede2 }
#body .mm li div .img { float: left; border: 1px solid #000; margin-right: 3px }
#body .mm li div strong { display: block; margin-bottom: 5px }
#body .mm li div a { color: #000; }

#body .bloc { margin-top: 25px }
#body .bloc .parag { background-color: #ffecc6; color: #ce5d23 }
#body .bloc .parag em { color: #ff9640 }
#body .bloc .parag .img { margin-top: -10px }
#body .bloc .pbody .btm { background-color: #ffecc6 }
#body .bloc .pbody { background-image: url(/images/2009/pb_bloc_tr.gif) }
#body .bloc .pbody .bl { background-image: url(/images/2009/pb_bloc_btm.gif) }
#body .bloc .pbody .br { background-image: url(/images/2009/pb_bloc_btm.gif); padding: 5px 5px 20px 5px }
#body .bloc ul { margin-left: 15px; list-style-type: none }
#body .bloc li { margin-top: 15px; font-size: 11px }
#body .bloc li span { color: #999; display: block }
#body .bloc li img { float: left; border: 1px solid #000; margin-right: 3px }
#body .bloc li a { color: #000;  }

#body .ann { margin-top: 25px }
#body .ann .parag { background-color: #dee4c3; color: #ce5d23 }
#body .ann .parag em { color: #ff9640 }
#body .ann .parag .img { margin-top: -9px }
#body .ann .pbody .btm { background-color: #dee4c3 }
#body .ann .pbody { background-image: url(/images/2009/pb_ann_tr.gif) }
#body .ann .pbody .bl { background-image: url(/images/2009/pb_ann_btm.gif) }
#body .ann .pbody .br { background-image: url(/images/2009/pb_ann_btm.gif); padding: 20px 0px 10px 20px }
#body .ann ul { font-size: 11px }
#body .ann li { display: block; float: left; width: 215px; margin: 0px 3px 3px 0px }
#body .ann li img { float: left; margin-right: 3px; width: 34px; border: none }
#body .ann li a { background-color: #f3f1ed; color: #000;  padding: 1px 0px }

#body .vos-recettes { margin-top: 14px }
#body .vos-recettes .parag { background-color: #b8da1a }
#body .vos-recettes .pbody { background-image: url(/images/2009/pb_vr_tr.gif); text-align: center; padding: 9px 0px 5px 0px }
#body .vos-recettes .btn { background-image: url(/images/2009/btn_large_bg.gif); width: 290px; margin: 0px auto }
#body .vos-recettes .btn span { background-image: url(/images/2009/btn_large_cn.gif) }
#body .vos-recettes .btn span span { background-image: url(/images/2009/btn_large_cn.gif); font-size: 17px; height: 51px; line-height: 51px }

/* shopping ->home page */
#shopping {
	float: right;
	width: 120px;
	text-align: center;
	background-color: #FFFFFF;
}
#shopping h3 {
	text-align: center;
	color: #525242;
	font-weight: normal;
}
/*################################### Suggest #############################*/

#autocomplete{
    width: 500px;
}

div.autocomplete {
    width: 500px;
    border:1px solid #888;
    z-index:1;
    margin:0px;
    padding:0px;
    position: absolute;
}

/* menu for IE7 */
+html div.autocomplete {
    width: 500px;
    border:1px solid #888;
    z-index:auto;
    margin-top:-20px;
    padding:0px;
    position: absolute;
}

div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
	max-height: 10em;
	overflow-x: ;
	overflow-y: ;
	max-height : 10em;
	height:10em !important
    
}

div.autocomplete ul li {
    background-color : #fff;
    text-align: left;
    width: 100%;
    font-size : 11px;
    padding-left : 4px;
    padding-top : 1px;
}

div.autocomplete ul li.selected {
    background-color : #36c;
    color : #fff;
    cursor : pointer;
}

div.autocomplete ul li span.informal {
    position: absolute;
    right: 0;
    font-size : 10px;
    color : #008000;
    padding-right : 3px;
}

div.autocomplete ul li.selected span.informal { color : #FFF;}

/*################################### ----------- #############################*/