/* Style by ZaKi */
/* Site : JeRecette.fr  */

body {
	margin: 0;
	font-family: Tahoma;
	font-size: 12px;
	color: #803700;
  }

a:link { color: #803700; text-decoration: none; }
a:visited { color: #803700; text-decoration: none; }
a:hover { color: #C15200; text-decoration: none; }
a:active { color: #C15200; text-decoration: none; }

.clear { clear: both; }

hr { color: #FF9E37; background-color: #FF9E37; height: 1px; border: 0; }

.divCenter {
	text-align: center;
  }


/* STYLES OUTPAGE */
table.commentaireAdd { margin: 0 auto 0 auto; width: 100%; }
table.commentaireAdd tr { margin: 0; }
table.commentaireAdd td { padding: 10px; border-top: 1px solid #FF9E37; }
table.commentaireAdd td.left { text-align: right; }
table.commentaireAdd input { border: 1px solid #FF9E37; padding: 3px; background: #FFF5EB; color: #803700; font-weight: bolder; }
table.commentaireAdd textarea { border: 1px solid #FF9E37; padding: 3px; background: #FFF5EB; color: #803700; font: 12px Tahoma; }

/* STYLES */
ul.default {
	list-style-image: url('/images/puce.gif');
	list-style-position: outside;
	margin: 0 0 0 12px;
	padding: 0;
  }
ul li.default {
	border-top: 1px solid #FF9E37;
	padding: 3px 0 3px 0;
  }
ul li.default2 {
	padding: 0 0 3px 0;
  }


/* HEADER */
#header {
	height: 150px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url("images/header_bg.jpg") repeat-x;
  }

#header #logo {
	width: 1000px;
	height: 140px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
  }


/* BOX-TOP */
#box-top {
	width: 1000px;
	height: 145px;
	margin: 0 auto 0 auto;
  }

#box-top #menu {
	width: 1000px;
	height: 53px;
	background: url('images/menu_bg.jpg') no-repeat;
  }
  
#box-top #menu ul {
	margin: 10px 0 0 160px;
	padding: 0;
	list-style-type: none;
	position: absolute;
  }

#box-top #menu ul li {
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 20px 0 0;
  }


/* ADS */
#leaderboard {
	width: 728px;
	height: 90px;
	margin: -8px auto 10px auto;
  }

#square {
	width: 300px;
	height: 250px;
	margin-bottom: 10px;
	float: left;
  }


/* CONTENT */
#content {
	width: 900px;
	margin: 0 auto 0 auto;
  }

.alphabet {
	text-align: center;
	margin: 0 0 3px 0;
  }

.divPages { width: 440px; margin: 20px auto 0 auto; }
.divPages .previous { float: left; width: 65px; height: 12px; }
.divPages .pages{ float: left; width: 300px; text-align: center; margin: 0 0 0 10px; }
.divPages .next { float: right; width: 55px; height: 12px; text-align: right; }

.rate { width: 250px; background: url('images/bouton_rating.jpg'); height: 80px; float: left; }


/* CONTENT - LEFT */
#content-left {
	width: 590px;
	float: left;
  }

#content-right {
	width: 300px;
	margin-left: 10px;
	float: left;
  }

.boxBig { width: 590px; float: left; margin-bottom: 10px; }
.boxMid { width: 300px; float: left; margin-bottom: 10px; }
.boxMin { width: 290px; float: left; margin-bottom: 10px; }

.boxBig .xtop { width: 590px; min-height: 25px; background: url('images/boxBig_xtop.jpg') no-repeat #FF9E37; }
.boxBig .xtop h1 { margin: 0; padding: 2px 0 2px 10px; font-weight: bolder; font-size: 16px; font-variant: small-caps; color: #FFF; }
.boxBig .xtop h2 { margin: 0; padding: 0 0 2px 10px; font-weight: bolder; font-size: 12px; color: #FFF; }
.boxBig .xtop span { float: left; margin: 0; padding: 2px 0 2px 10px; font-weight: bolder; font-size: 16px; font-variant: small-caps; color: #FFF; }
.boxBig .xtop span.close { right: 0; font-size: 12px; font-variant: small-caps; color: #FFF; }
.boxBig .top { width: 590px; height: 10px; background: url('images/boxBig_top.jpg') no-repeat; }
.boxBig .bottom { width: 590px; height: 10px; background: url('images/boxBig_bottom.jpg') no-repeat top; }
.boxBig .xbottom { width: 590px; height: 10px; background: url('images/boxBig_bottom.jpg') no-repeat bottom #FF9E37; }
.boxBig .supRight { background: #FF9E37; padding: 2px 10px 0 20px; margin-bottom: -6px; }
.boxBig .supRight h1 { color: white; margin: 0; padding: 0; float: right; font-size: 12px; }
.boxBig .supRight h1 a:link { color: white; }
.boxBig .supRight h1 a:visited { color: white; }
.boxBig .supRight h1 a:hover { color: white; }
.boxBig .supRight h1 a:active { color: white; }

.boxBig .content { width: 550px; background: url('images/boxBig_content.jpg') repeat-y; padding: 0 20px 0 20px;; }
.boxBig .xcontent { width: 590px; height: 10px; background: #FF9E37; }

.boxMid .xtop { width: 300px; min-height: 25px; background: url('images/boxMid_xtop.jpg') no-repeat #FF9E37; }
.boxMid .xtop h1 { margin: 0; padding: 2px 0 2px 10px; font-weight: bolder; font-size: 16px; font-variant: small-caps; color: #FFF; }
.boxMid .top { width: 300px; height: 10px; background: url('images/boxMid_top.jpg') no-repeat; }
.boxMid .xbottom { width: 300px; height: 20px; background: url('images/boxMid_bottom.jpg') no-repeat; }
.boxMid .bottom { width: 300px; height: 10px; background: url('images/boxMid_bottom.jpg') no-repeat; }
.boxMid .content { width: 260px; background: url('images/boxMid_content.jpg') repeat-y; padding: 0 20px 0 20px;; }
.boxMid .xcontent { width: 300px; height: 10px; background: #FF9E37; }

.boxMin .xtop { width: 290px; min-height: 25px; background: url('images/boxMin_xtop.jpg') no-repeat #FF9E37; }
.boxMin .xtop h1 { margin: 0; padding: 2px 0 2px 10px; font-weight: bolder; font-size: 16px; font-variant: small-caps; color: #FFF; }
.boxMin .top { width: 290px; height: 10px; background: url('images/boxMin_top.jpg') no-repeat; }
.boxMin .xbottom { width: 290px; height: 20px; background: url('images/boxMin_bottom.jpg') no-repeat; }
.boxMin .bottom { width: 290px; height: 10px; background: url('images/boxMin_bottom.jpg') no-repeat; }
.boxMin .content { width: 250px; background: url('images/boxMin_content.jpg') repeat-y; padding: 0 20px 0 20px;; }
.boxMin .xcontent { width: 290px; height: 10px; background: #FF9E37; }