body{
	/*z-index:1;*/
	margin:0;
	padding:0;
	text-align: center;
	font-family: verdana, arial, sans-serif;
}

/* Zone de la page */
#pagewidth-1024{
	width:994px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
  border-left:1px solid maroon;
  border-right:1px solid maroon;
  position: relative;
  margin-top: -600px;
}

/* Zone de la page */
#pagewidth-1264{
  width:1250px;
  position: relative;
  margin: auto;
  text-align: right;
}

/****************** Header (partie haute de la page) *******************/
#header {
	height:  100px; 
  margin:0;
  padding: 0;
	width:  100%; 
/*	border:1px solid #EFEFEF;*/
}

#header .header_advert {
	height:  60px; 
	width:  700px; 
  text-align: center;
}

#header .header_logo {
	height:70px;
	width:288px;
	vertical-align:middle;
}

/**************** Menu *********************/
#menu {
  margin:0;
  padding: 0;
}
#hmenu {
  width:994px;
  margin:0 0 15px 0;
}

#hmenu ul {
  list-style-type:none;
}

/*chaque sous-menu*/
ul#hmenu li{
  display:inline;
}

/*chaque sous-menu*/
ul#hmenu table{
  display:inline;
  height:22px;
}

/*chaque sous-menu*/
ul#hmenu table{
  display:inline;
  height:22px;
  text-align: center;
}

/*chaque sous-menu*/
ul#hmenu table td{
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

#hmenu a{
  text-decoration:none;
  color:#857b7b;
  font-size:12px;
}

#hmenu a:hover{
  text-decoration:underline;
}

/**************** Contenu de la page **************************/
#content {
/*  background-image: url("/images/common/background.png");
  background-repeat: repeat-x;*/
/*	margin-top:10px;*/
  background-color:#f3eabc;
	width: 994px;
	min-height: 400px;
	height: expression( this.scrollHeight < 400 ? "400px" : "auto" ); /* sets min-height for IE */
  padding:0 0 20px 0;
  margin: 0;
}

#content-generic {
  padding:10px 20px 0 20px;
  margin: 0;
}

/**************** Titres **************************/
h1 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom:20px;
  color:black;
}

h2 {
  font-size: 13px;
  font-weight: bold;
  color:black;
}

h3 {
  margin:0 0 3px 0;
  font-size: 11px;
  font-weight: bold;
  color:black;
}

p {
  font-size: 11px;
  font-weight:normal;
  color:black;
  margin-bottom: 10px;
  margin-top: 10px;
}

.error {
  margin:0;
  padding: 0;
  color:red;
}

.additionnal-text {
  margin:0;
  padding: 0;
  color:olive;
  font-size: 10px;
}

.news {
  color:red;
  font-size: 18px;
}

a{
  font-size: 11px;
  color:#682d02;
  font-weight:bold;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

a:hover{
  text-decoration:underline;
}

input {
  font-size: 11px;
  color:black;
}

select {
  font-size: 11px;
  color:black;
}

textarea {
  font-size: 11px;
  color:black;
}

ul {
  font-size: 11px;
  font-weight:normal;
  color:black;
  margin-top: 0;
}

#text-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom:20px;
  color:white;
}

.text-title-white {
  font-size: 15px;
  font-weight: bold;
  color:white;
}

.text-title-black {
  font-size: 15px;
  font-weight: bold;
  color:black;
}

#text-subtitle1 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top:20px;
  text-align: left;
  color:white;
}

.text-subtitle1-white {
  font-size: 13px;
  font-weight: bold;
  color:white;
}

.text-subtitle1-black {
  font-size: 13px;
  font-weight: bold;
  color:black;
}

#text-subtitle2 {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top:15px;
  text-align: left;
  color:white;
}

.text-subtitle2-white {
  font-size: 11px;
  font-weight: bold;
  color:white;
}

#text-title.center
{
  text-align:center;
}

#text-subtitle1.center-black
{
  text-align:center;
  color:black;
}


/**************** paragraphe **************************/
#text-paragraph {
  font-size: 11px;
  text-align:left;
}

#text-paragraph.italic
{
  font-style: italic;
  
}

#text-paragraph.left-red {
  text-align: left;
  color: red;
}

#text-paragraph.center-red {
  text-align: center;
  color: red;
}

#text-paragraph .center-red {
  text-align: center;
  color: red;
}

.center-red {
  text-align: center;
  color: red;
}

#text-paragraph.justify-red {
  text-align: justify;
  color: red;
}

#text-paragraph.left-black {
  text-align: left;
  color: black;
}

.left-black {
  text-align: left;
  color: black;
}


#text-paragraph.left-black-bold {
  text-align: left;
  color: black;
  font-weight:bold;
}

#text-paragraph.center-black-bold {
  text-align: center;
  color: black;
  font-weight:bold;
}

#text-paragraph.center
{
  text-align:center;
}

#text-comment {
  font-size: 9px;
  text-align:left;
}

#text-comment.center-black {
  text-align: center;
  color: black;
  font-weight:normal;
}

#text-comment .center-black {
  text-align: center;
  color: black;
  font-weight:normal;
}

.center-black {
  text-align: center;
  color: black;
  font-weight:normal;
}

#text-comment.left-black {
  text-align: left;
  color: black;
  font-weight:normal;
}

#text-comment .center-black {
  text-align: left;
  color: black;
  font-weight:normal;
}

.text-comment-black {
  font-size: 9px;
  color: black;
}

.text-comment-white {
  font-size: 9px;
  color: white;
}

.text-comment-gray {
  font-size: 9px;
  color: gray;
}

.text-comment-red {
  font-size: 9px;
  color: red;
}

.text-comment-blue {
  font-size: 9px;
  color: blue;
}

.text-comment-olive {
  font-size: 9px;
  color: purple;
}

.text-comment-yellow {
  font-size: 9px;
  color: yellow;
}

.center-black {
  text-align: left;
  color: black;
  font-weight:normal;
}

.text-paragraph-white {
  font-size: 11px;
  color:white;
}

.text-paragraph-red {
  font-size: 11px;
  color:red;
}

.text-paragraph-black {
  font-size: 11px;
  color:black;
}


/**************** liens **************************/
#link-alone
{
  margin-top: 10px;
  vertical-align: middle;
}

#link-alone a
{
  font-size: 11px;
  text-decoration:none;
/*  color:#3f1d79;*/
  color:#ff954e;
  padding-top: 10px;
}

#link-alone a:hover
{
  text-decoration:underline;
}

#link-alone.center
{
  text-align:center;
}

#link-alone-no-margin
{
  vertical-align: middle;
}

#link-alone-no-margin a
{
  font-size: 11px;
  text-decoration:none;
/*  color:#3f1d79;*/
  color:#ff954e;
  padding-top: 10px;
}

#link-alone-no-margin a:hover
{
  text-decoration:underline;
}

#link-alone-no-margin.center
{
  text-align:center;
}

.link-alone a
{
  font-size: 11px;
  text-decoration:none;
  color:#ff954e;
}

.link-alone a:hover
{
  text-decoration:underline;
}


.button-link{
  color:#682d02;
  text-decoration: none;
}

.button-link:hover{
  text-decoration:underline;
}

/**************** buttons **************************/
#button-img
{
  margin-top: 30px;
  height:25px;
  width:100px;
}

/**************** page de login (accueil) **************************/
#content-login .form-col-input
{
  width:200px;
  vertical-align: top;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  background-image: url(/images/login/sep.png);
  background-repeat: repeat-y;
  background-position: right;
}


#content-login .form-col-description
{
  width:754px;
  vertical-align: top;
  padding-top:20px;
  padding-right: 20px;
  padding-left: 40px;
}

/**************** page mon compte **************************/
#content-account .informations
{
  width:300px;
  vertical-align: top;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
}

#content-account .separator
{
  width:40px;
  vertical-align: middle;
  padding-top:10px;
}

#content-account .listes
{
  width:400px;
  vertical-align: top;
  padding-top:20px;
}

/**************** Page contact **************************/
#content-contact .colinput {
  width:100%;
  vertical-align:middle;
  padding-bottom: 20px;
}

/****************** Inscription *******************/
#content-inscription-form table
{
  height: 350px;
  width: 550px;
}

#content-inscription-form .coldesc
{
  width: 550px;
  height:35px;
  margin-right: 0px;
  padding-left:10px;
}

#content-inscription-form .collabel
{
  width: 250px;
  height:22px;
  margin-right: 0px;
  padding-left:10px;
}

#content-inscription-form .colinput
{
  width: 300px;
  height:25px;
  padding-left:10px;
  margin-right: 0px;
}

/****************** page nouvelle liste de courses *******************/
#content-newlist
{
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
}

#content-newlist ul li {
 display : list-item;
 list-style-image : url("/images/common/puces_lvl0.png");
 list-style-position: outside;
}

#content-newlist ul ol li{
 display : list-item;
 list-style-image : url("/images/common/puces_lvl1.png");
 list-style-position: outside;
}

/****************** page nouvelle liste de courses *******************/
#mg-liste-courses .lc_topleft
{
  background-image:url('/images/magasin/l_top_left.png');
  background-repeat: no-repeat;
  width: 3px;
  height: 3px;
}

#mg-liste-courses .lc_bottomleft
{
  background-image:url('/images/magasin/l_bottom_left.png');
  background-repeat: no-repeat;
  width: 3px;
  height: 3px;
}

#mg-liste-courses .lc_hor
{
  background-image:url('/images/magasin/l_h.png');
  background-repeat: repeat-x;
  width: 194px;
  height: 3px;
}

#mg-liste-courses .lc_topright
{
  background-image:url('/images/magasin/l_top_right.png');
  background-repeat: no-repeat;
  width: 3px;
  height: 3px;
}

#mg-liste-courses .lc_bottomright
{
  background-image:url('/images/magasin/l_bottom_right.png');
  background-repeat: no-repeat;
  width: 3px;
  height: 3px;
}

#mg-liste-courses .lc_side
{
  background-image:url('/images/magasin/l_v.png');
  background-repeat: repeat-y;
  width: 3px;
}

#mg-liste-courses .productslist
{
  width:194px;
  min-height: 200px;
  height: expression( this.scrollHeight < 200 ? "200px" : "auto" ); /* sets min-height for IE */
  vertical-align: top;
  background-color:white;
}

.node_lvl1 {
  font-size: 10px;
  font-weight: bold;
  text-align:left;
  color:black;
  width:191px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  padding-left:3px;
}

.node_lvl1 a{
  font-size: 12px;
  color:black;
  text-decoration: none;
  margin:0 0 0 0;
  padding:0 0 0 0;
  vertical-align: middle;
  line-height: 25px;
}

.node_lvl1 a:hover{
  font-size: 12px;
  color:black;
  text-decoration: underline;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

.node_lvl2 {
  font-size: 10px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  padding-left: 20px;
  padding-bottom: 3px;
  font-weight: normal;
  text-align:left;
  color:black;
  width:174px;
  background-position: bottom;
}

.node_lvl2 a{
  font-size: 10px;
  color:black;
  text-decoration: none;
  vertical-align: middle;
  height:30px;
}

#supermarket{
  font-size: 11px;
  color:black;
  width:755px;
/*  background-image: url(/images/magasin/bkground.png);
  background-color: #e2f4d0;*/
  background-color: white;
  margin-bottom: 20px;
}

#supermarket table{
  width:755px;
}

#supermarket .trstall{
  height:120px;
}

#supermarket .tdstall{
  /*border:1px solid black;*/
/*  background-repeat: no-repeat;
  vertical-align: bottom;
  background-position: center center;*/
}

#supermarket .tdnostall{
  border:none;
}


#supermarket .stalldisplay{
  width:90px;
  text-align: center;
  
/*  padding-bottom: 25px;*/
}

#supermarket .tdstall a{
  /*border:none;*/
  
  text-decoration: none;
}

#supermarket .tdstall img{
  border:1px solid black;
  text-decoration: none;
}


#supermarket .tdstall img:hover{
/*  text-decoration: underline;*/
  border:1px solid orange;
}

#supermarket .tdstall a:visited{
  border:none;
  text-decoration: none;
}


#supermarket .tdspace{
}

#supermarket-panel table{
  width:auto;
}

#stall{
  width:755px;
/*  background-color: #ffffff;*/
  background-color:white;
  margin-bottom: 20px;
}

/****************** Footer *******************/
#footer {
  width:  994px;
  margin:0;
  padding:0 0 0 0;
  text-align: center;
}