/* RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px dotted #87ba17;
}
body {
	line-height: 1em;
  font-family: Arial, tahoma, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
embed:focus {
  outline:none;
}

strong {
  font-weight: bolder;
}

em {
  font-style:italic;
}

label {
  cursor: pointer;
}

.clear {
  clear:both;
}

body {
  background        : #ebebeb url(../images/bg-body.png) repeat-x 0 top;
}

#page {
  margin            : 23px auto;
  width             : 940px;
}

#header {
  height            : 211px;
  background        : url(../images/header.jpg) no-repeat right 0;
  color             : #FFFFFF;
  position          : relative;
  left				: -3px;
}

#headerButtons {
  position          : absolute;
  top               : 25px;
  left              : 680px;
  width             : 229px;
}

.fade {
	width: 229px;
	height: 81px;
}

.fade div {
	position: relative;
	top: -81px;
	left: 0;
	display: none;
	width: 229px;
	height: 81px;
}

#firstBtn {
	padding-bottom	: 5px;
}

#new-bandeau {
  position          : absolute;
  top               : 1px;
  left              : 1px;
  width             : 139px;
  height            : 98px;
  background        : url(../images/bandeau-nouveau.gif) no-repeat 0 0;
  text-indent       : -1000px;
}

#footer {
  height            : 76px;
  background        : url(../images/footer.png) no-repeat right 0;
  position          : relative;
  font-size         : 11px;
  color             : #000000;
}

#footer div {
  position          : absolute;
  top               : 20px;
  left              : 105px;
}

#footer li{
  float             : left;
}

#footer li a{
  padding           : 0 15px;
  float             : left;
  text-decoration   : none;
  color             : #000000;
}

#footer li a:hover, #footer li a:focus, #footer li a:active{
  text-decoration   : underline;
  outline           : none;
}

#logo-sacla {
  position          : absolute;
  top               : 0;
  left              : 25px;
  width             : 78px;
  height            : 60px;
  background        : url(../images/logo-sacla.png) no-repeat center 0;
}

a#logo-sacla:hover , a#logo-sacla:active , a#logo-sacla:focus {
  background-position : center -60px;
}

#menu {
  border-top        : 1px solid #9e9e9e;
  background        : url(../images/bg-menu.png) repeat-x 0 top;
  height            : 47px;
  line-height       : 47px;
  margin-bottom     : 25px;
}

#menu li {
  display           : block;
  float             : left;
}

#menu li a img {
	padding-top				: 18px;
}

#menu li a, #welcome-message {
  display           : block;
  float             : left;
  border-top        : 1px solid #343434;
  border-right      : 1px solid #000000;
  border-left       : 1px solid #757574;
  height            : 46px;
  color             : #FFFFFF;
  text-decoration   : none;
  padding           : 0 10px;
  height            : 46px;
  font-size         : 11px;
  font-weight       : bolder;
}

#welcome-message {
  border-right      : none;
  padding           : 0 0 0 20px;
}

#welcome-message a.logout {
  display           : inline;
  float             : none;
  padding           : 0;
  border			      : none;
  text-decoration		: underline;
  font-size					: 10px;
  font-weight				: 100;
}

#menu a:hover, #menu a:active, #menu a.active, #menu a:focus {
  color             : #000000;
  background-color  : #FFFFFF;
  border-top        : 1px solid #ececec;
  border-right      : 1px solid #FFFFFF;
  border-left       : 1px solid #FFFFFF;
}

#page-content {
  border-left       : 1px solid #e7e7e6;
  background        : #ffffff url(../images/bg-page.png) repeat-y right 0;
  line-height       : 1.4;
  padding-right     : 3px;
  padding-bottom    : 50px;
}

#content {
  clear             : both;
  background        : #ffffff url(../images/bg-cols.png) repeat-y 710px 0;
}

#content-admin {
  clear             : both;
}

#col1of2 {
  float             : left;
  width             : 650px;
  padding           : 0 0 0 35px;
}

#col1of3 {
  float             : left;
  width             : 435px;
  padding           : 0 15px 0 28px;
  background        : #ffffff url(../images/bg-cols.png) repeat-y right 0;
}

#col2of3 {
  float             : left;
  width             : 210px;
  padding           : 0 0 0 15px;
}

#col3 {
  width             : 200px;
  float             : right;
  padding           : 0 15px 0 0;
}

.half-col {
  background        : #ffffff url(../images/bg-cols.png) repeat-y center 0;
}

h1 {
  font-size         : 30px;
  font-weight       : lighter;
  margin-bottom     : 0.5em;
}

.h1-produit {background: url(../images/h1-produits.gif) no-repeat 0 50%;height: 30px; width: 122px;}
.h1-produit b {display: none;}
.h1-recettes {background: url(../images/h1-recettes.png) no-repeat 0 50%;height: 28px; width: 130px;}
.h1-recettes b {display: none;}
.h1-recettes-recentes {background: url(../images/h1-plus.gif) no-repeat 0 50%;height: 38px; width: 265px; }
.h1-recettes-recentes b {display: none;}
.h1-recettes-mieux-notees {background: url(../images/h1-mieux.gif) no-repeat 0 50%;height: 30px; width: 265px; }
.h1-recettes-mieux-notees b {display: none;}
.h1-commentaires {background: url(../images/h1-commentaires.png) no-repeat 0 50%;height: 27px; width: 91px;}
.h1-commentaires b {display: none;}
.h1-dejainscrit {background: url(../images/h1-dejainscrit.png) no-repeat 0 50%;height: 24px;}
.h1-dejainscrit b {display: none;}
.h1-pasencoreinscrit {background: url(../images/h1-pasencoreinscrit.png) no-repeat 0 50%;height: 24px;}
.h1-pasencoreinscrit b {display: none;}
.h1-produitprefere {background: url(../images/h1-produitprefere.png) no-repeat 0 50%;height: 53px;}
.h1-produitprefere b {display: none;}
.h1-concours {background: url(../images/h1-concours.png) no-repeat 0 50%;height: 47px;}
.h1-concours b {display: none;}

.recette-short, .produit-short {
  clear             : both;
  font-size         : 11px;
  padding-top       : 22px;
}
	
.recette-short-text, .produit-short-text {
  float             : right;
}

#col1of2 .recette-short-text, #col1of2 .produit-short-text {
  width             : 470px;
}

#col1of3 .recette-short-text, #col1of3 .produit-short-text {
  width             : 240px;
}

.recette-short img, .produit-short img {
  float             : left;
  padding-right     : 22px;
  width             : 155px;
  height            : 155px;
}

.recette-short h2 a, .produit-short h2 a, .category-short-content h2 a, .gamme-short-content h2 a {
  color             : #6dae00;
  font-weight       : bolder;  
  text-decoration   : none;
}

.recette-short h2.new a, .produit-short h2.new a, .category-short-content h2.new a {
  padding-right     : 36px;
  background        : url(../images/new.png) no-repeat right top;
}

.gamme-short h2 a:hover, .gamme-short h2 a:active, .gamme-short h2 a:focus,
.recette-short h2 a:hover, .recette-short h2 a:active, .recette-short h2 a:focus,
.produit-short h2 a:hover, .produit-short h2 a:active, .produit-short h2 a:focus,
.category-short-content h2 a:hover, .category-short-content h2 a:active, .category-short-content h2 a:focus {
  text-decoration   : underline;
}

.recette-short .ingredients, .produit-short .ingredients {
  line-height       : 12px;
}

.link-plus {
  display           : block;
  color             : #a0a0a0;
  font-weight       : bolder;
  text-decoration   : none;
  padding-left      : 10px;
  font-size         : 11px;
  background        : url(../images/link-plus.png) no-repeat 0 50%;
  border            : none;
  cursor            : pointer;
}

a.link-plus:hover, a.link-plus:active, a.link-plus:focus {
  text-decoration   : underline;
}

.gamme-description {
	font-size         : 11px;
}

.control-bottom {
  clear             : both;
  padding           : 20px 0 35px;
}

.control-bottom  .link-plus {
  float             : left;
  width             : 130px;
}

.right {
  float             : right;
}

.last-comment {
  font-size         : 11px;
  margin-bottom     : 10px;
}

.last-comment h2 a {
  color             : #6dae00;
  font-weight       : bolder;  
  text-decoration   : none;
}

.last-comment h2 a:hover, .last-comment h2 a:focus, .last-comment h2 a:active {
  text-decoration   : underline;
}

.last-comment .nb-comment {
}

.last-comment .date-last-comment {
}

#login-form fieldset {
  background        : #eaeaea url(../images/fieldset-login.png) no-repeat 0 0;
  padding           : 16px;
  height            : 263px;
}

#login-form  .forgot {
  font-size         : 10px;
  text-align        : right;
  color             : #808080;
}

#login-form h1 {
  width             : auto !important;
}

.login-input {
  width             : 100%;
  border            : 1px solid #FFFFFF;
  border-color      : #e1e1e1 #FFFFFF #FFFFFF #e1e1e1;
  color             : #808080;
}

.black-button, .grey-button:hover {
  border            : none;
  color             : #FFFFFF;
  cursor            : pointer;
  width             : 158px;
  text-align        : left;
  font-size         : 10px;
  line-height       : 19px;
  height            : 19px;
  padding           : 0 5px;
  background        : #000000 url(../images/button.png) repeat-x 0 0;
	text-decoration		: none;
	display						: block;
}

.grey-button, .black-button:hover {
  border            : none;
  color             : #FFFFFF;
  cursor            : pointer;
  width             : 158px;
  text-align        : left;
  font-size         : 10px;
  line-height       : 19px;
  height            : 19px;
  padding           : 0 5px;
  background        : #797979 url(../images/button.png) repeat-x 0 -19px;
	text-decoration		: none;
	display						: block;
}

.form-control .black-button {
	width							: 75px;
	display						: block;
	float							: left;
	margin-right			: 10px;
}

.quiz {
  margin            : 30px 0;
  font-size         : 11px;
}

#quiz-form  .black-button {
  margin            : 0 16px;
  width             : 165px;
}

.quiz-answer li {
  width             : 100%;
  text-align        : center;
}

.quiz-answer .quiz-bar {
  text-align        : left;
  margin-bottom     : 10px;
}

.quiz-answer strong {
  width             : 100%;
	border-left       : 0px solid #333333;
	padding-left      : 5px;
}

.poll-admin th, .poll-admin td{
	padding           : 5px;
}

.link-block{
  float             : right;
  text-align        : right;
  line-height       : 1;
}
.link-block li{
  display           : block;
}
.link-block .link-plus{
  display           : inline;
}

.admin {
  margin-top        : 50px;
}

.admin .link-plus {
  color             : #cc0000;
}

.categorie{
  color             : #70ad08;
  font-weight       : bolder;
  background        : url(../images/link-plus-categorie.png) no-repeat 0 50%;
}

.recette, .produit {
  font-size         : 12px;
  padding-bottom    : 40px;
  margin-bottom     : 15px;
  background        : url(../images/bg-sep.png) repeat-x 0 bottom;
}

.recette .recette-long-intro, .produit .produit-long-intro {
  width             : 470px;
  float             : left;
}

h2{
  font-size         : 18px;
  color             : #70ad08;
  font-weight       : bolder;
  margin-bottom     : 1em;
}

.visuel {
  float             : left;
  padding           : 0 20px 20px 0;
}

.label, .poll-admin th{
  color             : #70ad08;
  font-weight       : bolder;
}

.ingredients .label {
  display           : block;
}

.recipe {
  clear             : both;
  padding           : 2em 0;
}

.author {
  text-align        : right;
  font-weight       : 11px;
}

.commentaires, .poll-admin {
  font-size         : 12px;
  padding-bottom    : 20px;
  margin-bottom     : 15px;
  background        : url(../images/bg-sep.png) repeat-x 0 bottom;
  clear             : both;
}

.comment-list-page .commentaires {
  background        : none;
}

.commentaires  li{
  background        : #e6e6e6 url(../images/comment-top.png) no-repeat 0 0;
  width             : 655px;
  margin            : 10px 0;
}

.commentaires  .comment{
  background        : #e6e6e6 url(../images/comment-bottom.png) no-repeat 0 bottom;
  padding           : 10px;
  clear             : both;
}

.commentaires  .date{
  font-weight       : bolder;
  padding           : 10px;
  float             : right;
}

.commentaires  .name{
  font-weight       : bolder;
  padding           : 10px;
}

.comment-form {
  position          : relative;
  height            : 225px;
}

.comment-form label {
  font-size         : 12px;
  color             : #70ad08;
  font-weight       : bolder;
}

.comment-form #button{
  width             : auto;
  position          : absolute;
  left              : 85px;
  top               : 180px;
}

.comment-form #name-label{
  position          : absolute;
  left              : 12px;
  top               : 55px;
}

.comment-form  #name{
  position          : absolute;
  left              : 85px;
  top               : 55px;
}

.comment-form  #name-message{
  position          : absolute;
  left              : 12px;
  top               : 85px;
}

.comment-form #message {
  position          : absolute;
  left              : 85px;
  top               : 85px;
}

.category-short, .gamme-short {
	width			: 300px;
  font-size         : 10px;
  padding-bottom	: 20px;
	height			: 135px;
	overflow		: hidden;
}

.category-short h2, .gamme-short h2 {
	margin-bottom	: 0.5em; 
}

.odd-even-0 {
	float			: left;
}

.odd-even-1 {
	float			: right;
}

.category-short img, .gamme-short img {
  float     : left;
  width     : 80px;
  height    : 80px;
}

.category-short-content, .gamme-short-content {
	width			: 190px;
	float			: left;
	margin-left		: 20px;
}

.category-short .category-short-content ul a {
	color			: #000000;
	text-decoration	: none;
}

.gamme-short-content ul a:hover, .gamme-short-content ul a:active, .gamme-short-content ul a:focus,
.category-short-content ul a:hover, .category-short-content ul a:active, .category-short-content ul a:focus {
	text-decoration : underline;
	outline			: none;
}

.form-row {
	padding-top		: 10px;
	font-size		: 11px;
	clear			: both;
}

.form-row label {
  color           : #70ad08;
  font-weight     : bolder;
	width			      : 120px;
	display			    : block;
	float			: left;
}

.long-label label {
  width           : auto !important;
}

.form-row ul.radio_list {
	display			: block;
}

.form-row ul.radio_list li {
	display			: block;
	float			: left;
}

.form-row ul.radio_list li label {
	color			: #000000;
	display			: inline;
	width			: auto;
	padding-left	: 10px;
	font-weight		: normal;
}

.form-row textarea, form-row select {
	height			: 150px;
	width			: 500px;
}

.form-date .form-row select {
   height           : auto !important;
   width            : auto !important;
}

.form-control {
	padding-top		: 10px;
	padding-left	: 120px;
}

.form-row .error_list {
	margin-left		: 120px;
	padding			: 10px;
	border			: 1px solid #9F0004;
	color			: #9F0004;
	font-weight		: bolder;
}
div.flash{
	font            : normal normal normal 12px Arial, sans-serif;
	color           : #FFF;
	padding         : 4px;
	margin          : 4px 10px 8px 0;
	width			: 600px;
}

div.flash p{
	margin          : 0;
	padding         : 0;
}

div.flash-erreur {
	b/ackground      : #FFFFFF url('../img/bkg/bkg_flash-info.gif') no-repeat 4px center;
	border          : 2px solid #CA002D;
	color           : #CA002D;
	padding         : 8px 8px 8px 38px;
	font-weight     : bold;
}

div.flash-confirmation,
div.flash-message,
message-flash {
	background      : #FFFFFF url('../img/bkg/bkg_flash-message.gif') no-repeat 4px center;
	border          : 2px solid #B9D41B;
	color           : #35424b;
	padding         : 8px 8px 8px 38px;
	font-weight     : bold;
}
.moderation{
  font            : normal normal normal 12px Arial, sans-serif;
  color           : #CA002D;
}

#page-nav {
   padding-top    : 30px;
	clear           : both;
	text-align      : center;
	font-size       : 11px;
}

#page-nav .grey-button, #page-nav .black-button {
	width           : auto !important;
	margin-left     : 10px;
	display         : inline-block;
}

#page-nav .pagination_desc {
  clear           : both;
  padding-top     : 10px;
}

.note {
	font-size		    : 11px;
}

.test-question {
  padding-left    : 170px;
  margin-bottom   : 2em;
  clear           : both;
  background-repeat : no-repeat;
  background-position : 0 0;
}

.question-1 {background-image:url(../images/sacla-test-question-1.png);}
.question-2 {background-image:url(../images/sacla-test-question-2.png);}
.question-3 {background-image:url(../images/sacla-test-question-3.png);}
.question-4 {background-image:url(../images/sacla-test-question-4.png);}
.question-5 {background-image:url(../images/sacla-test-question-5.png);}
.question-6 {background-image:url(../images/sacla-test-question-6.png);}
.question-7 {background-image:url(../images/sacla-test-question-7.png);}
.question-8 {background-image:url(../images/sacla-test-question-8.png);}
.question-9 {background-image:url(../images/sacla-test-question-9.png);}
.question-10 {background-image:url(../images/sacla-test-question-10.png);}

.test-question p label {
  color           : #70AD08;
  font-size       : 13px;
  font-weight     : bolder;
  margin-bottom   : 0;
}

.test-question .error_list {
	padding			: 10px;
	font-size       : 13px;
	border			: 1px solid #9F0004;
	color			: #9F0004;
	font-weight		: bolder;
}

.test-question ul li {
  line-height     : 13px;
}

.test-question label {
  font-weight     : bolder;
  font-size       : 13px;
  color           : #000000;
}

.test-result {
  clear           : both;
  background-repeat : no-repeat;
  background-position : 0 0;
  background-image:url(../images/sacla-test-result-cartouche.jpg);
  margin-bottom   : 2em;
  position        : relative;
  width           : 642px;
  height          : 181px;
}

.test-result  .test-visuel {
  width           : 169px;
  height          : 161px;
  background-repeat : no-repeat;
  background-position : 0 0;
  position        : absolute;
  bottom          : 4px;
  left            : 20px;
}

.result-1 .test-visuel {background-image:url(../images/sacla-test-result-1.jpg);}
.result-2 .test-visuel {background-image:url(../images/sacla-test-result-2.jpg);}
.result-3 .test-visuel {background-image:url(../images/sacla-test-result-3.jpg);}
.result-4 .test-visuel {background-image:url(../images/sacla-test-result-4.jpg);}
.result-5 .test-visuel {background-image:url(../images/sacla-test-result-5.jpg);}
.result-6 .test-visuel {background-image:url(../images/sacla-test-result-6.jpg);}
.result-7 .test-visuel {background-image:url(../images/sacla-test-result-7.jpg);}
.result-8 .test-visuel {background-image:url(../images/sacla-test-result-8.jpg);}

.test-result  .test-text {
  width           : 410px;
  margin-left     : 200px;
}

.test-result .test-text h2 {
  font-size       : 12px;
  font-weight     : bolder;
  margin-bottom   : 0.5em;
  padding-top     : 0.5em;
}

.test-result .test-text .test-result-description {
  margin-bottom   : 0.5em;
  font-size       : 11px;
}

.test-result  .test-result-en-cuisine {
  font-size       : 11px;
  color           : #666666;
  font-weight     : normal;
}

.carousel-control {
  display         : none;
}


#carousel ul li, #carousel ul{
  width : 630px;
  height : 137px;
  overflow : hidden;
}

p.text, ul.text{
	font-size	: 12px;
}

p.text-warning{
	font-size	: 14px;
	color		: red;
	font-weight : bold;
}

.rating {
	 height  : 25px;
}

.rating .ratting-intro {
	width  : 60px;
	float  : left;
	font-weight  : bolder;
}

.rating .ratting-stars {
	margin-left : 65px;
}

.related-recipe {
	margin-bottom : 2em;
}

.related-recipe li {
	margin-left  : 1em;
}