/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
  
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #FF6A6E; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FE0140; }
.productsNotifications { background: #70d250; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #0000ff; text-decoration: underline; }

img{ border: 0}
hr {
clear: both;
width: 95%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #c0c0c0 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
  margin: 5px; 
}

H1 { 
font-family:Verdana,Helvetica;
fontsize:
10px;color:#3366cc;
font-style:normal;
text-decoration:none;}


.line {
  background: #efe7ad;
  color: BLACK;
  padding: 8px;
  margin: 5px; 
  border: 1px #ff9408 dotted;
}

.line2 {
  background: #efe7ad;
  color: BLACK;
  padding: 8px;
  margin: 5px; 
  border: 1px #ff9408 dotted;
}


.T1 {
	padding: 4px;
}


.imgr { margin-left: 20px ;}


.imgr2 {   border: 0px #c0c0c0 solid;
height:*px; 
width:*px;
margin: 0px 2px 0px 2px;
}

body {

	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #000000;
	margin:0px;
	 background: #f7f7f7;
 /* background: #f2f1ee url(http://www.maxicoffee.com/images/expresso-fete-des-peres-2011.jpg)  top center;   */
 /*background: #fff8e1 url(http://www.maxicoffee.com/images/fond-ete-plage.jpg) top center;  
 background-repeat:no-repeat;  */
}

TD {
  	font-size: 11px;
	
}



DL {
	padding: 4px 0px 0px 10px;
	list-style: circle url(do.gif);
}

UL {
	padding: 4px 0px 0px 20px;
	list-style: circle url(do.gif);
}


A {
  color: #000000;
  text-decoration: none;

}

A:hover {
  color: #000000;
  text-decoration: underline;
}


.m {
font-size: 11px;

}


.base {
  color: #d95803;
	  font-weight : bold;
}

.rec {
  color: #d95803;
	  font-weight : bold;
	  text-decoration: underline;	
}

.reca {

	  text-decoration: underline;	
		  color: #000000;
}



.imag {
  padding:5px;
  border:1px solid #4D1728;
  background-color : #ffffff;
  margin: 10px 10px 10px 10px;
  }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #727272;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #727272;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #909090;
	text-decoration: underline;
}

A.headerNavigation:hover {
  color: #FFDE28;
	text-decoration: none;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #727272;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #727272;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  
}

.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: WHITE;
  color: BLACK;
}

A.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #727272;
  color: #ffffff;
}

A.infoBoxHeading:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #727272;
  color: #ff3333;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: white;


}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: white;


}

TABLE.productListing {


}





.productListing-cart-heading, .productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration:underline;
}

.productListing-cart-heading {
  border-bottom: silver solid 1px;
  text-decoration:none;
  color: black;
  background-color: #E90;
  padding:4px;
}

A.productListing-heading:hover {

  color: #FFFFFF;
  font-weight: bold;
  text-decoration:underline;
}

TD.productListing-data {
  padding: 2px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  border-bottom:1px dotted silver;
}

A.pageResults {
  color: #0033ff;
}

A.pageResults:hover {
  color: #0033ff;
}

A.productsLink {
  text-size: 10px;
  color: #787878;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  line-height: 15px;

  
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}





TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #000000;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #C4E41A;
  font-weight: bold;
}

TABLE.formArea {
  background: #ebebeb;
  border-color: #727272;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff3333;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productsPrice {
  font-weight: bold;
  color: #b21216;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #aeaeae; cursor: pointer; cursor: hand; color:#000;font-weight:bold}
.moduleRowSelected { background-color: #cecece; color:#000;font-weight:bold}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ff0000; }

/*specific for PBS*/

#header {
	 /* background-image: url(images/header_background.gif); */
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 121px;
	width: 100%;
}
.boxHeader {
		 /*  background-image: url(images/box_header.jpg); */
	background-repeat: no-repeat;
	margin: 0px;
	height: 32px;
	width: 209px;
}
.grayboxHeader {
	margin: 0px;
	height: 24px;
	width: 209px;
}
.boxContent {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C2C2C2;
	border-right-color: #C2C2C2;
	border-bottom-color: #C2C2C2;
	border-left-color: #C2C2C2;
	width: 209px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 27px;
}

.boxSpecialsContent {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C2C2C2;
	border-right-color: #C2C2C2;
	border-bottom-color: #C2C2C2;
	border-left-color: #C2C2C2;
	width: 209px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}

.grayboxContent {
	background:;
	width: 209px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 27px;
}

.boxFooter {

	background-repeat: no-repeat;
	height: 5px;
	width: 209px;
}
.boxIcon {
	position: relative;
	left: 7px;
	top: 5px;
}
.boxTitle {
	position: relative;
	left: 12px;
	top: 3px;
}

A.boxLink {
  font-weight: bold;
  color:#526C7F;
  text-decoration: none;
}

A.boxLink:hover {
  font-weight: bold;
  color:#FFDE28;
  text-decoration: underline;
}

A.boxLink2 {
  color:#526C7F;
  text-decoration: none;
}

A.boxLink2:hover {
  color:#FFDE28;
  text-decoration: underline;
}

.box {
	margin-bottom: 4px;
}





#headerMenu {
	margin-bottom: 18px;
}
.flag {
	margin: 2px;
}
#breadCrumb {
	font-weight: bold;
	padding-left: 10px;
	margin: 2px;
}
.separator1 {
	margin-right: 10px;
}

.separator2 {
	margin-right: 10px;
	margin-left: 10px;
}
#footerMenu {
	text-align: center;
	font-size: 10px;
	color: #5A5A5A;
}
#footerCopyright {
	font-size: 12px;
	color: 6189A0;
	text-align: center;
	margin-top: 10px;
}
a.breadcrumb {
	color: #909090;
	text-decoration: underline;
}
a.breadcrumb:hover {
	color: #FFDE28;
	text-decoration: none;
}

a.footerMenu {
	color: #5A5A5A;
	text-decoration: underline;
}
a.footerMenu:hover {
	color: #FFDE28;
	text-decoration: none;
}

#infoboxLanguages {
padding: 10px;
}

.loginBox{
  line-height:90%;
  padding-right:2px;
}

#newsletterBox {
  margin-bottom:4px;
}

#banner {
	/*position: absolute;
	height:50px;
	width:468px;
	top: 40px;
	left: 30%;*/
	border:solid 1px #000000;
}

#fianet {
	margin-bottom: 20px;
	margin-right:10px;
}

#cybermut {
	text-align: center;
}



TD.smallTextp, SPAN.smallTextp, P.smallTextp {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	padding-bottom: 10px;
	color: black;
}


TD.coup {
  border:1px dotted silver;
padding: 14px;
}


.bab {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8eca00;
	border-right-color: #8eca00;
	border-bottom-color: #8eca00;
	border-left-color: #8eca00;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	text-decoration: underline;
font-weight:bold;
line-height: 1.2; 
}

.babo {
	background-color: #a4e700;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

	border-top-color: #8fcb00;
	border-right-color: #8fcb00;
	border-bottom-color: #a4e700;
	border-left-color: #8fcb00;

	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration: underline;
	font-weight:bold;
line-height: 1.2; 
}

.baba {
	background-color: #a4e700;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8fcb00;
	border-right-color: #8fcb00;
	border-bottom-color: #8fcb00;
	border-left-color: #8fcb00;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration: underline;
font-weight:bold;
}

.current_step {
  color: #d95803;
}

.input_quantity {
  border: silver solid 1px;
  padding: 2px;
}

.shopping_cart_continu {
  display:block;
  font-weight:bold;
  width:110px;
  padding: 2px 5px;
  background-color:#F4F4F4;
  border-bottom: #333 1px solid;
  border-right: #333 1px solid;
  text-align:center;
  color:black;
  font-size:10px;
}
.shopping_cart_continu:hover {
  text-decoration:none;
  color:black;
}


.title_checkout {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding: 10px 0px;
}
#filter-top{
	width: 818px;
	height: 29px;
	background-image: url(images/default/filter-top.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 0px;
}
#filter-top2{
	width: 818px;
	height: 29px;
	background-image: url(images/default/filter-top2.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 0px;
}
#filter-content{
	width: 818px;
	background-image: url(images/default/filter-content.jpg);
	background-repeat: repeat-y;
	font-size: 11px;
	padding-left: 0px;
	padding-right: 0px;
}
#filter-bottom{
	width: 818px;
	height: 11px;
	background-image: url(images/default/filter-bottom.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
}
#box-option{
	border: 1px solid #000000;
	background-color: #ffff00;
	padding: 2px;
	
}
a.link-options {
	font-size: 11px;
	color: #d55c0d;
	text-decoration: none;
	line-height: 20px;
}
a.link-options:hover {
	font-size: 11px;
	text-decoration: underline;
	line-height: 20px;
	
}
td.menu{
	color:#000000;
	/*padding-top: 2px;*/
	font-size: 10px;
	width: 100px;
	height: 29px;
	border-right: 1px dashed #ffffff;
	font-weight: bold;
	font-family: Tahoma;
}

td.menu-on{
	color:#000000;
	background-color: #f0e7ae;
	/*padding-top: 2px;*/
	height: 29px;
	font-size: 10px;
	width: 100px;
	border-right: 1px dashed #ffffff;
	font-weight: bold;
	font-family: Tahoma;
}
td.comparator{
	width: 460px;
	height: 41px;
	background-image: url(images/tpl/comparator-top.png);
	background-repeat: no-repeat;
}

td.x{
	width: *px;
	height: 18px;
	background-image: url(images/tpl/Accueil_29c.gif);
	background-repeat: repeat;
}

td.listing-sort{
	width: 223px;
	height: 41px;
	background-image: url(images/tpl/order-top.png);
	background-repeat: no-repeat;
}
div.box-shoppingcart{
cursor: pointer;
position: absolute;
width: 127px;
height: 93px;
margin-top: -119px;
margin-left: 738px;
background-image: url('http://www.maxicoffee.com/images/tpl/box-cart.png')
}
div.box-shoppingcart-ie{
cursor: pointer;
position: absolute;
width: 127px;
height: 93px;
margin-top: -120px;
margin-left: 738px;
background-image: url('http://www.maxicoffee.com/images/tpl/box-cart.png')
}

.bloc_foot {
	float:left;
	text-align:left;
	margin: 10px 20px 0 0;
	padding: 0 20px 0px 0;
	height:210px;
	color: #666666;
}
 
 
.PARTNER {
	background: transparent url(http://www.maxicoffee.com/images/fond-cafe.gif) no-repeat top left;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0 0 0px 0;
	padding:5px 0 5px 10px;
	height:27px;
	display:block;
	width:490px;
}


#samplee td {
			width:750px;
    padding: 5px 15px 5px 15px;
		border: solid #dfdfdf 1px 0px 0px 0px;

	font-size:10px;
	text-align : justify;
	font-family: verdana, Helvetica ; 
	line-height: 1.3em;
}



table#droitd td {
	background-color: #f0e7ae;
padding: 2px;
background-color: transparent;
}


table#on td {

    padding: 0px 0px 0px 0px;
		border: 0px;
	font-size:9px;
	text-align : justify;
	font-family: verdana, Helvetica ; 
	line-height: 1em;
}

.MX {

    padding: 7px 4px 12px 4px;
	text-align : justify;
  border-bottom: #d7d7d7 1px DOTTED;
}


.MXP {

    padding: 8px 4px 12px 4px;

  border-bottom: #d7d7d7 1px DOTTED;
}


p.pagenav a {
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#598F9A;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}


.expresso {

padding: 7px 7px 7px 7px;
border-bottom: #d7d7d7 1px DOTTED;
	font-weight:bold;
}





.graybox {
	margin-bottom: 4px;
/* background: url(images/graybox_background.jpg) no-repeat;	*/
}


#footerLine {
/* 	background-image: url(images/footer_background.gif); */
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
}



.iop {
 background: white url(http://www.maxicoffee.com/images/cat-cafe-max.gif)  top center;  */
 background-repeat:no-repeat; 
}

.rub05 {
  color: #242424;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
		font-weight:bold;
			text-align : center; 
padding:0px 2px 11px 2px ; 

}


.rub05:hover  {
  color: black;
	 text-decoration: underline;

}


	#barre_ftm { background:url(/images/facebook-twitter-cafe-machine-expresso.gif);  cursor:pointer; width:110px; height:126px; margin-left:-70px; cursor:pointer; font-size:10px; position:fixed; margin-top:229px; z-index:1000; left:0;}
	#barre_ftm:hover {margin-left:0px; cursor:pointer; }
	
	#barre_ftm .liens { color:#000; }
	#barre_ftm .liens:hover { color:#666; }

	
	#idz_chatbar .idz_face_inner {
background:transparent url('http://www.maxicoffee.com/images/charles-cafe-expresso.png') center 0px no-repeat;
}
#idz_chatbar .idz_face_inner img{
visibility:hidden;
}


@media only screen and (max-device-width: 480px) {
    #idz_bottompad,
    #idz_chatglobal {
        display:none !important;
    }
}


.table_id_cafe {
height:334px;
width:130px;
cellpading:0px;
cellspacing:0px;
border:1px dotted #3c3c3c;
background-color:#f8f8f8;
font-family:Tahoma;
font-size:15px;
margin-left:10px;
}

.table_id_cafe_2 {
height:250px;
width:130px;
cellpading:0px;
cellspacing:0px;
border:1px dotted #3c3c3c;
background-color:#f8f8f8;
font-family:Tahoma;
font-size:15px;
margin-left:10px;
}

.force_id_cafe {
border:2px solid #dcdcdc;
background-color:#ffffff;
}

.td_center {
text-align:center;
}

.sous_table {
font-family:Tahoma;
font-size:15px;
font-weight:bold;
}

.sous_td_center {
vertical-align:middle;
height:25px;
width:70%;
}

.cafetiere_id_cafe {
height:30px;
font-weight:bold;
font-size:12px;
}

