/* Reset / Global 
---------------------------------------------------------------------------- */
body, input, textarea, select	{ font:normal 12px Arial, Helvetica, sans-serif; }
body							{ background:#FFF url(images/buf_mainBg.gif) repeat-x top left; margin:0; padding:0; }
form							{ margin:0; padding:0; }

/* Main design (buf-box)
---------------------------------------------------------------------------- */
#buf-box{ margin:31px auto 0 auto; width:820px;  }

	/* 1. Head
	-------------------------------------------- */
	#buf-head{ margin-bottom:10px; }
	
	/* Image */
	#buf-img{ 
		background:url(images/buf_headTopBg.gif) no-repeat top left;
		height:333px;
		padding:7px 0 0 10px;
		position:relative;
		}
	#buf-img img{
		clear:both;
		float:left;	/* Fix pour IE */
		}
	#buf-icoIGA{
		bottom:10px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/buf_icoIGA.png', sizingMethod='scale');
		height:45px;
		position:absolute;
		right:20px;
		width:97px;
		}
	#buf-icoIGA[id]{ background:url(images/buf_icoIGA.png) no-repeat; }
	
	/* Toolbar */
	#buf-toolbar{ background:url(images/buf_headBottomBg.jpg) no-repeat top left; height:45px; padding:7px 20px 0 20px; }	
	
	/* Menu */
	#buf-menu		{ margin:0; padding:0; }
	#buf-menu li	{ float:left; list-style-type:none; margin:0; padding:3px 0 0 0; }
	#buf-menu a{ 
		background:transparent url(images/buf_menuItemBg.gif) no-repeat right center;
		color:#164178;
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		padding:3px 20px;
		text-decoration:none;
		}
	#buf-menu a:hover	{ text-decoration:underline; }
	#buf-menu a.disabled{ color:#767e89; }

	/* Search */
	#buf-search		{ float:right; }
	#txtSearch		{ border:1px solid #819294; margin:0; padding:2px; }
	#txtSearch[id]	{ vertical-align:top; }
	#btnSearch{
		background:transparent url(images/buf_btnSearch.gif) no-repeat top left;
		border:none;
		cursor:pointer;
		height:21px;
		margin:0;
		width:26px;
		}

	/* 2. Categories
	-------------------------------------------- */
	#buf-categories{
		background:url(images/buf_catBottomBg.jpg) no-repeat bottom left;
		float:left;
		padding:0 0 13px 8px;
		width:192px;
		}
	
	/* Titre */
	#buf-categories label{
		background:url(images/buf_catTopBg.jpg) no-repeat top left;
		color:#164178;
		display:block;
		font:bold 1em Verdana, Arial, Helvetica, sans-serif;
		height:32px;
		padding-top:9px;
		text-align:center;
		text-transform:uppercase;
		}
	
	/* Liste de catégories */
	#buf-categories ul{
		background-color:#f4fbf8;
		border:1px solid #aec3be;
		border-top:none;
		list-style-type:none;
		margin:0;
		padding:0 0 4px 0;
		}
	#buf-categories ul li{ padding:2px 6px; }
	#buf-categories ul li a{
		background:url(images/buf_catIco.gif) no-repeat 10px center;
		color:#574d41;
		display:block;
		padding:5px 10px 5px 25px;
		text-decoration:none;
		}
	#buf-categories ul li a:hover	{ background-color:#e1e9e7; }
	#buf-categories ul li a.disabled{ color:#969ea8; }
	#buf-categories ul .buf-lstVide	{ color:#999; display:block; padding:10px; text-align:center; }
	
	
	/* 3. Content
	-------------------------------------------- */
	#buf-contentBox{
		background:url(images/buf_contentBottomBg.jpg) no-repeat left bottom;
		float:right;
		padding-right:9px;
		width:595px;
		}
	#buf-content				{ border:1px solid #aec3be; margin-bottom:24px; padding:19px; }
	#buf-content .buf-lstVide	{ color:#999; display:block; padding:10px; text-align:center; }

	#buf-content #introduction{
		border:1px solid #000; 
		border-bottom-width:3px; 
		font-size:12px; 
		margin:.5em 0 3em 0; 
		padding:10px;
		overflow:auto;
		background-color:#eef2f2; 
		border-color:#dadede;
	}
	
	#buf-content #introduction img{
		border-color:#dadede;
		background:#FFF;
		padding:3px;
	}

	#buf-bottomNotes			{ color:#666; font-size:10px; }
	#buf-bottomNotes p			{ margin:.5em 0; }

	/* 4. Elements
	-------------------------------------------- */
	.buf-title{
		background:url(images/buf_plateTitreBg.jpg) no-repeat top left;
		color:#436991;
		display:block;
		font:bold 1em Verdana, Arial, Helvetica, sans-serif;
		height:22px;
		padding:6px 0 5px 28px;
		}
	.buf-subtitle{ 
		border-bottom:1px solid #333;
		font-size:16px;
		font-weight:bold;
		margin:30px 0 5px 0;
		}
	.buf-centeredButtons									{ text-align:center; margin-top:20px; }
	.buf-centeredButtons input, .buf-centeredButtons button	{ margin:2px; }

	/* 5. Zoomer
	-------------------------------------------- */
	#zoomer{
		border:1px solid #AEC3BE;
		padding:1em;
		background:#FFF;
		text-align:center;
		*width:370px;
	}
	#zoomer img{
		display:block;
		margin-bottom:.5em;
	}
	#zoomer a{
		text-align:right;
		display:block;
		float:right;
		font-weight:bold;
	}
	#zoomer a:hover{
		text-decoration:none;
	}


/* Table (list)
---------------------------------------------------------------------------- */
table.tbl{ border-collapse:collapse; font-size:10px; margin:10px auto 0 auto; width:100%; }

/* Head */
table.tbl thead td{
	background:transparent no-repeat center left;
	border-bottom:2px solid #8da1a0;
	font-weight:bold;
	line-height:16px;
	padding:0 2px 2px 20px;
	text-transform:uppercase;
	}
table.tbl thead.noIcons td, table.tbl thead td.noIcon{ padding-left:0; }

/* liens */
table.tbl a:link, table.tbl a:visited	{ color:#00F; text-decoration:none; }
table.tbl a:hover						{ text-decoration:underline; }

/* icônes */
table.tbl .tblCol-produit	{ background-image:url(images/ico_cart.gif); }
table.tbl .tblCol-format	{ background-image:url(images/ico_tagGreen.gif); }
table.tbl .tblCol-qte		{ background-image:url(images/ico_calculator.gif); }
table.tbl .tblCol-prix		{ background-image:url(images/ico_coins.gif); }
table.tbl .tblCol-sousTotal	{ background-image:url(images/ico_moneyDollar.gif); }
table.tbl .tblCol-magasin	{ background-image:url(images/ico_home.gif); }
table.tbl .tblCol-adresse	{ background-image:url(images/ico_mail.gif); }
table.tbl .tblCol-ville		{ background-image:url(images/ico_world.gif); }

/* Body : row & altRow */
table.tbl tbody td						{ padding:2px 5px 2px 2px; }
table.tbl .row td, table.tbl .altRow td { border-bottom:1px solid #d6d7d9; }
table.tbl .altRow						{ background-color:#f0f1f3; }

/* Foot : pagination */
tfoot.footPagination td												{ font-size:10px; text-align:center; }
tfoot.footPagination td a											{ padding:0 3px; }
tfoot.footPagination td a:link, tfoot.footPagination td a:visited	{ color:#0000FF; text-decoration:none; }
tfoot.footPagination td a:hover										{ background-color:#CCC; }
tfoot.footPagination td a.selectedLink								{ background-color:#CCC; }

/* Autre */
table.tbl td.bodyEmptyList{ color:#666; font-size:10px; padding-top:2px; text-align:center; }

/* Table (information)
---------------------------------------------------------------------------- */
table.tblInfo th			{ padding-right:15px; text-align:left; vertical-align:top; }
table.tblInfo td			{ position:relative; display:block; vertical-align:top; }
table.tblInfo input.textbox	{ width:200px; }
table.tblInfo select		{ width:205px; }
table.tblInfo .err			{ background:#FFF url(images/ico_exclamation.gif) no-repeat 3px 1px; color:#F00; display:none; font-size:10px; padding:2px 2px 2px 23px; position:absolute; top:3px; left:220px; width:180px; }

/* Table de sous-total */
#buf-tblSousTotaux		{ font-size:11px; margin:5px 0 5px auto; }
#buf-tblSousTotaux th, 
#buf-tblSousTotaux td	{ text-align:right; }
#buf-tblSousTotaux small{ color:#666; }

/* Sections : Liste des plateaux (plateaux.php)
---------------------------------------------------------------------------- */
.buf-plate{ 
	clear:both;
	font-size:12px;
	*height:170px;
	margin:0 auto; 
	min-height:170px;
	padding:5px 0 20px 0; 
	position:relative;
	width:555px; 
	}
.buf-plate h4{
	background:url(images/buf_plateTitreBg.jpg) no-repeat top left;
	color:#436991;
	display:block;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	margin:0;
	padding:6px 0 0 28px;
	}
.buf-img-sugg{
	font-size:10px;
	left:10px; 
	position:absolute; 
	top:38px; 
	text-align:center;
	width:170px;
	}

.buf-plate img{ 
	border:0px solid #aec3be !important;
	cursor:pointer;
	display:block;
	margin:1 auto 3px auto;
	}
.buf-plate p				{ margin:5px 0 20px 0; text-align:justify; }
.buf-plate p, .buf-formats	{ margin-left:180px; padding-right:5px; }

/* Formats */
.buf-formats		{ font-size:11px; font-weight:bold; padding:3px 0; text-align:right; }
.buf-formats .prix	{ color:#387e7c; padding:0 5px; text-align:left; }

/*
.buf-formats .qtes{
	background:#FFF url(images/buf_plateQte.gif) no-repeat left top;
	display:-moz-inline-box;
	*display:inline-block;
	height:25px;
	padding-left:3px;
	vertical-align:middle;
	width:110px;
}
.buf-formats .qtes select{ font-size:10px; width:35px; margin:3px 0; }
.buf-formats .qtes select{ display:none; }
*/

.buf-formats button{
	/*background:transparent url(images/buf_plateBtnAcheter.gif) no-repeat -3px top;*/
	background:transparent url(images/buf_plateBtnAcheter.gif) no-repeat left top;
	border:none;
	cursor:pointer;
	height:25px;
	vertical-align:middle;
	width:74px;
	}
.buf-tooltipLoading, .buf-tooltipAdd, .buf-tooltipErr{
	background:no-repeat 3px 3px;
	color:#069;
	font-size:11px;
	font-weight:bold;
	min-height:20px;
	filter:alpha(opacity=90);	/* opacity IE */
	-moz-opacity:.90;			/* opacity FF */
	opacity:.90;				/* opacity */
	padding:3px 3px 4px 25px;
	position:absolute;
	z-index:1000;
	}
.buf-tooltipLoading { background-image:url(images/ico_loading.gif); }
.buf-tooltipAdd		{ background-image:url(images/ico_add.gif); }
.buf-tooltipErr		{ background-image:url(images/ico_exclamation.gif); }

/* Sections : Liste des formats choisis (panier.php)
---------------------------------------------------------------------------- */
/* Liste des formats */
#buf-tblPanier tr{ overflow:hidden; }

#buf-tblPanier input.textbox{ font-size:10px; text-align:center; width:3em; }
#buf-tblPanier .button{ 
	background:transparent url(images/ico_bin.gif) no-repeat top left;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	}

/* Bouton : mise à jour */
#btnUpdatePanier{ display:block; margin:5px 0 0 auto; }

/* Sections : Liste des régions (caisse.magasins.php)
---------------------------------------------------------------------------- */
#buf-tblRegions				{ width:100%; }
#buf-tblRegions td			{ background:#FFF url(images/ico_bullet.gif) no-repeat left center; padding:0 10px 0 20px; width:33%; }
#buf-tblRegions a			{ color:#00F; text-decoration:none; }
#buf-tblRegions a.selected	{ font-weight:bold; }
#buf-tblRegions a:hover		{ text-decoration:underline; }

/* Sections : Calendrier (caisse.dateHeure.php) + autre éléments
---------------------------------------------------------------------------- */
#buf-calendar					{ width:100%; }
#buf-calendar thead td			{ font-size:1.5em; font-weight:bold; text-align:center; }
#buf-calendar tbody td			{ border:1px solid #CCC; height:60px; padding:5px; text-align:center; width:14%; }
#buf-calendar tbody td span		{ display:block; font-weight:bold; }
#buf-calendar tbody td span.day	{ font-size:1.8em; font-weight:bold; }
#buf-calendar tbody td.enabled	{ cursor:pointer; }
#buf-calendar tbody td.disabled	{ background-image:url(images/buf_dtNonDispoBg.gif); color:#999; }
#buf-calendar tbody td.today	{ border:5px solid #999; }

/* Autre éléments */
#buf-dateChoisie	{ margin-bottom:30px; }
#selHeures			{ width:270px; }
#buf-msgLivraison	{ color:#333; background-color:#FFFFCC; border:1px solid #FFFF99; display:none; font-size:10px; margin:3px 0; padding:3px 5px; }
#txtCommentaires	{ height:8em; width:560px; }

/* Page : index.php + caisse.fin.php
---------------------------------------------------------------------------- */
img.buf-icoCarte	{ display:block; margin:15px auto; }
#buf-msg			{ color:#666; font-size:16px; font-weight:bold; padding:10px 10px; text-align:left; }

/* Boîte de suggestion
---------------------------------------------------------------------------- */
#buf-suggestions{ 
	background-color:#fdeac0;
	border:1px solid #b6c2c0;
	font:12px Arial, Helvetica, sans-serif;
	margin:30px auto 20px auto;
	width:500px;
	clear:both;
	}
#buf-suggestions .title				{ color:#7f6c43; font-size:14px; font-weight:bold; text-align:center; margin:10px; }
#buf-suggestions, #buf-suggestions a{ color:#3e3e3e; }

/* Tabs */
#buf-suggestions .tabs{ 
	background:transparent url(images/suggBox_bgTabs.gif) repeat-x bottom; 
	height:22px;
	overflow:hidden;
	padding:0 5px;
	}
#buf-suggestions .tabs a, #buf-suggestions .tabs span{ display:block; float:left; font-size:10px; height:22px; }
#buf-suggestions .tabs a{
	background:transparent url(images/suggBox_bgTabL.gif) no-repeat left;
	cursor:pointer;
	line-height:2.205em;
	outline:none;
	padding-left:10px;
	text-decoration:none;
	}
#buf-suggestions .tabs a:hover	{ text-decoration:underline; }
#buf-suggestions .tabs span		{ background:transparent url(images/suggBox_bgTabR.gif) no-repeat right; padding:0 15px 0 5px; }
#buf-suggestions a.selected		{ background-image:url(images/suggBox_bgSelectedTabL.gif); }
#buf-suggestions .selected span	{ background-image:url(images/suggBox_bgSelectedTabR.gif); }

/* Content */
#buf-suggestions .content{ background:#dde2e2 url(images/suggBox_bgContent.gif) repeat-x top; padding:1px 10px 10px 10px; }

/* Group avec option*/
#buf-suggestions .group				{ margin-top:10px; position:relative; }
#buf-suggestions .group label		{ font-size:1.4em; font-weight:bold; position:absolute; top:7px; }	
#buf-suggestions .group .head		{ background:transparent url(images/suggBox_bgOptionT.gif) no-repeat top right; height:8px; overflow:hidden; }

#buf-suggestions .group p			{ background:transparent url(images/suggBox_bgOptionB.gif) no-repeat bottom right; margin:0; padding:0 0 8px 130px; }
#buf-suggestions .group p a			{ display:list-item; margin-left:8px; text-decoration:none; }
#buf-suggestions .group p a:hover	{ text-decoration:underline; }

/* Group sans option */
#buf-suggestions .group-all	{ font-size:1.5em; font-weight:bold; text-align:center; padding:1em 0 2em 0; }