#page{
  
}

/* PRODUITS */


#catalogue{
  z-index:200;
  position:absolute;
  top:800px;/*top:622px;*/
  left:0;
  width:50%;
  height:826px;
  /*height:100%;*/
  background:#FFFEAB;
  
}



#cartNwaste{
/* contient #cart, #wastebin, #wastebin_all */
  position:absolute;
  top:800px;/*top:622px;*/
  left:50%;
  width:50%;
  /*height:474px;*/
  /*height:100%;
  background:#FFFEAB;*/
}

#logon_container{
/* contient #cart, #wastebin, #wastebin_all */
  position:absolute;
  top:622px;
  left:0px;
  width:1024px;
  height:300px;
  background:#FFFEAB;
}

#logon_container ul{
	margin-top:1em;
	margin-left:20px;
	width:492px;
	float:left;
}

#logon_container ul{
	/*background:#FFFEAB;*/
}

#logon_container input[type=text], #logon_container input[type=password], a#pwd_recovery{
	position:absolute;
	left:200px;
}

#logon_container, #logon_container input, #logon_container a, #logon_container ul, #logon_container ul li, #logon_container ul li a{
  font-size:12pt;
  padding:0.12em 0 0.12em 0;
  line-height:1em;
}

select#category, select#category option, #catalogue form{
  font-size:12pt;
  padding:0.12em;
}

a#pwd_recovery, a.inscription{
  margin:0.12em 0;
}

#cart{
  /*position:absolute;
  left:0%;
  width:90%;*/
  height:474px;
  height:570px;
  overflow:auto;
  x-overflow:hidden;
  y-overflow:auto;
  background:url('../shopping_cart_128.png') center center #FFFEAB no-repeat;
}

.cart{
  border:1px solid orange;
  /*background:#FFFEAB;*/
}

.cart-active{
  border:1px solid yellow;
  background:#fff;
  }

#items{
  padding-top:1em;
  padding-bottom:1em;
}

#items p{
  font-size:12pt;
  padding:0.12em;
}

.cart img{
  padding-left:1em;
  width:50px;
  height:50px;
}

/* VIDAGES DE PANIER */
/*
div#wastebins{
  position:fixed;
  top:10%;
  left:50%;
  width:50%;
  height:20%;
}

div#wastebin, div#wastebin_all  {
  z-index:300;
  color:#FF0000;
  background-color:#eee;
  font-weight:bold;
  text-align:center;
  display:inline;
}
*/

div#wastebins{
  /*
  position:absolute;
  top:30%;
  left: 40%;
  width:10%;
  height:70%;
  */
  /*background:#FFFEAB;*/
  
}


div#wastebin, div#wastebin_all{
  text-align:center;
  border:red 1px solid;
  color:black;
  font-size:12pt;
  height:125px;
  
}

div#wastebin  {
  /*background:url('../delete_item.png') center center no-repeat;*/
}

div#wastebin_all {
  /*background:url('../delete_item.png') center center no-repeat;*/
}

.wastebin, .wastebin_all{
  /*background-color:#FFFEAB;*/
}

.wastebin-active, .wastebin_all-active{
  width:100%;
  background:url('../delete_item.png') center center no-repeat red;
  
}

div#wastebin p, div#wastebin_all p{
  /*padding-top:2em;
  padding-bottom:2em;*/
  color:red;
  font-size:12pt;
  padding:0.12em;
}

div#wastebin.wastebin.wastebin-active p, div#wastebin_all.wastebin_all.wastebin_all-active p{
  /*padding-top:2em;
  padding-bottom:2em;*/
  color:white;
  font-weight:bold;
  font-size:12pt;
  padding:0.12em;
}


div#commander{
  position:absolute;
  top:622px;
  left: 40%;
  width:10%;
  height:70%;
}

ul.dndalternative{
	/*position:relative;*/
	width:100%;
	line-height:2em;
	margin:0.5em 0 0.5em 0;
	background:#eee;
	display:block;
	font-variant:small-caps;	
}

ul.dndalternative li{
	display:inline;
}

ul.dndalternative li a{
	font-size:small;
	color:green;
  /*text-decoration:underline;	*/
  cursor:pointer;
}

ul.dndalternative li a:hover{
	color:orange;
}


a.add_1, a.delete_1, a.delete_all{
  line-height:1em;
  padding:1em;
  margin:0.5em
  text-decoration:none;
}

a.add_1{
  background:url('../add_item.png') center center no-repeat;
  border:1px solid green;
}

a.delete_1{
  background:url('../remove_item.png') center center no-repeat;
  border:1px solid red;
}

a.delete_all{
  background:url('../delete_item.png') center center no-repeat;
  border:1px solid red;
}

a.add_1:hover{
  background-color:green;
}

a.delete_1:hover, a.delete_all:hover{
  background-color:red;
}

/*liens 'inscription client', 'modifier mon compte', 'fermer la session', 'mot de passe perdu ?' */

#logon_container a{
  /*font-weight:bold;*/
  font-size:12pt;
  color:#000000;
  text-decoration:underline;
}

.products{
	max-width:80px;
	max-height:76px;
}

.products:hover{
  cursor:move;
  border:none;
}

.cart img{
  width:80px;
  height:80px;
}

.cart img:hover{
  cursor:move;
  border:none;
}

ul.product_group_container{
  float:left;
  width:80px;
  height:126px;
  padding-right:5px;
}

ul.product_group_container li{
    width:80px;
}

ul.product_group_container li img{
    width:80px;
}


.product_group_container li.addtocart{
  width:78px;
  height : 36px;
  
  border:1px white solid;
}

li.addtocart a{
  cursor:pointer;
  font-size : 10pt;
  font-weight:bold; 
  background : orange;
  color : white;
  float:left;
  
  text-align:center;
  vertical-align:middle;
  padding:auto;
  height:100%;
  width:100%;
}

li.addtocart a:hover{
  /*background : #eeeeee; 
  color : red;*/
  color:transparent;
  background:url('../add_item.png') center center no-repeat;
}

.notice-add-cart{
  width:100%;
  text-align:center;
  color:green;
  font-weight:bold;
}

#catalogue form, #logon_container{
	font-size:12pt;
	color:#993300;
}

#total {
	font-size:12pt;
	color:#FFF;
	background:#993300;
}

#MB_content center{
height:600px;
overflow:auto;
x-overflow:hidden;
y-overflow:scroll;
}



/* form_pwd_recovery.php */

#recovery p, #recovery form input{
  font-size:12pt;
  padding:0.12em;
}

/* cart-pizza-supplements2.php */
#frmsup ul{
  margin-left:50px;
}

#frmsup ul li{
  margin-left:0px;
}

#frmsup, #frmsup p, #frmsup ul li{
  font-size:12pt;
  padding:0.12em;
}

#frmsup h1{
  font-size:36px;
  color:green;
}

#frmsup p{
  color:#000;
}

#frmsup ul li, #frmsup label{
  color:#880000;
  padding:0.24em;
}

#frmsup input{
  font-size:12pt;
}