/* ------------------------------------ */
/*                                      */
/*            Generalites               */
/*                                      */
/* ------------------------------------ */
* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-image: url(../../images/fond1.jpg);
	background-repeat: repeat;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size : 75%;
}
UL{
	margin:0;
	padding:0;
}
#global{
	/* Centrage */
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/*inutile avec navigateur recent */
	/*left:50%; inutile avec navugateur recent */
	/*margin-left:-480px; /* -420 pr compatibilite 800x600 */
	width:960px; /* 840 pr compatibilite 1024x768 */
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #FAC120;
	padding:0px;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.clear{
	clear:both;
}

p {
	text-align:justify;
	margin: 0 0 7px 0;
}

form p{
	clear:left;
}

h2 {
	font-size:1.5em;
	font-weight:bold;
	color:#3e5aa5;
	margin: 0 0 0.5em 0;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

h3 {
	margin-bottom:0.8em;
	font-size:1.3em;
}

h4 {
	margin-top:0.8em;
	margin-bottom:0.5em;
	font-size:1.2em;
}

label {
	text-align:right;
	margin-top:1px;
}
.fixedWidth label {
	float : left;
	width:16em;
}

input {
	margin-top:0;
	border:1px solid #B6B6B6;
	padding:0 2px;
	background-color:#FFFFCC;
}
.input-text:focus{
	background:#EDF7FD none repeat scroll 0 0;
}

select {
	background-color:#FFFFCC;
}
textarea{
	background-color:#FFFFCC;
	font-size:1em;
}
input.submit {
	border: 1px #FAC120 solid;
	background-color:#FFFFFF;
}

fieldset {
	padding:0.5em;
	padding-top:0;
	margin:10px 0px;
}
legend {
	border:#FFCC00 1px solid;
	background-color:#FFFFCC;
	padding:2px 6px;
	margin:1em 0;
}

p.noinput {
	line-height:1.8em;
}
p.noinput label {
	margin:0;
}

.center{
	text-align:center;
}

p.erreur{
	color:#FF0000;
	text-align:center;
}
div.erreur{
  background: url(../../images/erreur.png) no-repeat top left #FBE6F2;
  border: 1px solid #D893A1;
  border-bottom: 2px solid #B6718E;
  border-right: 2px solid #B6718E;
  padding:7px;
  padding-left:35px;
  margin:5px;
}

div.succes {
  background: url(../../images/ok.png) no-repeat top left #C8FFBF;
  border: 1px solid #5CDF45;
  border-bottom: 2px solid #5CDF45;
  border-right: 2px solid #5CDF45;
  padding:7px;
  padding-left:35px;
  margin:5px;
}

.next {
	/*background-color:#FFFF99;*/
	/*color:#000000;*/
	background-color:#8C5320;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:2px;
	text-decoration:none;
	padding-left:2em;
	padding-right:2em;
	/*margin:1em;*/
	border: 1px solid #FFCC00;
	line-height:1.5em;
}

.col2-set .col-1, .col2-set .col-2{	width:48.5%; }
.col2-set .col-1{ float:left; }
.col2-set .col-2{ float:right; }

.login-box h3{
	border-bottom:1px solid #FFCC00;
	margin-bottom:1em;
}

.login-box label { line-height:1.5em; }
.login-box .haut {
	padding:1em;
	min-height:200px;
}
.login-box .bas {
	text-align:right;
	padding:1em;

}
/* ------------------------------------ */
/*                                      */
/*            Squelette                 */
/*                                      */
/* ------------------------------------ */

#main {
	background-image: url(../../images/fond6.jpg);
	background-repeat: repeat-y;
	background-position: 160px;
}

/* ------------------------------------ */
/*                                      */
/*            Noel                      */
/*                                      */
/* ------------------------------------ */

#fdnoel {
	position:absolute;
	left:-17px;
	top:-11px;
	background-image:url(../../images/fdnoel.jpg);
	height:54px;
	width:871px;
	z-index:10;
}

#noel_houx {
	position:relative;
	background-image:url(../../images/houx.gif);
	height:165px;
	width:145px;
	/*bottom:45px;*/
}

/* ------------------------------------ */
/*                                      */
/*            Centre                    */
/*                                      */
/* ------------------------------------ */

#centre {
	width:600px; /* 500 pr compatibilite 800x600 */
	float:left;
	padding:10px;
}
#centre.centreFull {
	width:770px;
}
#centre H2 {
	border-bottom: 2px solid #f7cc7b;
	padding-left:0em;
	font-size:1.5em;
	font-variant: small-caps;
	letter-spacing: 2px;
}
#centre H2:first-letter {
	color:#f60;
}

/*            Centre ACCUEIL  CUSTOM OK                  */
#home {float:left; padding:10px; width:600px;}
/*Titre*/
#home p.t {
border-bottom:2px solid #F7CC7B; color:#3E5AA5;
font-variant:small-caps; font-size:18px; font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
letter-spacing:2px; font-weight:bold;}
#home p.t:first-letter {color:#FF6600;}
#centre p.t {
border-bottom:2px solid #F7CC7B; color:#3E5AA5;
font-variant:small-caps; font-size:18px; font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
letter-spacing:2px; font-weight:bold;}
#centre p.t:first-letter {color:#FF6600;}
/*Lien H2 + TXT*/
#home p.ph {color:#000000;}

h2.h {display:inline;}
h2.h a.miel {text-decoration:none; color:#FFAF51;}
h2.h a.pollen {text-decoration:none; color:#FF8651;}
h2.h a.gelleeroyale {text-decoration:none; color:#FF516E;}
h2.h a.propolis {text-decoration:none; color:#FF73CC;}
h2.h a:hover {text-decoration:underline;}

#home p a { color:#FF9900; text-decoration:none;}
#home p a:hover { text-decoration:underline;}
/*H3 avec pointill� jaune */
#contenu p.tt {border-bottom:1px dashed #FAC120; font-weight:bold; font-size:16px;}
/*H4 d�cal� */
#contenu p.tt2 {font-weight:bold; font-size:14px; margin-left:20px;}

/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

/*            Header  CUSTOM OK                  */
#header a.h {color:#000000; text-decoration:none; font-weight:bold; font-size:24px; font-variant:small-caps; display:block; padding: 10px 0 0 30px; }
#header h1 { position:relative; left:30px; top:10px; font-size:14px; font-variant: small-caps;}
#header h1 a { text-decoration:none; color:#000000;}

#header {
	position:relative;
	background-image:url(../../images/fond4.jpg);
	height:120px;
	margin:0px;
	padding:0px;
}

#header UL.panier{
	position:absolute;
	top:0px;
	right:0px;
	height:50px;
	z-index:11;
	background-image:url(../../images/blanc_70.png);
	background-repeat:repeat;
}
#header UL.panier li {
	float: left;
	list-style-type:none;
	border-left: 1px solid #FAC120;
}
#header UL.panier li a {
	/*display: block;*/
	/*position:relative;*/
	height: 50px;
	/*width: 150px;*/
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	color:#000000;
	text-decoration: none;
	/*border-left: 1px solid #FAC120;*/
	text-align: center;
	font-weight:bold;
	font-variant: small-caps;
	line-height:50px;
	font-size:1em;
}

#header UL.panier li a img {
	vertical-align:middle;
}

#header UL.navbar{
	position:absolute;
	bottom:0px;
	width:100%;
	height:30px;
	border-top: 1px solid #FAC120;
	border-bottom: 1px solid #FAC120;
}
#header UL.navbar li {
	float: left;
	list-style-type:none;
	margin-left:20px;
	margin-right:-20px;
}
#header UL.navbar li.lg {
	margin-right:0px;
	text-align:right;
	float:right;
	padding-right:5px;
	padding-top:8px;
}
#header UL.navbar li a.last{
	border-right: 1px solid #FAC120;
}
#header UL.navbar li a {
	display: block;
	height: 30px;
	width: 100px;
	color:#000000;
	font-weight:bold;
	font-variant: small-caps;
	line-height:30px;
	font-size:1.2em;
	text-decoration: none;
	border-left: 1px solid #FAC120;
	text-align: center;
}
#header UL.navbar li.lg a {
	display: inline;
	height: 13px;
	width: 25px;
	border-left: 0px solid #FAC120;
	margin:0px;
	line-height:13px;
}

/* Fil d'ariane  CUSTOM OK  */
#centre div.navbarb { font-weight:bold; font-size:13px; padding-bottom:25px;}
#centre div.navbarb ul {display:block;}
#centre div.navbarb ul li {color:#FAC120; float:left; list-style-type:none; margin-right:5px;}
#centre div.navbarb ul li a { color:#FAC120; text-decoration:none;}

#home div.navbarb { font-weight:bold; font-size:13px; padding-bottom:25px;}
#home div.navbarb ul {display:block;}
#home div.navbarb ul li {color:#FAC120; float:left; list-style-type:none; margin-right:5px;}
#home div.navbarb ul li a { color:#FAC120; text-decoration:none;}

#navbar {
	font-size:1.1em;
	margin-bottom:7px;
	margin-top:0px;
}

#navbar UL{
	display:block;
	font-size:1em;
	min-height:1.2em;
	width:580px;
}
#navbar UL li{
	float:left;
	list-style-type:none;
	margin-right:5px;
	color:#FAC120;
}
#navbar UL li A{
	text-decoration:none;
	color:#FAC120;
}
#navbar UL li.last{
	font-weight:bold;
	color:#FAC120;
}

#orderbar {
	margin-bottom:20px;
	margin-top:20px;
}
#orderbar ul{
	list-style:none;
	text-align:center;
	clear:left;
}
#orderbar ul li{
	background-color:#FFCC00;
	background-image:url(../../images/img-process-commande.png);
	width:150px;
	height:23px;
	line-height:23px;
	float:left;
}

/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */

#footerMenu{	background-color:#FAC120;	border-top: 1px solid #FAC120;	height:16px;	padding-top:3px;	padding-bottom:2px;}
#footerMenu UL{	list-style-type:none;	font-size:0.9em;}
#footerMenu LI{	float:left;	margin-left:5px;	margin-right:5px;	border-left: 1px #000000 solid;	padding-left:5px;}
#footerMenu LI.first{	border-left: 0px;}
#footerMenu LI A{	text-decoration:none;	color:#000000;	font-weight:bold;}
#footerMenu LI A:hover{	text-decoration:underline;}
#footer{	clear:left;	text-align:center;	border-top: 1px solid #FAC120;	padding:3px;	background-color:#FFFFFF;}
#footer p.p1{	text-align:center;}
#footer p.p1 a{	COLOR:#FF9900;	FONT-FAMILY:Verdana;	FONT-SIZE:7pt;}
#footer2 {	padding:0px;}
#footer2 h1{	font-size:1em;	clear:left;	text-align:center;	margin:5px;}
#footer2 h1 a{	text-decoration:none;	color:#000000;}
#footer SPAN.copy{	font-size:0.8em;}

/*            Footer  CUSTOM OK                  */
#foot {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:4px; font-size:12px; line-height:12px; color:#000000; font-weight:bold;}
#foot a {font-weight:bold; text-decoration:none; color: #000000;}
#foot h3 {display:inline;font-size:12px; line-height:12px; padding:0; margin:0;}
#foot h2 {display:inline;font-size:12px; line-height:12px; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}

#foot p {padding:3px 0 0 0; margin:0; color:#999999; font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }
#foot p a {color:#FF8651;}
#foot p a:hover {text-decoration:underline;}
#foot p a.c {text-decoration:underline; color:#FF9900;}
#foot p a.cc {color:#FF9900;}

#foot p.p1 {border-top:1px solid #FAC120; margin-top:5px;}
#foot p.copy { font-weight:normal; color:#000000;}
#foot p.copy a {color:#999999; font-weight:normal;}



/* ------------------------------------ */
/*                                      */
/*            Droite                    */
/*                                      */
/* ------------------------------------ */

#droite {
	float:left;
	width:162px;
	padding-left:5px;
}
#droite p.contact{
	width:150px;
	margin-top:10px;
	padding:5px;
	text-align:center;
	background-color:#FFFF99;
	border-top: 1px solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
	border-left: 1px solid #FFCC00;
	border-right: 1px solid #FFCC00;
	margin-right:0px;
	font-size:1em;
}

/* ------------------------------------ */
/*                                      */
/*            Gauche                    */
/*                                      */
/* ------------------------------------ */

#gauche {
	width:166px;
	height:100%;
	left:0px;
	float:left;
}
#gauche FORM {
	text-align:center;
	margin-bottom:0px;
	margin-top:5px;
}
#gauche INPUT.keywords {
	width:80px;
	margin-top:5px;
	background-color:#FFFF99;
	border-width:1px;
	border-color:#FAC120;
	font-size:0.8em;
	padding:1px;
}
#gauche INPUT.send {
	width:18px;
	height:18px;
	margin-top:5px;
	font-size:0.8em;
}
#gauche UL{
	list-style-type:none;
	padding:0px;
}
#gauche LI{
}
#gauche UL.level1{
	margin-top:15px;
	margin-bottom:10px;
	margin-left:0px;
	font-size:1.1em;
}
#gauche UL.level1 A{
	display:block;
	width:155px;
	text-decoration:none;
	border-bottom: 1px solid #FAC120;
	border-top: 0px solid #FAC120;
	padding-left:5px;
	color:#000000;
}
#gauche UL.level2{
	margin-left:15px;
	margin-bottom:10px;
	font-size:0.8em;
}
#gauche UL.level2 LI{
	padding:3px 0px;
	margin:0px;
	border-bottom: 1px solid #FAC120;
	width:135px;
}
#gauche UL.level2 A{
	display:block;
	width:130px;
	text-decoration:none;
	/*border-bottom: 1px solid #FAC120;*/
	border: 0px;
	padding:0 0 0 5px;
	color:#000000;
	font-weight:normal;
}

#produit {
	clear:left;
}
/*
#produit IMG.preview {
	float:left;
	margin:0px 10px 10px 10px;
	border: 2px solid #000000;
}
*/
#produit H1 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.1em;
}
#produit H4 {
	background-color:#FAC120;
	padding:0.3em;
	padding-left:0.5em;
	font-size:1em;
}
#produit INPUT {
	background-color:#FFFF99;
	border:1px solid #FAC120;
	vertical-align:middle;
}
#produit INPUT.bouton {
	border:0;
	padding:0;
}
#contact LABEL {
	width:6em;
}

#contenu H3 {
	border-bottom: 1px dashed #FAC120;
	zoom:1;
}
#contenu H4 {
	margin-left:20px;
}
#contenu OL {
	margin-bottom:10px;
	margin-left:10px;
	border-left: 1px solid #FAC120;
}
#contenu OL LI{
	margin-left:27px;
	margin-bottom:0.5em;
	line-height:1.3em;
}
#contenu UL {
	margin-bottom:10px;
	margin-left:10px;
	border-left: 1px solid #FAC120;
}
#contenu UL LI{
	margin-left:20px;
}
#contenu P {
	line-height:1.3em;
}
#contenu .left {
	float:left;
	margin:10px;
}
#contenu .right {
	float:right;
	margin:10px;
}

#toc {
	border: 1px solid #FAC120;
	margin:1em;
	margin-right:0;
	float:right;
	background:#FFFFFF;
}
#toc h3 {
	text-align:center;
	font-size:1em;
	margin:0;
}
#toc ul {
	margin:0;
	list-style-type:none;
	font-size:0.9em;
	padding:3px;
}

div.adresse {
	width:20em;
	border: 1px solid #FAC120;
	margin:1em; 
	padding:10px;
}
div.adresse h3 {
	font-size:1em;
	margin-top:-5px;
	border-bottom: 1px solid #FAC120;
	padding-bottom:5px;
	text-align:center;
}

.stepbox .adresse {
	margin-left:25px;
	margin-bottom:10px;
	margin-top:0px;
	margin-right:0px;
}

/*
div.adresse p {
	padding:0;
	margin:5px;
}
*/
table.listCommande{
	font-size:0.9em;
}
table.listCommande ul{
	list-style:none;
}
ul.detailsCommande{
	border:1px solid #FAC120;
	list-style:none;
	width:30em;
	margin:15px;
	padding:5px;
}
/*-------------------------*/
/*                         */
/*       Recette           */
/*                         */
/*-------------------------*/

#recette{

}

#recette img.photo{
	margin-top:10px;
	float:left;
}

#recette div.ingredients{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	border: 1px #FFCC33 solid;
	padding:5px;
	float:left;
}

#recette div.ingredients UL{
	list-style-type:none;
	margin-top:5px;
}

#recette div.ingredients UL LI{
	font-size:0.9em;
}

#recette div.etapes{
	margin-top:10px;
	margin-bottom:10px;
}

#recette div.etapes UL{
	list-style-type:none;
	margin-left:15px;
}

#recette div.etapes UL LI{
	text-align:justify;
	margin-bottom:1em;
}

#recette div.etapes H3{
	margin-top:10px;
	margin-bottom:3px;
	border-bottom: 1px #FFCC33 dashed;
}

/*------MATERIEL--------*/
#centre p.cat {border-bottom: 1px dashed #FAC120; color: #3E5AA5; font-weight:bold; font-size:16px; width:250px;}
#centre p.cat:first-letter {color:#FF6600;}
/*------PRODUITS--------*/
#centre p.conso {background-color: #FAC120; font-weight:bold; padding-left: 5px; line-height: 20px;}
#centre p.desc_p {background-color: #FAC120; font-weight:bold; padding-left: 5px; line-height: 20px; margin-top:10px;}
#buyWith a {color:#0000FF; text-decoration:none;}
#buyWith a:hover {text-decoration:underline;}
/*------RUCHE--------*/
#toc a {color:#0000FF; text-decoration:none;}
#toc a:hover {text-decoration:underline;}
/*--Partenaires***/
#td_liens {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
#td_liens a {text-decoration:none;color:#000000;}
#td_liens a:hover {text-decoration:underline;color:#000000;}