body{ margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a{color: #4D769E;}
#header{ margin:auto; width:990px;}
.logo{ margin:0; display:inline; float:left; width:340px;}

#tabs{ width:120px; display:inline; float:left; }
#tabs ul{ width:120px; list-style:none outside none; margin:0; margin-left:-35px; margin-top:15px;}
#tabs li{ -moz-border-radius: 5px; -webkit-border-radius:5px; background:#EBEBEB; margin:0; margin-bottom:2px; text-align:center; padding:4px;}
#tabs a{ color:#888888; font-weight:bold; text-decoration:none}
#tabs a:hover{ color:#4D769E;}
#tabs .current{ background: url(../images/s_blue/round.png);}
#tabs .current a { color:#FFF; font-weight:bold; text-decoration:none}

#promo_header{float:left; display:inline; margin-top: 12px; margin-left:15px;}

#topbar{ margin:auto; width:990px; height:40px; background:url(../images/bg_topbar.jpg); -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; }
#topnav{ display:inline; float:left}
#topbar a{ color:#888888; font-weight:bold; text-decoration:none}
#topbar a:hover{ color:#4D769E;}
#topbar ul{ list-style:none outside none; margin:0px; padding:10px 0 0 10px;}
#topbar li{ display:inline; margin:0; padding:0px 10px 0 10px; border-right: solid 1px #888888 }
#topbar .rss{ padding:0; margin:0;}

#topsearch{ display:inline; padding:8px 0 0 0; float:right;}
#topsearch input{ margin:0; border:1px solid #D8D8CF; height:18px; font-size:11px; padding:0; height:20px;}
#topsearch input.go{ margin:0; background: url(../images/search.png) no-repeat scroll 0 0 transparent; height:25px; width:25px;  border:0; cursor:pointer; margin:0 5px 2px 5px;}



#page{ width:990px; margin:auto; margin-top:10px;}

#content{ float:left; width:740px;}
#content h1{ background:#F2F2F2; margin:2px; color:#6A6A6A; border-left: #DEDEDE solid 2px; font-size:16px; padding: 4px 8px; }
#content h4{ font-size:125%; color:#6A6A6A; border-bottom:1px solid #CCCCCC;}
#content .pub_center{ display:block; width:100%; margin-bottom:10px;}


#last_news{ margin:auto; width:700px;margin-top:8px;}
#last_news .news{ width:350px; float:left; padding: 0 0 5px 0; height:60px;}
#last_news .like{ float:left; width:36px;  height:37px; margin:4px;}
#last_news .nb{ display:block; text-align:center; font-size:14px; padding:3px 0 0 0; font-weight:bold}
#last_news .nb a{ color:#000; text-decoration:none}
#last_news .ilike{ font-size:10px; margin:3px 0 0 0; text-align:center; display:block; margin-top:4px;}
#last_news .ilike a{ text-decoration:none; color:#4D769E}

#infos_news{ margin:0 10px 0 50px; padding:0 0 5px 0; border-bottom: 1px solid #CCC; height:45px;}
#infos_news a{ color:#4D769E; text-decoration:none}
#infos_news h2{ margin:4px 0 0 0; font-size:13px;}
#infos_news .meta{ font-size:10px; margin:1px;}

#news_cat{ margin:10px 0 0 0; padding-bottom:10px; border-bottom:#CCC solid 1px;} 
#news_cat .like{ float:left; width:36px;  height:37px; margin:4px 12px 4px 4px;}
#news_cat .ilike{ font-size:10px; margin:3px 0 0 0; text-align:center; display:block; margin-top:4px;}
#news_cat .ilike a{ text-decoration:none; color:#4D769E}
#news_cat .nb{ display:block; text-align:center; font-size:14px; padding:3px 0 0 0; font-weight:bold}
#news_cat h2{ margin:0 0 5px 0; height:40px;}
#news_cat h2 a{ color:#FF0BB8}
#news_cat .thumb{ margin:2px; border:#CCC solid 1px; padding:1px; float:left}
#news_cat .desc{ margin:2px; text-align:justify}
#news_cat .meta{ margin-top:4px;}
#news_cat .meta a{  color:#4D769E; margin-right:5px; font-size:10px; font-weight:bold}

.quivote{ float:left; width:220px;}
.quivote a{ margin-left:5px; color:#4D769E}
.avatar{ border:#CCC solid 1px; padding:2px; vertical-align:middle}


#sidebar{ float:right; width:230px;  }
#sidebar .box{ border:#CCC solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../images/grad.png) repeat-x; margin-bottom:10px; width:220px; padding:0 5px 0 5px;}
#sidebar .box h3{ margin:4px 0 0 0; padding:0 15px 10px 15px; color:#6A6A6A; font-size:14px; font-weight:bold;}
#sidebar .box h3 a{ color:#6A6A6A; text-decoration:none}
#sidebar .box p{ margin:2px; padding:2px; text-align: justify}
#sidebar .box ul{ list-style:none outside none; margin:0; padding:0 0 10px 10px;}
#sidebar .box li{ padding:0 0 5px 0;}
#sidebar .box li a{ background:url(../images/bullet.gif) no-repeat left ; padding:0 5px 2px 25px; border-bottom:1px solid #CCCCCC; display:block; color:#4D769E; text-decoration:none; font-size:12px; font-weight:bold}
#sidebar .box li a:hover{ color:#888888}
#sidebar .tags li{  float:left; border-bottom:none;}
#sidebar .tags a{ margin-right:6px;}




.pagination {clear:both;background:#EBEBEB url(../images/s_blue/grad.png) repeat-x top;color:#666;border:1px solid #d6d6d6;margin:20px 0 1.5em;padding:4px 2px 4px 7px;}
.pagination p {text-align:right;margin:0;padding:0;}
.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active {text-decoration:none;background:#fff;border:1px solid #ccc;margin-right:1px;padding:2px 5px;}
.pagination p a:hover {background:#4D769E;color:#fff;}
.pagination p span {text-decoration:none;background:#fff;border:1px solid #ccc;color:#ccc;margin-right:1px;padding:2px 5px;}


.footer{ margin-bottom:20px; border:#CCC solid 1px; padding:5px; text-align:center}

.clear{ clear:both}






/* tooltip styling */
.effect {
	display:none;
	background:url(/buzz/templates/perso/images/black_arrow_big.png);
	height:163px;
	padding:60px 30px 0px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}