/*
nicecoder.com
*/

/*------------------ STYLES GENERAUX ----------------*/

body {
  margin: 0;
  padding: 0;
  font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  color: #4a4a4a;
  font-size: 11px;
}

img {
  border: none;
}

a {
  color: #66b2ff;
  text-decoration : none;
}

a:hover {
  color: #dd0011;
}

.bold {
  font-weight:bold;
}

.center {
  text-align:center;
  margin-left:auto;
  margin-right: auto;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

#container {
  margin: 0 auto;
  width: 920px;
  padding: 0;
}

/*---------------------- HEADER --------------------*/

#header {
  margin: 0 0 5px 0;
  padding: 0;
  background: url(images/maquillage-des-yeux.jpg) left top no-repeat;
}

.top-menu {
  height: 18px;
  font-size: 12px;
}

.top-menu  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.top-menu  ul li {
  float: right;
  display: block;
  line-height: 18px;
  margin: 0 5px;
  min-width: 60px;
  text-align: center;
}

.top-menu  ul li a {
  display: block;
  text-decoration : none;
  color: #66b2ff;
  font-weight: normal;
  font-size: 10px;
}

.top-menu  ul li a:hover  {
  color: #dd0011;
  text-decoration: none;
  font-weight: bold;
}

.header-bar {
  height:130px;
  margin: 0 0 3px 0;
  padding: 0;
}

.logo {
  float: left;
  margin: 5px 2px 5px 20px;
  padding: 0;
  font-size:3em;
  font-weight:bold;
}

.logo a:link,.logo a:visited {
  color:#ff75d8;
}

.logo a:hover {
  color:#dd0011;
}

.banner {
  float: left;
  margin: 0 2px;
  padding: 0;
}

.search-box {
  width: 220px;
  float: right;
  height: 30px;
  margin: 10px 5px 0 0;
  padding: 5px;
/*  background: url(images/login-box.png) no-repeat; */
  background-color:transparent;
  border: 1px solid #ddd;
}

.top-nav {
  margin: 0 auto;
  background: #ddd url(images/bg-nav.png) repeat-x;
  height: 30px;
  font-size: 12px;
}

.top-nav  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.top-nav  ul li {
  float: left;
  display: block;
  line-height: 30px;
  margin: 0 8px;
  text-align: center;
}

.top-nav  ul li a {
  display: block;
  text-decoration : none;
  color: #4a4a4a;
  font-weight: bold;
/*  text-transform: capitalize; */
  font-size: 11px;
}

.top-nav  ul li a:hover  {
  color: #dd0011;
  text-decoration: none;
}

/*------------------------ CONTENU PRINCIPAL ---------------*/

#content {
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  background: #fff;
}

.sidebar-body {
  margin: 10px 0; 
  width: 220px;
}

#main {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  width: 470px;
}

#main h1 {
  margin:5px 0 10px 0;
  height: auto; /* 25px; */
  line-height: auto; /* 25px; */
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #0097e6;
/*  text-transform: capitalize; */
}

#main h2 {
  font-weight:bold;
}

#main-page {
  float: left;
  margin: 0;
  padding: 0;
  width: 650px;
}

.main_content {
  margin: 10px;
  text-align: justify;
}

.main_content h1 {
  margin: 10px 0;
  height: 25px;
  line-height: 25px;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  color: #0097e6;
/*  text-transform: capitalize; */
  border-bottom: 1px solid #ddd;
}

.main_content h2, #review h2 {
  margin: 10px 0;
  height: 25px;
  line-height: 25px;
  padding: 5px 0 0 5px;
  font-size: 12px;
  font-weight: bold;
  color: #0097e6;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}

.main_content ul {
  margin: 5px;
  padding: 0;
  list-style: none;
}

.main_content  img{
  margin: 5px 5px 5px 0;
}

span a {
  font-size: 10px;
  font-weight: normal;
  color: #000;
}

.banner-content {
  margin: 10px;
  text-align: center;
}

.welcome {
  margin: 10px 10px 0px 10px;
  padding: 0;
  color: #333;
/*  line-height: 18px; */
  font-size: 11px;
}

/*------------------------ SIDEBARS ----------------------*/

#leftbar, #rightbar {
  width: 180px;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  
}

#leftbar ul, #rightbar ul, #leftbar ol, #rightbar ol{
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-content {
  margin: 0 0 30px 0;
  padding: 0 8px 0 3px;
}

#leftbar .sidebar-content h3,#leftbar .sidebar-content h2 {
  color: #4a4a4a;
  line-height: 25px;
  font-weight: bold;
  font-size: 12px;
  padding: 0 0 0 5px;
  background: url(images/bg-nav3.png) repeat-x;
}

#rightbar .sidebar-content h3,#rightbar .sidebar-content h2 {
  color: #0097e6;
  line-height: 25px;
  font-weight: bold;
  font-size: 12px;
  padding: 0 0 0 22px;
  border-bottom: 1px dotted #ccc;
  background: url(images/46.png) left no-repeat;
}

#rightbar .sidebar-cloud {
  color: #0097e6;
/*  line-height: 25px; */
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  margin:-20px 0 20px 0;
  border-bottom: 1px dotted #ccc;
}

#leftbar {
  margin: 0 10px 0 0;
  padding: 0;
  background: #f0f0ff;
}

#rightbar {
  margin: 0 ;
  padding: 0;
  float: right;
  width: 245px;
  line-height: 18px;
}

.sidebar-content h3 , 
.sidebar-content h3
.sidebar-content h2 , 
.sidebar-content h2 {
  margin: 0 ;
}

.sidebar-content ul, .sidebar-content ol {
  margin: 0 0 20px 0;
  padding: 0;
}

.sidebar-content .sanslien li {
  padding-left: 15px;
  text-decoration: none;
  border:none;
  font-weight: normal;
  background: url(images/icon_arrow.gif) left top no-repeat;
}

.sidebar-content li  {
  border-bottom: 1px dotted #ccc;
  display: block;
  line-height: 18px;
  margin: 6px 0 6px 5px;
  font-size: 11px
}

.sidebar-content .sanslien li a {
  border:none;
  background:none;
  padding:0;
}

.sidebar-content li a {
  padding: 5px 0 5px 15px;
  text-decoration: none;
  _color: #009960;
  color: #009960;
  font-weight: normal;
  background: url(images/icon_arrow.gif) left no-repeat;
}

.sidebar-content li a:hover {
  text-decoration: none;
  font-weight: bold;
/*  color: #0097e6; */
  color: #dd0011;
}

.side-banner {
  margin: 10px;
}

.menu {
  margin: 0 0 0 5px;
  padding: 0;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu li {
  border-bottom: 1px solid #ccc;
  height: 20px;
  padding: 0;
  display: block;
  margin: 5px 0;
}

.menu li a{
  padding: 10px 0 0 0;
  text-decoration: none;
  color: #4a4a4a;
}

.menu li a:hover{
  padding: 10px 0 0 0;
  text-decoration: none;
/*  color: #f58a00; */
  color: #dd0011;
}

li.no-bg {
  background: none;
  margin: 0 0 0 5px;
  color: #000;
}

/*-------------------------- FOOTER --------------------*/

#footer {
  margin: 0;
  padding: 0;
}

.footer-bar {
  padding: 5px 0;
  margin: 0;
  height: 25px; 
}

.footer-btm {
  margin: 0;
  padding: 0;
  height: 25px; 
}

.copyright {
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.clear {
  clear: both;
}

.clear_both {
  clear: both;
}

input {
  border: 1px solid #ccc;
  margin: 2px;
  *margin: 0 0 6px 0;
}

.btn {
  background: url(images/bg-btn.png) repeat-x;
  color: #555;
  margin: 5px 0;
  padding: 2px 3px;
  *padding: 2px 0;
  font-weight: bold;
  font-size: 11px;
}

/*-------------------------- CATEGORY 1 -----------------*/

#category {
	
}

#category table tbody tr td p {
	margin: 0 5px 7px 0;
/*  line-height: 18px; */
}

#subscribe_category {
	text-align: right;
}

h2, #category_path {
	font-size: 120%;
	font-weight: normal;
	margin: 10px 0 20px 0;
}

#category_path img {
	margin: 0 0 0 10px;
}

/*--------------------------- LINK ROWS --------------------*/

.link_rows {
  line-height: 1.5em;
  margin: 12px 0 12px 0;
  border: 1px solid #ddd;
  padding: 5px;
/*  -moz-border-radius: 7px;
  -webkit-border-radius: 7px; */
}

.link_rows a {
  color: #009960;
  font-size: 90%;
  text-decoration: none;
}

.link_rows a:hover {
  color: #dd0011;
}

.link_rows .googlepr {
  float:right;
*margin-right:5px;
*margin-top:-25px;
  color: #37B329;
  font-size: 80%;
}

.link_rows .googlepr img {
  margin: 0 0 -3px 0;
}

.link_rows span a {
	font-weight: bold;
	font-size: 110%;
	color: #0097e6;
        text-decoration: none;
}

.link_rows span a:hover {
  color: #dd0011;
}

.premium_link_rows {
	background: #5c3;
	padding: 10px;
	margin: 10px 0 10px 0;
}

.sponsored_link_rows {
	background: #a30;
	padding: 10px;
	margin: 10px 0 10px 0;
}

/*-------------------------- LINK DETAIL --------------------*/

#link_detail table {
	width: 100%;
}

#link_detail td {
  margin: 7px 10px 7px 7px;
  padding: 7px 0 7px 3px;
  border-bottom: 1px solid #ddd;
}

#link_detail thead th {
	font-weight: bold;
	width: 100%;
	padding: 0 10px;
  font-size: 16px;
  color: #4a4a4a;
}

#link_detail tr td .m_col {
	width: 150px;
}

#link_detail .odd td  {
	background: #f0f0ff;
}

#link_detail tfoot  {
	background: #fff;
  line-height: 30px;
}

#link_detail #avg_rating {
	margin: 20px 0 20px 0;
}

#link_detail #avg_rating span img {
	margin: 0 5px 0 5px;
}

#review ul {
	margin: 10px 0 10px 0;
	list-style-type: square;	
}

#review ul li {
  margin: 0 0 5px 0px;
}

/*------------------------ ARTICLE --------------------*/

.img_left {
  width: 185px;
  margin-right : 10px;
  float:left;
}

.article_right {
  width: 270px;
  float:right;
}

/*---------------------- CATEGORY 2 -------------------*/

#category {
  text-align:left;
  margin-bottom: -20px;
}

#category p {
	margin: 0 0 5px 0;
  color: #888;
  line-height: 14px;
}

#category p a {
  color: #0097e6;
  text-decoration: none;
}

#category p a:hover {
	color: #4a4a4a;
}

#category p a  img{
	margin: -5px 3px 0 0;
}

#category p b a {
  font-size:1.1em;
  font-weight:normal;
  color: #009960;
  text-decoration: none;
}

#category p b a:hover {
  color: #dd0011;
}

/*------------------------ FORMULAIRES ------------------*/

label {
	float: left;
	width: 160px;
	padding: 0 10px 0px 0px;
	text-align: left;
}

label label {
	text-align: left;
}

fieldset {
	margin: 0 0 10px 0;
  border: none;
}

fieldset div {
	margin: 0;
	padding: 11px 0 0 0;
	display: block;
	width: 100%;
	clear: both;
}

textarea {
	width: 300px;
	height: 100px;	
  border: 1px solid #ccc;
}

label select {
	width: 300px;
  border: 1px solid #ccc;
}

/* input = text */
span input {
	width: 300px;	
}

.f_entry {
  text-align: left;
  width: 300px;
}

#error_msg {
  text-align: center;
  color: #f00;
  padding: 7px 0 7px 0;
  margin: 5px 0 15px 0;
  font-weight: bold;
}

/*------------------- NOUVEAUTES ET MISES A JOUR ---------*/

#new_listing p {
	margin: 0 0 15px 0;
}

#new_listing p a em {
	font-weight: normal;
	font-size: 105%;
	font-style: normal;
	text-decoration: underline;
}

#new_listing p span {
	font-size: 80%;
}

#new_listing h2 {
	font-size: 104%;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#new_listing h4 {
	font-size: 130%;
	font-weight: bold;
	margin: 20px 0 20px 0;
}
#new_listing h4 a {
	text-decoration: underline;
}

/*---------------------- HIT-PARADE -------------------*/

#hot_listing h2, #top_rated_listing h2, #editor_pick_listing h2 {
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0 10px 0;
  padding: 0 0 0 20px;
	text-decoration: underline;
  
  background: url(images/46.png) left no-repeat;
}

/*------------- RESULTATS DE RECHERCHE ----------------*/

#link_search_sp table {
	width: 100%;
	margin: 20px 0 0 0;
}

#link_search_sp td {
	padding: 7px;
}

#link_search_sp thead th {
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	font-size: 110%;
}

#link_search_sp table tbody tr td span {
	font-size: 80%;
}

#link_search_sp .action {
	width: 60px;	
	text-align: center;
}

#get_rated textarea {
	width: 500px;
	height: 200px;
	font-size: 90%;
}

#get_rated h2 {
	margin: 20px 0 20px 0;	
	font-size: 110%;
}

#get_rated h4 {
	margin: 20px 0 20px 0;	
	font-size: 105%;
	font-weight: normal;
}

#add_error_page h2 {
	margin: 20px 0 20px 0;		
}

#add_error_page p {
	margin: 5px 0 0 0;		
}

#add_error_page ul {
	list-style-type: square;	
	margin: 10px 0 0 0;	
}

#add_error_page ul li {
	margin: 0 0 5px 20px;		
}

#user_profile table {
	background: #fff;
	width: 100%;
	margin: 0 0 20px 0;
}

#user_profile td {
	padding: 7px;
  border-bottom: 1px solid #ccf;
}

#user_profile .m_col  {
	width: 200px;
}

#user_profile .odd td  {
	background: #eee;
}

#user_search_result ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#user_search_result ul li {
  background: url(images/star.png) left no-repeat;
  line-height: 25px;
  border-bottom: 1px solid #ccf;
  padding: 0 0 0 15px;
}

#user_search_result li span {
	font-size: 110%;
}

#user_search_result h2  {
	font-size: 110%;
	font-weight: normal;
	margin: 20px 0 30px 0;
}

#flags {
	margin: 5px 0 5px 0;
}

#flags img {
	border: 1px solid;
}

#recaptcha_area {
  margin: 0 auto;
}