/* ruchers.css - creation JML : 10/05/2009 */
html, body { margin: 0; padding: 0 }
body { font: 13px Verdana,sans-serif; text-align: justify; }
body.main { background: white url(images/fond_titre.png) repeat-x; }
p { margin: 0px 10px 8px 10px; }
p.chapeau { font-weight: bold; color: black; margin: 10px; text-align: left; }
h1, h2, h3, h4 {
	font-family: Arial,sans-serif; text-align: left; font-weight: bold; color: #930;
}
h1 { font-size: 24px; text-align: center; }
h2 { font-size: 20px; margin: 20px 0 10px 10px; }
h3 { font-size: 16px; margin: 10px 0 10px 10px; }
h4 { font-size: 14px; margin: 10px 0 10px 10px; }
h4.gauche { margin: 0 120px 10px 10px; }
b, strong, .strong { color: #630; }
a:hover { font-weight: bold; }
ul { list-style-image: url("images/losange.gif"); margin-top: 0; margin-bottom: 10px; }
li { padding-bottom: 8px; }
hr { width: 80%; height: 4px; margin-top: 20px; text-align: center; }
table { border-collapse: collapse; border: 1px solid #630; margin-bottom: 10px;}
td, th { border: 1px solid #630; padding: 4px; font-size: 12px; line-height: 1.5em; }
fieldset { margin: 10px 0; width: 500px; border: 1px solid #630; padding: 0 0 20px 0; }
legend {
	color: #930; font-weight: bold; border: 1px solid #630;
	padding: 10px; margin-left: 20px; background-color: #f3dcab;
}
label {
	display: block; float: left; width: 150px;
	text-align: right; font-weight: bold; padding: 2px 10px 0 0;
}
input.bouton { color: #630; font-weight: bold; cursor: pointer; }

#page { width: 980px; }
#bandeau { position: absolute; width: 230px; top: 206px; left: 0 }
#content { position: relative; margin-left: 230px; padding: 4px; }

.rel { position: relative; }
.center { text-align: center; }
.right { text-align: right; }
.droite { float: right; margin: 5px 0 5px 20px; }
.gauche { float: left; margin: 5px 20px 5px 0; }
div.droite, div.gauche { text-align: center; }
.clear { clear: both; }
.legende { font-style: italic; color: #630; }
.erreur { color: #930; font-weight: bold; }
.invalid { background-color: #ffc; }
.none {}
.cadre {
	margin: 5px; border: 1px solid #630; background: white url(images/fond_titre.png) repeat-x;
}
.cadre p.chapeau { font-size: 13px; }
.submit { margin-bottom: 15px; }
.submit input { margin-right: 20px; }

/* en-tete */
#header {
	position: relative;	height: 206px;
	background: url(images/logo_rucher.png) no-repeat;
}
#confiserie { position: absolute; top: 13px; left: 213px; }
#header h1, #header h3 {
	position: absolute;
	top: 130px; margin: 0;
}
#header h1 { left: 324px; }
#header h3 { left: 758px; }
#onglets {
	position: absolute;	top: 72px; left: 197px;
	margin: 0; padding: 0; list-style: none;
}
#onglets li {
	float: left; display: block; width: 154px;
	text-align: center; padding: 6px 0;
	border: 1px solid #666; border-bottom-color: #630;
	-moz-border-radius: 20px 20px 0 0;
	-khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px;
	background-color: #f3dcab; font: bold 13px Arial,sans-serif;
}
#onglets .onglet_on {
	font-size: 14px; color: #630; background-color: transparent;
	border-color: #630;	border-bottom: none;
}
#onglets a:link, #onglets a:visited { text-decoration: none; color: #666; }
#onglets a:hover { text-decoration: underline; color: #630; }

/* pied-de-page */
#pied { margin-top: 40px; margin-bottom: 40px; text-align: center; }
#pied img { vertical-align: middle; margin: 6px; }
#pied a:link, #pied a:visited {
	text-decoration: none; font: 12px Arial,sans-serif; color: #630;
}
#pied a:hover { text-decoration: underline; font-size: 13px; font-weight: bold; }

/* menus a puces */
.menu_puces {
	margin: 8px; border: 1px solid #630;
	background: white url(images/fond_titre.png) repeat-x;
}
.menu_puces ul {
	list-style-image: url("images/bullet.gif");
	margin-top: 16px; margin-bottom: 16px;
}
.menu_puces li { padding-bottom: 6px; text-align: left; }
.menu_puces a:link, .menu_puces a:visited {
	text-decoration: none; color: #630;
	font: bold 16px Arial,sans-serif;
}
.menu_puces a:hover { text-decoration: underline; color: #930; }
#menu_produits { width: 180px; margin: 12px; }

/* accueil */
#menu_accueil h3 { margin-top: 20px; color: black; }
#menu_accueil li { font: bold 12px Arial,sans-serif; }
#pied_accueil h4 { text-align: center; }
#pied_accueil a:link, #pied_accueil a:visited {	color: #930; text-decoration: none; }
#pied_accueil a:hover { text-decoration: underline; }
#wm { font-size: 12px; }
#wm a:hover { font-weight: normal; }

/* points de vente */
#boutiques p.chapeau { margin: 10px 15px; }
#boutiques h2 { margin-left: 15px; }
#boutiques h4 { margin-left: 30px; }
#boutiques p { font-size: 12px; margin-bottom: 15px; }
#col_marches { position: absolute; top: 260px; left: 410px; width: 370px; }
.marches p { margin: 0; text-align: left; }

/* commande */
#bandeau_commande ul { margin-left: 30px; margin-bottom: 0; padding-left: 0; }
#bandeau_commande li {
	padding-right: 10px; color: #630; font-weight: bold; font-size: 12px; text-align: left;
}
#bandeau_commande p { margin: 0 10px 15px 10px; }
#bandeau_commande p.last_commande { margin-bottom: 6px; }
#form_comment { float: right; width: 220px; }
#form_comment p { margin-top: 56px; text-align: left; }
#bouton { text-align: center; margin: 20px 0px; }
code { font-size: 11px; }
ul.n1 { list-style-image: url("images/jn_1.gif"); }
ul.n2 { list-style-image: url("images/jn_2.gif"); }
ul.n3 { list-style-image: url("images/jn_3.gif"); }
ul.n4 { list-style-image: url("images/jn_4.gif"); }
tr.alternate { background-color: #ffc; }
tr.strongCell {	background-color: #f3dcab; }
tr.strongCell td { font: bold 14px Arial,sans-serif; color: #930; }
.form_control { margin-top: 14px; }
.normal { color: black; }
.petit { font-size: 10px; }

/* contact */
#contact { margin-left: 20px; }
#contact fieldset { width: 700px; }
#bandeau_contact h4 { margin-bottom: 6px; }
#bandeau_contact p { text-align: left; }
.micro { font-size: 9px; margin-top: 15px; margin-bottom: 11px; }
.micro p { margin-bottom: 4px; }

/* popups */
body .jmlFloatingPane {
	border: 1px solid; border-color: #c96 #630 #630 #c96; background-color: #f3dcab;
}
body .jmlFloatingPaneTitleBar { background: #f3dcab; border: none; }
body .jmlFloatingPaneTitleText { color: #630; }
body .jmlFloatingPaneCanvas { margin: 0px 6px 12px 4px; }
body .jmlFloatingPaneContent {
	border: 1px solid; border-color: #630 #c96 #c96 #630;
	background: white url(images/fond_titre.png) repeat-x;
}
#f_port h2 { text-align: center; }
#f_port table { width: 80%; margin-left: auto; margin-right: auto; }
#f_port td { text-align: right; font-weight: bold; padding: 3px 15px 3px 0; }