/* HCL Bio Style par defaut*/
body, html {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
}

body {
width: 99%;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 10pt;*/
/*font-size: 0.8em;*/
font-size: 3.4mm;
text-align: center;
background: url("../images/bg_degrade.png") repeat-x #598738;
color: #000;
}

img {
		border:0 ;
}

a {
color: #003399;
text-decoration: none;
}

a:hover {
/*color: #2A70FC;*/
text-decoration: underline;
}

fieldset {
margin: 0;
font-style: normal;
padding: 0 1em 1em;
border: 1px solid #81A16C;
}

legend, .actp {
font-weight: bold;
}

.u {
text-decoration: underline;
}

.actp {
color: #434343;
font-size: 1.5em;
}

#conteneur_global {
position: relative;
width: 774px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0 auto;
text-align: center;
background: url("../images/bg_layout.jpg") repeat-y;
}

#conteneur_page {
position: relative;
height: auto;
width: 774px;
padding-bottom: 74px;
}

#header {
margin: auto;
width: 774px;
height: 205px;
background-color: transparent;
background: url("../images/header.jpg") no-repeat;
}

#page {
position: relative;
height: 100%;
}

#conteneur_footer {
width: 100%;
left: 0;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 74px;
}

#footer {
height: 74px;
background: url("../images/footer2.jpg");
line-height: 74px;
}

#contenu_footer {
text-align: center;
margin: 0;
position: absolute;
bottom: 30px;
line-height: normal;
width: 100%;
left: 0;
font-size: 0.8em;
color: #78BA4D;
z-index: 100;
}

#contenu_footer a {
color: #78BA4D;
}

#contenu_footer a:hover {
color: #89D458;
}

#barre_localisation {
width: 730px;
margin: auto;
margin-bottom: 2em;
background-color: transparent;
color: #68A142;
/*color: #E6E35D;
color: #CCC952;*/
}

#barre_localisation img {
vertical-align: middle;
}

#barre_localisation a {
/*color: #89D456;*/
/*color: #91E05B;*/
color: #84CC53;
}

#barre_localisation td.current_page {
text-align: left;
}

#barre_localisation td.user_id {
text-align: right;
}

#barre_localisation table {
border-spacing: 0;
width: 100%;
font-size: 1em;
}

#colonne_gauche {
float: left;
width: 150px;
height: auto;
margin-left: 20px !important;
margin-left: 10px;
text-align: left;
text-indent: 0;
}

#colonne_gauche .promo a {
border: 0;
}

#colonne_gauche .promo {
}

#colonne_droite {
width: 572px;
margin-left: 10px;
float: left;
}

#colonne_droite2 {
width: 572px;
float: left;
margin-left: 10px;
}

#colonne_pdroite {
float: left;
width: 572px;
height: auto;
margin-left: 10px;
}

#colonne_pdroite .conteneur_cellule {
/*width: 40em;*/
width: 572px;
max-width: 570px;
margin: auto;
}

/*#colonne_droite {
	float: left;
	width: 150px;
	height: auto;
	margin-left: 8px;
}*/

#page_produits .legende ul {
list-style-type: none;
margin: 0;
padding-left: 0;
}

#page_produits .legende {
padding: 5px;
}

.cellule_texte {
width: auto;
height: auto;
background-color: #95BA7D;
margin: 0;
color: #000;
text-align: justify;
margin-bottom: 8px;
}

.cellule_texte p {
padding: 5px;
margin: 0;
}

.cellule_texte_h {
background-color: #68A142;
font-size: 1.2em;
color: #365422;
padding: 5px;
font-weight: bold;
text-align: left;
}

.cellule_texte_c, .cellule_texte_c2 {
border-bottom: 2px solid #68A142;
border-left: 2px solid #68A142;
border-right: 2px solid #68A142;
}

.cellule_texte_c2 {
border-top: 2px solid #68A142;
}

/***************/
/* Formulaires */
/***************/

/*.corpsForm a {
color: #000;
text-decoration: none;
}

.corpsForm a:hover {
text-decoration: underline;
}*/

.corpsForm {
margin: 0;
padding: 0;
padding: 1em;
text-align: left;
}

.corpsForm fieldset {
margin: 0;
font-style: normal;
padding: 0 1em 1em;
border: 1px solid #81A16C;
}

.corpsForm label {
display: block;
float: left;
width: 50%;
text-align: right;
margin: 0;
line-height: 1.8;
}

.corpsForm legend {
font-weight: bold;
}

.corpsForm p {
padding: 0.1em 0;
margin: 0.2em 0 0.1em 0;
}

.corpsForm span.radio {
background-color: transparent;
border: none;
}

.corpsForm input {
margin-left: 1em;
}

.corpsForm .left_row {
}

.corpsForm .green {
	color: #2D3826;
}

.corpsForm .focus {
background: green;
}

.error_msg {
border: 1px dashed #BC0000;
color: #BC0000;
line-height: 1.8;
margin: 0.2em 0;
padding: 0.2em;
font-size: 0.9em;
text-align: left;
}

.error_msg img {
vertical-align: middle;
}

.corpsForm .warning_title {
border-bottom: 1px dashed #BC0000;
font-weight: bold;
text-indent: 1em;
}

.piedForm , .enteteForm, .piedCellule, .enteteCellule, .enteteMenu {
background-color: #8BAD75; /*#95BA7D;*/
height: auto !important;
color: #365422;
}

.piedForm, .piedCellule {
text-align: right;
border-top: 1px solid #81A16C;
border-bottom: 1px solid #81A16C;
margin: 0;
}

.enteteForm, .enteteMenu, .enteteCellule {
text-align: center;
font-weight: bold;
padding: 0.1em 0;
}

/************/
/* cellules */
/************/
.conteneur_cellule {
margin-bottom: 8px;
}

.contenu_cellule {
background-color: #95BA7D;
color: #000;
}

.contenu_cellule_texte, .contenu_panier {
padding: 5px;
}

.contenu_texte {
margin: 5px;
}

#menu_gauche {
font-size: 1em;
}

#menu_gauche a {
color: #000;
text-decoration: none;
}

#menu_gauche a:hover {
/*color: #7942A1;*/
/*color: #2A70FC;*/
color: #fafad2;
}

#menu_gauche ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
margin-left: 0;
padding-left: 0;
padding: 5px ;
}

#menu_gauche li {
padding-left: 18px;
margin-left: 0;
background: url("../images/puce1.png") no-repeat left top;
margin: 5px 0;
}

#menu_gauche li.cal {
background: url("../images/calendrier_mini.png") no-repeat left top;
}

.conteneur_cellule_haut, .conteneur_cellule_bas {
width: 100%;
min-height: 16px;
height: auto;
background-color: #68A142;
}

.cellule_top_left {
float: left;
background: url("../images/cellule_tl.png") no-repeat right top;
width: 13px;
height: 16px;
}

.cellule_top_right {
float: right;
background: url("../images/cellule_tr.png") no-repeat right top;
width: 13px;
height: 16px;
}

.cellule_bottom_right {
float: right;
background: url("../images/cellule_br.png") no-repeat right bottom ;
width: 13px;
height: 16px;
}

.cellule_bottom_left {
float: left;
background: url("../images/cellule_bl.png") no-repeat left bottom ;
width: 13px;
height: 16px;
}

#cellule_login, #cellule_msg {
width: 24em;
margin: auto;
max-width: 750px;
}

#cellule_msg p.alert {
font-size: 1.2em;
color: #BC0000;
}

#cellule_msg .bigsmile {
font-size: 1em;
text-align: left;
color: #CFFF00;
font-weight: bold;
margin-left: 10%;
}

#cellule_login form {
margin: 0;
}

form {
padding: 0;
margin: 0;
}

#cellule_login .piedForm {
text-align: right;
}

#cellule_login h4 {
margin: 0;
padding: 0;
line-height: 1.8em;
}

#cellule_clientForm {
width: 40em;
max-width: 750px;
margin: auto;
}

#cellule_msg p {
padding: 0.5em;
margin: 0;
}

.cellule_i {
border: 1px solid #81A16C;
margin-top: 5px;
}

.cellule_i .enteteCellule {
text-align: left;
padding-left: 3pt;
border-bottom: 1px solid #81A16C;
}
/*****************************/
/* Apparence champs, boutons */
/*****************************/
.button, .button2, .button3, .button4, .button5, .bfbt input, a.abutton {
border: 1px solid #375523 !important;
background-color: #598738 !important;
font-weight: bold;
margin: 2px 0;
margin-right: 2px;
color: #000;
}

.button3 {
float: right;
}

.button4 {
float: left;
}

#pclient .button4 {
margin-left: 2px;
}

.button5 {
float: right;
margin-top: -5px;
}

a.abutton {
padding: 2px;
display:inline;
text-decoration: none;
}

input.button:hover, input.button3:hover, input.button4:hover, input.button5:hover, .bfbt2 input:hover, a.abutton:hover {
background-color: #6AA143 !important;
}

input.custom, .fields input {
background-color: #fff;
border: 1px solid #000;
}

.bfbt2 table{
text-align: center;
width: 0;
border: 0;
margin: 5px auto 5px auto;
}

.bfbt2 td {
border: 0;
}
/**************************************/
#bouton1 a, #bouton2 a, #bouton3 a, #bouton4 a, #bouton3 a, #bouton4 a, #bouton5 a, #btcalt a {
position: absolute;
left: 0;
display: block;
}

#bouton2 a, #bouton3 a, #bouton4 a {
width: 116px;
height: 62px;
}

#bouton1 a, #bouton5 a {
width: 118px;
height: 64px;
}

#bouton1 a {
margin-top: 122px;
margin-left: 27px;
background: transparent url("../images/btn_accueil.png") 0 0 no-repeat;
}

#bouton1 a:hover {
background: transparent url("../images/btn_accueil.png") 0 -64px no-repeat;
}

#bouton2 a {
margin-top: 123px;
margin-left: 180px;
background: transparent url("../images/btn_produits.png") 0 0 no-repeat;
}

#bouton2 a:hover {
background: transparent url("../images/btn_produits.png") 0 -62px no-repeat;
}

#bouton3 a {
margin-top: 124px;
margin-left: 329px;
background: transparent url("../images/btn_recettes.png") 0 0 no-repeat;
}

#bouton3 a:hover {
background: transparent url("../images/btn_recettes.png") 0 -62px no-repeat;
}

#bouton4 a {
margin-top: 124px;
margin-left: 480px;
background: transparent url("../images/btn_monCompte.png") 0 0 no-repeat;
}

#bouton4 a:hover {
background: transparent url("../images/btn_monCompte.png") 0 -62px no-repeat;
}

#bouton5 a {
margin-top: 122px;
margin-left: 628px;
background: transparent url("../images/btn_panier.png") 0 0 no-repeat;
}

#bouton5 a:hover {
background: transparent url("../images/btn_panier.png") 0 -64px no-repeat;
}

#btcalt a {
width: 39px;
height: 47px;
margin-top: 15px;
margin-left: 620px;
background: transparent url("../images/btn_cal.png") 0 0 no-repeat;
}
#btcalt a:hover {
background: transparent url("../images/btn_cal.png") 0 -47px no-repeat;
}
/**************************************/
.espaceur {
clear: both;
}

.espaceur2 {
clear: both;
margin-bottom: 1em;
}
.espaceur_bas {
height: 2em;
}
.login_links {
text-align: left;
padding: 0 0 0 5px;
}
p.modifForm  {
text-align: left;
padding-left: 1em;
font-size: 1.5em;
margin: 0em 0 0 0;
}
i.modifForm  {
color: #5C5856;
}
img.warning {
	vertical-align: middle;
}
/***/
#cat_prodlst {
	font-size: 10pt;
}
.bg_prod_list1 {
background-color: #C3D4B8;
}
.bg_prod_list2 {
background-color: #DAEDCE;
}
#cat_prodlst table {
border-collapse: collapse;
font-size: 1em;
}
#cat_prodlst td.nr_row {
text-align: left;
vertical-align: top;
color: #333333;
font-size: 0.8em;
}
#cat_prodlst td.vignette {
text-align: left;
vertical-align: middle;
width: 100px;
}
#cat_prodlst td.nom_prod {
text-align: left;
vertical-align: top;
color: #000;
width: 362px;
}
/*#cat_prodlst .lien_detail, #panier a, .contenu_panier a {
color: #003399;
}
#cat_prodlst a, #panier a, .contenu_panier a {
text-decoration: none;
}
#cat_prodlst a:hover, #panier a:hover, .contenu_panier a:hover {
text-decoration: underline;
}*/
#cat_prodlst tr {
}
#cat_prodlst td.vignette img {
border: 1px solid #000;
vertical-align: middle;
}
#cat_prodlst td.vignette img:hover {
border: 1px solid #DAFFB9;
}
#cat_prodlst td.marqueur {
width: 16px;
vertical-align: top;
}
#cat_prodlst td.marqueur img {
margin-top: 2px;
}
#cat_prodlst td.prix_prod {
width: 60px;
text-align: center;
}
#cat_prodlst td.panier {
width: 30px;
}
#dp_col_left {
float: left;
width: 443px;
}
#dp_col_right {
float: left;
width: 125px;
text-align: right;
}

.img_panier input{
vertical-align: middle;
margin-top: 5px;
}
#dp .prod_image, #dp .prod_image2 {
float: left;
border: 1px solid #000;
margin-right: 5px;
margin-bottom: 5px;
}
#dp .prod_image2:hover {
}
#dp .prod_texte {
border: 1px solid #68a142;
margin: 5px;
padding: 5px;
 float: left;
 width: 545px;
}
#dp .prix_euros {
color: #C6FF00;
font-size: 1.5em;
}
#colonne_gauche .prix_euros {
color: #C6FF00;
font-size: 1em;
font-weight: bold;
}
#dp .puces img{
margin-left: 5px;
}
div.no_result {
text-align: center;
border: 1px dotted #68A142;
width: auto;
margin: 5px;
font-weight: bold;
}
.sscat_list {
text-align: left;
background: url("../images/bg_cthd.png");
}
.sscat_list a {
font-weight: bold;
text-decoration: none;
color: #365422;
}
.sscat_list a:hover {
text-decoration: underline;
}
.sscat_list img {
vertical-align: middle;
margin-right: 5px;
}
.sscat_list table {
margin: auto;
border: 2px;
empty-cells: hide;
}
.sscat_list td {
vertical-align: top;
}
.sscat_list td.marqueurssl {
width: 14px;
}
.sscat_list ul {
list-style-position: inside;
list-style-image: url("../images/puce1.png");
margin: 0;
margin-left: 0;
padding-left: 0;
padding: 5px;
}
.sscat_list li {
padding-left: 18px;
margin-left: 0;
margin: 5px 0;
display: inline;
}
.current_sscatid a {
color: #C6FF00;
}
.sscat_text {
border: 1px solid #68a142;
padding: 5px;
background-color: #ABD48E;
}
.cell_title_add {
font-size: x-small;
text-align: right;
}
.meuh {
font-size: 10pt;
}
.vache_ascii {
font-size: 10pt;
font-weight: bold;
}
#panier, #commandes, #recettes {
width: 730px;
margin: auto;
}
#panier table, .contenu_cellule_texte table, #calm table, #pclient table.cmdlst {
width: 100%;
border-collapse: collapse;
}

#panier thead, .contenu_cellule_texte thead, #calm thead, #pclient thead {
font-weight: bold;
text-align: center;
}
#panier td.header, #panier td.img, .contenu_cellule_texte thead, #calm td.header, #pclient .cmdlst thead {
background-color: #B0A1BA;
}
#panier td.total, #panier td.tt_com, #panier td.tt_comnb, #pclient td.tt_com {
background-color: #B0A1BA;
}
#panier td.tt_comnb {
text-align: left;
font-weight: bold;
}
#panier td.total {
color: #C6FF00;
font-weight: bold;
}
#panier td, .contenu_cellule_texte td, #calm td, #pclient .cmdlst td {
border: 1px solid #4A5C3E;
}
.contenu_cellule_texte tbody {
background-color: #C3D4B8;
}
#panier td.empty, #calm td.empty, #pclient td.empty {
border: 0;
}
#panier td.tt_com {
font-weight: bold;
text-align: center;
}
#panier td.del_bt {
text-align: center;
}
#panier td.del_bt img{
vertical-align: middle;
}
#panier input.text {
border: 1px solid #000;
background-color: #FFF;
}
#panier .piedCellule .button3, #panier .piedCellule .button4 {
margin-top: 1px;
}
#calm {
margin: 5px;
}
#calm .daynbr {
float: left;
color: #666666;
}
#calm .caltable td {
height: 10px;
}
#calm .caltable td.demarc {
border-bottom: 1px dotted red;
}
#calm .caltable td.radio {
width: 25px;
border: 0;
}
#calm .caltable td.days {
width: 18%;
border: 0;
}
#calm .caltable td img {
vertical-align: middle;
}
#calm .piedCellule, #cmd3 .piedCellule, #pclient .piedCellule {
margin: 5px -5px -5px -5px;
}
#pclient td.cmdimg {
    width: 16px;
    border: 0;
    background-color: #95BA7D;
}
td.img {
    width: 16px;
}
#pclient .cmdlst {
text-align: left;
}
#pclient {
    text-align: left;
}
#pclient .error_msg {
margin-bottom: 5px;
}
.mp_cell {
text-align: center;
}
/*.nvcpage {
color: blue;
}*/
.mypopup {
position: absolute;
z-index: 100;
/*width: 320px;*/
/*height: 120px;*/
left: 200px;
top: 100px;
/*background: transparent url("../images/mypopup.png") no-repeat;*/
}
.mypopup .cell{
width: 400px;
height: auto;
background-color: #95BA7D;
margin: 12px auto;
border: 3px solid #68A142;
}
.mypopup p {
    color: #434343;
}
.mypopup .head {
background-color: #68A142;
text-align: left;
}
.mypopup .button {
    margin-left: 5px;
    vertical-align: top
}
.headie {
text-align: right;
}
.headie img {
    margin: 2px 2px 0 0;
}
.headie .titre {
    float: left;
    color: #434343;
    margin-left: 2px;
    font-weight: bold;
}


#cal_marches .daynbr {
float: left;
}
.infos {
float: left;
border: 1px solid #636462;
text-align: left;
padding: 5px;
background-color: #A0C886;
min-width: 23em;
}
.infos .big0 {
color: #434343;
font-size: 1.5em;
}
#pclient .infos {
margin-bottom: 5px;
margin-left: -1px;
}
#pclient .infos img {
    vertical-align: text-top
}

#calm .infos img {
vertical-align: top;
}
#calm .week_nbr, .biginfo {
font-size: 2em;
color: #636462;
}
#calm .emptyweek, .smallerinfo{
font-size: 1.5em;
color: #7A7B79;
}
#calm .bfbt2 td {
border: 0;
}
#calm .bfbt2 table {
width: 10%;
}
.flash {
color: #C6FF00;
font-weight: bold;
}
.flashbg {
    background-color: #C6FF00;
}
#commandes .corpsForm {
padding: 0;
}
#commandes hr {
border: 1px dashed #81A16C;
}
#commandes .abutton {
float: left;
}
#cmd21 .corpsForm label {
width: 15em;
text-align: left;
}
#cmd21 .colleft {
float: left;
margin-top: 1em;
}
#cmd21 .colright {
margin-left: 2em;
margin-top: 1em;
}
#cmd21 fieldset {
margin-left: 2em;
width: 32em;
}
#cmd21 p.checked, #cmd21 fieldset.checked {
border: 1px solid #C6FF00;
}
#cmd21 p.notchecked, #cmd21 fieldset.notchecked {
border: 1px solid #81A16C;
}
#cmd3 .colleft {
width: 355px;
float: left;
}
#cmd3 .colright {
width: 355px;
float: right;
margin-left: 5px;
}
#cmd3 .colleft2 {
width: 351px;
float: left;
}
#cmd3 .colright2 {
width: 351px;
float: right;
}
#cmd3 .colright2 textarea {
float: right;
width: 300px;
/*white-space: pre-line;*/
}

#cmd3 fieldset {
padding: 0;
}
#cmd3 #panier {
width: 709px;
margin: 3px 2px 0 3px;
}
#cmd3 .empty, #panier .empty {
background-color: #95BA7D;
}

.cmdretour .button4 {
  margin-top: 8px;
  margin-left: -2px;
}

#pclient .contenu_cellule {
    padding: 5px;
}

#pclient .entete_cellule {
    color: #464646;
    font-size: 1.2em;
    background-color: #8BAD75;
    font-weight: bold;
}

#pclient .cellsort, #pclient .cadre {
  float: left;
  border: 1px solid #636462;
  margin-bottom: 5px;
  background-color: #A0C886;
  padding: 5px;
}

#pclient .cadre {
    float:none;
}
#pclient .cadre p {
    text-align: center;
    color: #434343;
    margin: 0;
}

#lgdpc {
    padding: 5px;
}
#lgdpc .txtlgd {
    margin-left: 20px;
    margin-bottom: 5pt;
}

#lgdpc img {
    float: left;
}

#recettes #liste_recettes ul {
    list-style-type: none;
}

#recette_txt {
  margin: auto;
  padding: 2em;
  padding-left: 70px;
  background: url("../images/bande_cahier.png") repeat-y;
  color: #333333;
}

.rec_titre {
    font-size: 2em;
    line-height: 3em;

}

/**********/
.float_left {
float: left;
}
.float_right {
float: right;
}
/**********/
.u {
  text-decoration: underline;
}
/* Propriétés éditeur */
.txt_tp { font-size: 0.6em}
.txt_p {font-size: 0.9em}
.txt_n {font-size: 1em}
.txt_g {font-size: 1.5em}
.txt_tg {font-size: 2em}
.txt_l {text-align: left}
.txt_c {text-align: center}
.txt_r {text-align: right}
.txt_j {text-align: justify}
.bloc_fl {float: left}
.bloc_fr {float: right}

.gris {color: #444444}
.cramoisi {color: #8B0000}
.rouge {color: #FF0000}
.orange {color: #FFA500}
.brun {color: #A52A2A}
.jaune {color: #FFFF00}
.vert {color: #008000}
.olive {color: #808000}
.cyan {color: #00FFFF}
.bleu {color: #0000FF}
.marine {color: #000080}
.indigo {color: #4B0082}
.violet {color: #EE82EE}
.magenta {color: #FF00FF}
/*.blanc {color: #FFF}
.noir {color: #000}*/

.color01 {color: #000} /*black*/
.color02 {color: #fff} /*white*/
.color03 {color: #cd5c5c} /*IndianRed*/
.color04 {color: #00ff7f} /*SpringGreen1*/
.color05 {color: #fafad2} /*LightGoldenrodYellow*/
.color06 {color: #436eee} /*RoyalBlue2*/
.color07 {color: #8b008b} /*DarkMagenta*/
.color08 {color: #008b8b} /*DarkCyan*/
.color09 {color: #faebd7} /*AntiqueWhite*/
.color10 {color: #708090} /*SlateGrey*/
.color11 {color: #ff4500} /*OrangeRed*/
.color12 {color: #228b22} /*ForestGreen*/
.color13 {color: #9acd32} /*YellowGreen*/
.color14 {color: #1c86ee} /*DodgerBlue2*/
.color15 {color: #cd6889} /*PaleVioletRed3*/
.color16 {color: #e0ffff} /*LightCyan*/
.color17 {color: #eecfa1} /*NavajoWhite2*/

.ctEdCell {
  padding: 5px;
}
/*********/
.hidden {
visibility: hidden;
display: none;
}
.visible {
visibility: visible;
}
.contenu_cellule_texte img {
  /*margin: 10px;*/
  /*margin-right: 5px;*/
}
.contenu_cellule_texte p {
}
.contenu_cellule_texte ul {
list-style-type: disc;
}

h2, h3 {
color: #434343;
}
.contenu_cellule_texte p:first-letter {
/*margin-left: 10pt;*/
}
.contenu_cellule_texte ul {
list-style-type: disc;
}
.contenu_cellule_texte a.signet {
color: inherit;
}
.contenu_cellule_texte a.signet:hover {
text-decoration: none;
}
.contenu_cellule_texte hr {
width: 400px;
border: 1px solid #424242;
margin: 2em auto 2em auto;
}