* {
	margin: 0;
	outline: none;
	padding: 0;
}

html, body {
	background: #fff no-repeat fixed center center;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

ul, li { list-style-type: none; }

img { border: 0; }

a { text-decoration: none; }

table { border-collapse: collapse; }

#other_shop #content ul,
#other_shop #content li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 0 2px;
}

/*********************************************************************************
	CLASSES
*********************************************************************************/
.cb {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.no-content {
	font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.no-content a {
	color: #333;
  text-decoration: underline;	
}

div.error {
  background: #eacccc;
  border: 1px solid #cc3333;
  color: #cc3333;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  padding: 3px 10px;
}

div.success {
  background: #cfe3cf;
  border: 1px solid #339933;
  color: #339933;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  padding: 3px 10px;
}


div.info{
  background: #FFF6BF;
  border: 1px solid #FFD324;
  color: #514721;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  padding: 3px 10px;
}
  


/*********************************************************************************
  BUTTONS
*********************************************************************************/
.ajout-panier {
  background: none;
  border: 0;
  cursor: pointer;   
  float: right;
  font-size: 10px;
  line-height: 16px;
  text-align: center; 
}

.ajout-panier span, .ajout-panier em {
  display: block;
  float: left;  
}

.ajout-panier span {
  height: 16px; 
  padding: 0 0 0 18px;
  background: url(/images/fo/buttons/ajouter-panier.gif) no-repeat left top;
}

.ajout-panier em {
  height: 16px;
  line-height: 16px;      
  color: #588110;    
  font-style: normal;
  margin-right: -1px;
  padding: 0 4px 0 0;
  background: url(/images/fo/buttons/ajouter-panier.gif) no-repeat right top;
}

.valider-commande {
	background: url(/images/fo/buttons/valider-commande.png) no-repeat left top;
	border: 0;
	cursor: pointer;
	height: 25px;
	width: 158px;
}

.valider-panier {
  background: url(/images/fo/buttons/valider-panier.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  height: 25px;
  width: 121px;
}

.se-connecter {
  background: url(/images/fo/buttons/se-connecter.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 106px;
}

.valider-inscription {
  background: url(/images/fo/buttons/valider-inscription.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 137px;
}

.envoyer-adresse {
  background: url(/images/fo/buttons/envoyer-adresse.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  display: block;
  height: 25px;
  margin: 10px auto 20px;
  width: 168px;
}

.valider {
  background: url(/images/fo/buttons/valider.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 68px;
}

.recalculer {
  background: url(/images/fo/buttons/recalculer.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  float: left;
  height: 22px;
  margin: 0 0 0 5px;
  width: 79px;
}




/*********************************************************************************
  COULEURS
*********************************************************************************/
#traiteur_shop .price,
#traiteur_shop #header .breadcrumbs span.category,
.accordion ul.cat_traiteur li.active a
{ color: #832155; }
#traiteur_shop .listing-shop .thumb-hover { background-position: left -156px; }

#charcuterie_shop .price,
#charcuterie_shop #header .breadcrumbs span.category,
.accordion ul.cat_charcuterie li.active a
{ color: #cc3535; }
#charcuterie_shop .listing-shop .thumb-hover { background-position: left -312px; }

#cote-jardin_shop .price,
#cote-jardin_shop #header .breadcrumbs span.category,
.accordion ul.cat_cote-jardin li.active a
{ color: #58ac31; }
#cote-jardin_shop .listing-shop .thumb-hover { background-position: left -468px; }

#poissonnerie_shop .price,
#poissonnerie_shop #header .breadcrumbs span.category,
.accordion ul.cat_poissonnerie li.active a
{ color: #048ccd; }
#poissonnerie_shop .listing-shop .thumb-hover { background-position: left -624px; }

#cremerie_shop .price,
#cremerie_shop #header .breadcrumbs span.category,
.accordion ul.cat_cremerie li.active a
{ color: #b2ad9b; }
#cremerie_shop .listing-shop .thumb-hover { background-position: left -780px; }

#epicerie_shop .price,
#epicerie_shop #header .breadcrumbs span.category,
.accordion ul.cat_epicerie li.active a
{ color: #ed5e07; }
#epicerie_shop .listing-shop .thumb-hover { background-position: left -936px; }

#cafe-bar_shop .price,
#cafe-bar_shop #header .breadcrumbs span.category,
.accordion ul.cat_cafe-bar li.active a
{ color: #44b98d; }
#cafe-bar_shop .listing-shop .thumb-hover { background-position: left -1092px; }

#gouts-d-ailleurs_shop .price,
#gouts-d-ailleurs_shop #header .breadcrumbs span.category,
.accordion ul.cat_gouts-d-ailleurs li.active a
{ color: #277280; }
#gouts-d-ailleurs_shop .listing-shop .thumb-hover { background-position: left -1248px; }

#coin-gourmet_shop .price,
#coin-gourmet_shop #header .breadcrumbs span.category,
.accordion ul.cat_coin-gourmet li.active a
{ color: #f09513; }
#coin-gourmet_shop .listing-shop .thumb-hover { background-position: left -1404px; }

#caviste_shop .price,
#caviste_shop #header .breadcrumbs span.category,
.accordion ul.cat_caviste li.active a
{ color: #a15b2a; }
#caviste_shop .listing-shop .thumb-hover { background-position: left -1560px; }

#droguerie_shop .price,
#droguerie_shop #header .breadcrumbs span.category,
.accordion ul.cat_droguerie li.active a
{ color: #69859c; }
#droguerie_shop .listing-shop .thumb-hover { background-position: left -1716px; }

#salon-de-beaute_shop .price,
#salon-de-beaute_shop #header .breadcrumbs span.category,
.accordion ul.cat_salon-de-beaute li.active a
{ color: #f28053; }
#salon-de-beaute_shop .listing-shop .thumb-hover { background-position: left -1872px; }

#offrir_shop .price,
#offrir_shop #header .breadcrumbs span.category,
.accordion ul.cat_offrir li.active a
{ color: #8d44c2; }
#offrir_shop .listing-shop .thumb-hover { background-position: left -2028px; }

#promotion_shop .price,
#promotion_shop #header .breadcrumbs span.category,
.accordion ul.cat_promotion li.active a
{ color: #eabf00; }
#promotion_shop .listing-shop .thumb-hover { background-position: left -2184px; }






/*********************************************************************************
	STRUCTURE
*********************************************************************************/
.wrapper {
	background-repeat: repeat-x;
	background-position: center top;
}

.wrapper#traiteur_shop { background-image: url(/images/fo/bkg/traiteur.jpg); }
.wrapper#charcuterie_shop { background-image: url(/images/fo/bkg/charcuterie.jpg); }
.wrapper#cote-jardin_shop { background-image: url(/images/fo/bkg/cote-jardin.jpg); }
.wrapper#poissonnerie_shop { background-image: url(/images/fo/bkg/poissonnerie.jpg); }
.wrapper#cremerie_shop { background-image: url(/images/fo/bkg/cremerie.jpg); }
.wrapper#epicerie_shop { background-image: url(/images/fo/bkg/epicerie.jpg); }
.wrapper#cafe-bar_shop { background-image: url(/images/fo/bkg/cafe-bar.jpg); }
.wrapper#gouts-d-ailleurs_shop { background-image: url(/images/fo/bkg/gouts-d-ailleurs.jpg); }
.wrapper#coin-gourmet_shop { background: url(/images/fo/bkg/coin-gourmet.jpg) no-repeat right top; }
.wrapper#caviste_shop { background-image: url(/images/fo/bkg/caviste.jpg); }
.wrapper#droguerie_shop { background-image: url(/images/fo/bkg/droguerie.jpg); }
.wrapper#salon-de-beaute_shop { background-image: url(/images/fo/bkg/salon-de-beaute.jpg); }
.wrapper#offrir_shop { background-image: url(/images/fo/bkg/offrir.jpg); }
.wrapper#other_shop { background-image: url(/images/fo/bkg/illustration.jpg); }
.wrapper#commander_shop { background-image: url(/images/fo/bkg/commander.jpg); }
.wrapper#promotion_shop { background-image: url(/images/fo/bkg/promotions.jpg); }

#page {
	margin: auto;
	width: 965px;
}

#header {
  background: url(/images/fo/bkg-header.png) no-repeat 18px bottom;
  height: 123px;
  width: 963px;
  z-index: 99; 
}

.two-cols #header { background: url(/images/fo/bkg-header-2cols.png) no-repeat 18px bottom; }

#main {
  background: url(../images/fo/bkg-content.png) no-repeat left top;
  position: relative;
  width: 963px;
  z-index: 10;   
}

.two-cols #main { background: url(/images/fo/bkg-content-2cols.png) no-repeat left top; }

#sidebar-left {
	float: left;
	height: 508px;
	margin: 20px 20px 0 0;
	overflow: hidden;
	width: 170px;
}

#sidebar-left .pub {
  margin: 20px 0 0 10px;
  width: 155px;  
}

#sidebar-right {
	background: url(/images/fo/bkg-cart.png) no-repeat left top;
	float: right;
	height: 445px;
	position: relative;
	top: -40px;
	width: 172px;
	z-index: 20;
}

#content {
	float: left;
  height: 500px;
  margin: 8px 0 0 0;
  padding: 0 0 20px 0;
  position: relative;
	overflow: auto;
	width: 595px;
}

#content .en-tete {
  height: 128px;
  margin: 0 auto 20px auto;
  width: 573px;
}

.two-cols #content { width: 730px; }

.deco {
	background: url(/images/fo/glacier.png) no-repeat left top;
	bottom: -5px;
	height: 121px;
	position: absolute;
	right: 30px;
	width: 134px;
	z-index: 1;
}

.deco-hiver {
  background: url(/images/fo/glacier-hiver.png) no-repeat left top;
  bottom: -5px;
  height: 126px;
  position: absolute;
  right: 30px;
  width: 131px;
  z-index: 1;
}





/*********************************************************************************
  HEADER
*********************************************************************************/
#header .logo {
  background: url(/images/fo/logo.png) no-repeat left top;
  float: left;
  height: 123px;
  margin: 0 0 0 11px;
  text-indent: -100000px;
  width: 258px;  
}


/*********************************************************************************
  HEADER > MENU
*********************************************************************************/
#header .menu {
	float: left;
	height: 40px;
	width: 675px;
}

#header .menu li { float: left; }

#header .menu li a {
  background: url(/images/fo/menu.png) no-repeat left top;
	float: left;
  height: 40px;
	text-indent: -10000px;
}

#header .menu li a.boutique {
  background-position: 0 0;
  width: 88px;
}
#header .menu li a:hover.boutique,
#header .menu li.active a.boutique { background-position: 0 -40px; }

#header .menu li a.producteurs {
  background-position: -89px 0;	
  width: 101px;
}
#header .menu li a:hover.producteurs,
#header .menu li.active a.producteurs { background-position: -89px -40px; }

#header .menu li a.compte {
  background-position: -191px 0;
  width: 104px;
}
#header .menu li a:hover.compte,
#header .menu li.active a.compte { background-position: -191px -40px; }


#header .menu li a.qui-sommes-nous {
  background-position: -296px 0;
  width: 130px;
}
#header .menu li a:hover.qui-sommes-nous,
#header .menu li.active a.qui-sommes-nous { background-position: -296px -40px; }

#header .menu li a.livraison {
	background-position: -428px 0px;
  width: 75px;
}
#header .menu li a:hover.livraison,
#header .menu li.active a.livraison { background-position: -428px -40px; }

#header .menu li a.communaute {
  background-position: -503px 0;
  width: 167px;
}
#header .menu li a:hover.communaute,
#header .menu li.active a.communaute { background-position: -503px -40px; }


/*********************************************************************************
  HEADER > RECHERCHE
*********************************************************************************/
#header .search {
	background: url(/images/fo/buttons/menu-search.png) no-repeat left top;
	float: right;
	height: 39px;
	position: relative;
	width: 222px;
}

#header .search input.text {
  background: url(/images/fo/search-input.png) no-repeat left top;
  border: 0;
  color: #999;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  height: 18px;
  left: 8px;
  padding: 4px 2px 0 20px;
  position: absolute;
  top: 4px;
  width: 183px;
}

.search-result {
  background: url(/images/fo/bkg-search-result.png) no-repeat left bottom;
  margin: -2px 0 0 -1px;
  padding: 0 2px 7px 2px;
  z-index: 99;
}

.search-result ul {
  overflow-x: hidden;  
  overflow-y: auto;  
}

.search-result li {
	color: #666;
	cursor: pointer;
	padding: 4px 10px;
  width: 183px;
}

.search-result li.ac_over {
	background: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #333;
  padding: 3px 10px;
}




/*********************************************************************************
  HEADER > BREADCRUMBS
*********************************************************************************/
#header .breadcrumbs {
	float: left;
	margin: 10px 0 0 0;
}

#header .breadcrumbs .category { font-size: 18px; }

#header .breadcrumbs .category a { color: #666; }
 
#header .breadcrumbs .subcategory {
	background: url(/images/fo/icons/breadcrumbs-arrow.png) no-repeat left 7px;
	color: #999;
  font-size: 14px;
  margin: 0 0 0 7px;
  padding: 0 0 0 10px;
}
*html #header .breadcrumbs .subcategory { background-position: left 5px; }
*+html #header .breadcrumbs .subcategory { background-position: left 6px; }

#header .breadcrumbs .subcategory a { color: #999; }

#header .breadcrumbs-commande .category {
  background: url(/images/fo/icons/breadcrumbs-arrow.png) no-repeat right 11px;
  color: #333;
  margin: 0 7px 0 0;
  padding: 0 12px 0 0;  
}

#header .breadcrumbs-commande .subcategory {
  background: url(/images/fo/icons/breadcrumbs-arrow.png) no-repeat 100% 7px;
  margin: 1px 7px 0 0;
  padding: 0 12px 0 0;
}

#header .breadcrumbs-commande .last {
	background: none;
	margin: 0;
	padding: 0;
}





/*********************************************************************************
  HEADER > NUMBER PRODUCTS
*********************************************************************************/
#header .number-products {
	color: #999;
  float: right;
  font-weight: bold;
  margin: 14px 185px 0 0;
  padding: 0 60px 0 0;
  position: relative;
  text-align: right;
  height: 16px;
}
*html #header .number-products { margin-right: 108px; }


#header .number-products span {
  color: #666;
  font-size: 14px;
}

#header .number-products a {
	background: url(/images/fo/icons/arrow-trigger-com.gif) no-repeat left 6px;
  color: #999;
  padding: 0 0 0 12px;
  position: absolute;
  right: 0;
  top: 2px;
}
#header .number-products a:hover { color: #666; }

.two-cols #header .number-products { margin-right: 60px; }

#header .connect {
	float: right;
}





/*********************************************************************************
  SIDEBAR LEFT > ACCORDION
*********************************************************************************/
#accordion { font-size: 12px; }

.accordion .ui-accordion {
  height: 490px;  
  overflow: hidden;
}

.accordion h3 {
	background: url(/images/fo/accordion-border-bottom.png) no-repeat 10px bottom;
	border: 0;
	color: #333;
	font-weight: bold;
	height: 25px;
	line-height: 20px;
	
}

.accordion h3 .ui-icon { display: none; }

.accordion h3 a {
	color: #333;
	display: block;
	font-size: 13px;
	height: 25px;
	line-height: 21px;
	overflow-y: hidden;
  padding: 0 0 0 20px;
}

.accordion h3.ui-state-hover a,
.accordion h3 a:hover { color: #333; }

.accordion h3.ui-state-active {
	color: #fff;
	height: 28px;
}

.accordion .ui-state-active a,
.accordion .ui-state-active a:link,
.accordion .ui-state-active a:visited {	color: #fff; }

.accordion #cat_charcuterie.ui-state-active { background: url(/images/fo/buttons/accordion-header-charcuterie.png) no-repeat left top; }
.accordion #cat_charcuterie.ui-state-default a:hover { color: #cc3535; }

.accordion #cat_traiteur.ui-state-active { background: url(/images/fo/buttons/accordion-header-traiteur.png) no-repeat left top; }
.accordion #cat_traiteur.ui-state-default a:hover { color: #832155; }

.accordion #cat_cote-jardin.ui-state-active { background: url(/images/fo/buttons/accordion-header-cote-jardin.png) no-repeat left top; }
.accordion #cat_cote-jardin.ui-state-default a:hover { color: #58ac31; }

.accordion #cat_poissonnerie.ui-state-active { background: url(/images/fo/buttons/accordion-header-poissonnerie.png) no-repeat left top; }
.accordion #cat_poissonnerie.ui-state-default a:hover { color: #048ccd; }

.accordion #cat_cremerie.ui-state-active { background: url(/images/fo/buttons/accordion-header-cremerie.png) no-repeat left top; }
.accordion #cat_cremerie.ui-state-default a:hover { color: #b2ad9b; }

.accordion #cat_epicerie.ui-state-active { background: url(/images/fo/buttons/accordion-header-epicerie.png) no-repeat left top; }
.accordion #cat_epicerie.ui-state-default a:hover { color: #ed5e07; }

.accordion #cat_cafe-bar.ui-state-active { background: url(/images/fo/buttons/accordion-header-cafe-bar.png) no-repeat left top; }
.accordion #cat_cafe-bar.ui-state-default a:hover { color: #44b98d; }

.accordion #cat_gouts-d-ailleurs.ui-state-active { background: url(/images/fo/buttons/accordion-header-gouts-ailleurs.png) no-repeat left top; }
.accordion #cat_gouts-d-ailleurs.ui-state-default a:hover { color: #277280; }

.accordion #cat_coin-gourmet.ui-state-active { background: url(/images/fo/buttons/accordion-header-coin-gourmet.png) no-repeat left top; }
.accordion #cat_coin-gourmet.ui-state-default a:hover { color: #f09513; }

.accordion #cat_caviste.ui-state-active { background: url(/images/fo/buttons/accordion-header-caviste.png) no-repeat left top; }
.accordion #cat_caviste.ui-state-default a:hover { color: #a15b2a; }

.accordion #cat_droguerie.ui-state-active { background: url(/images/fo/buttons/accordion-header-droguerie.png) no-repeat left top; }
.accordion #cat_droguerie.ui-state-default a:hover { color: #69859c; }

.accordion #cat_salon-de-beaute.ui-state-active { background: url(/images/fo/buttons/accordion-header-salon-beaute.png) no-repeat left top; }
.accordion #cat_salon-de-beaute.ui-state-default a:hover { color: #f28053; }

.accordion #cat_offrir.ui-state-active { background: url(/images/fo/buttons/accordion-header-offrir.png) no-repeat left top; }
.accordion #cat_offrir.ui-state-default a:hover { color: #8d44c2; }

.accordion .cat_promotion.ui-state-active { background: url(/images/fo/buttons/accordion-header-promotions.png) no-repeat left top; color: #fff; }
.accordion .cat_promotion.ui-state-default a:hover { color: #eabf00; }
.accordion .cat_promotion.ui-state-active a:hover { color: #fff; }

.accordion ul {
	border: 0;
	padding: 0 0 2px 30px;
}

.accordion ul li {
	line-height: 12px;
  margin: 0 0 7px 0;
}
.accordion ul a { color: #666; }
.accordion ul a:hover { color: #333; }
.accordion ul li.active a { font-weight: bold; color: #7E9B26;}

.accordion .ui-accordion-content-active { background: url(/images/fo/accordion-border-bottom.png) no-repeat 5px bottom; }

.ui-datepicker { width: 210px; }

.accordion h3.active {
	background: url(/images/fo/buttons/accordion-header-producteurs.png) no-repeat left top;
	height: 28px;
}

.accordion h3.active a {
	color: #fff;
  line-height: 24px;
}

.accordion ul li.parent { font-weight: bold; }

.accordion ul li ul.children {
	font-weight: normal;
	padding: 5px 0 5px 10px;
}
.accordion ul li ul.children li { line-height: 10px; }

.accordion-fournisseurs h3 {
  height: 20px;
  line-height: 16px;
}

.accordion-fournisseurs h3 a {
  font-size: 11.5px;
  height: 20px;
  line-height: 16px;
}

.accordion-fournisseurs h3.active a {
  font-size: 13px;
  height: 25px;
}





/*********************************************************************************
  CONTENT > LISTING PRODUCTS
*********************************************************************************/
.list-products {
	border-collapse: collapse;
	margin: auto;
  width: 570px;
}

.list-products td {
  background: url(/images/fo/product-border-table.gif) no-repeat right bottom;
  padding: 10px 17px;
  vertical-align: top;
  width: 156px;
}

.list-products .product-cell td {
	background: none;
	padding: 0;
	width: 156px;
}

.container-tooltip {
	cursor: move;
	position: relative;
}

.tooltip {
	background: url(/images/fo/tooltip.png) no-repeat left top;
	color: #fff;
  display: none;
  font-size: 10px;
  font-weight: bold;
	height: 34px;
  left: 0;
  line-height: 12px;
  padding: 2px 0 0 5px;
  position: absolute;
  top: 0;	
	width: 103px;
  z-index: 999;
}

.list-products td.col3 { background-position: left bottom; }

.list-products .row-first td { padding-top: 0; }

.list-products .row-last td { background-position: right top; }

.list-products .row-last td.col3 { background-position: left top; }

.list-products a {
  color: #666;
  cursor: pointer;
	display: block;
}

.list-products a.tooltip-link {
	float: left;
  position: relative;
}

.list-products .thumb {
  background: url(/images/fo/product-bkg-thumb.png) no-repeat left top;
  float: left;
  height: 146px;
  margin: 0 0 3px 0;
  padding: 5px;
  text-align: center;
  width: 146px;
}

.list-products .thumb table tr td {
	background: none;
	height: 146px;
	padding: 0;
	vertical-align: middle;
	width: 146px;
}

.list-products .title {
	display: block;
	font-size: 12px;
	font-weight: bold;
  line-height: 12px;
  margin: 0 0 0 2px;
}

.list-products a:hover .title {
  color:#333;
  text-decoration: underline;
}

.list-products p.brand {
	color: #999;
	font-size: 11px;
	line-height: 14px;
  margin: 0 0 0 2px;
  width: 152px;
}

.list-products a:hover p.brand {
	color: #666;
	text-decoration: underline;
}

.list-products p.product-price {
	color: #666;
  text-align: right;
  width: 153px;
}

.list-products .old-price {
	margin: 0 0 0 3px;
	text-decoration: line-through;
}

.list-products .price {
  font-size: 14px;
  font-weight: bold;
}

.list-products a.ajout-panier { margin: 4px 2px 0 0; }

.list-products .product-indispo {
  color: #cc3333;
  font-weight: bold;
  text-align: center;
}





/*********************************************************************************
  CONTENT > DRAG
*********************************************************************************/
.drag {
  cursor: move;	
	z-index: 99;
}
.drag a { cursor: move; }

.ui-draggable-dragging {
  padding: 10px 17px;
  width: 146px;
}

.ui-draggable-dragging .thumb {
  background: url(/images/fo/product-bkg-thumb.png) no-repeat left top;
  float: left;
  height: 146px;
  margin: 0 0 3px 0;
  padding: 5px;
  text-align: center;
  width: 146px;
}

.ui-draggable-dragging .thumb  table tr td {
	height: 146px;
	vertical-align: middle;
	width: 146px;
}

.ui-draggable-dragging .zoom {
  background: url(/images/fo/fiche-bkg-zoom.png) no-repeat left top;
  height: 236px;
  margin: 0 0 0 6px;
  padding: 10px;
  text-align: center;
  width: 236px;
}

.ui-draggable-dragging .zoom table tr td {
  height: 236px;
  vertical-align: middle;
  width: 236px;
}





/*********************************************************************************
  CONTENT > FICHE PRODUIT
*********************************************************************************/
.fiche-product {
	margin: 0 0 0 10px;
	width: 560px;
}

.fiche-product .cb {
	background: url(/images/fo/border-horizontal.png) repeat-x left bottom;
	height: 12px;
}

.fiche-product h1 {
	color: #93b929;
	font-size: 14px;
}



/*********************************************************************************
  CONTENT > FICHE PRODUIT > FICHE
*********************************************************************************/
.fiche-product .part-fiche { padding: 0 0 30px 0; }

.fiche-product .part-fiche h1 {
  background: url(/images/fo/icons/fiche-produit.png) no-repeat left top;
  margin: 0 0 5px 0;
  text-indent: -100000px; 
}

.fiche-product .part-fiche a {
  color: #333;
  text-decoration: underline;
}

.fiche-product .part-fiche h2 {
  color: #666;
  font-size: 14px;
  margin: 5px 0 0 0; 
}

.fiche-product .part-fiche .brand { color: #666; }

.fiche-product .part-fiche .product-indispo {
  color: #cc3333;
  font-weight: bold;
}

.fiche-product .part-fiche .old-price {
	color: #666;
	margin: 0 5px 0 0;
	text-decoration: line-through;
}

.fiche-product .part-fiche .pictures {
	float: left;
	margin: 0 10px 10px 0;
	width: 269px;
}

.fiche-product .part-fiche .pictures .zoom {
	background: url(/images/fo/fiche-bkg-zoom.png) no-repeat left top;
  height: 236px;
  margin: 0 0 0 6px;
  padding: 10px;
  text-align: center;
  width: 236px;
}

.fiche-product .part-fiche .pictures .zoom table { margin: 0; }

.fiche-product .part-fiche .pictures .zoom table tr td {
	height: 236px;
	vertical-align: middle;
	width: 236px;
}

.fiche-product .part-fiche .pictures .thumbs {
	padding: 0 10px;
	position: relative;
	width: 249px;
}

.fiche-product .part-fiche .pictures .thumbs ul { margin: 0 0 0 -3px; }

.fiche-product .part-fiche .pictures .thumbs li {
	background: url(/images/fo/fiche-bkg-mini-thumb.png) no-repeat left top;
	border: 0;
	display: inline;
  float: left;
	height: 54px;
	margin: 3px 0 0 3px;
	padding: 3px;
	width: 54px;
}

.fiche-product .part-fiche .pictures .thumbs li a {
  display: block;
  height: 100%;
  width: 100%;
}

.fiche-product .part-fiche .pictures .thumbs li a table { margin: 0; }

.fiche-product .part-fiche .pictures .thumbs li a table tr td {
  height: 54px;
  padding: 0;
  vertical-align: middle;
  width: 54px;
}

.fiche-product .part-fiche .pictures .thumbs a.prev {
  background: url(/images/fo/icons/arrow-carousel-picture.png) no-repeat left bottom;
  height: 10px;
  left: 0;
  position: absolute;
  text-indent: -100000px;
  top: 30px;
  width: 6px;
}

.fiche-product .part-fiche .pictures .thumbs a.next {
  background: url(/images/fo/icons/arrow-carousel-picture.png) no-repeat left top;
  height: 10px;
  position: absolute;
  right: 0;
  text-indent: -100000px;
  top: 30px;
  width: 6px;
}

.fiche-product .part-fiche table {
	margin: 20px 0 0 -2px;
}

.fiche-product .part-fiche table th {
	color: #666;
	font-weight: normal;
	padding: 0 25px 15px 0;
  text-align: left;
  vertical-align: top;
  width: 70px;
}

.fiche-product .part-fiche table th span {
	float: left;
  margin: 6px 0 0 0;
}

.fiche-product .part-fiche table td {
  color: #333;
  padding: 0 0 15px 0;
}

.fiche-product .part-fiche .price {
  font-size: 18px;
  font-weight: bold;
  margin: 0 5px 0 0;
}

.fiche-product .part-fiche form label {
  color: #666;
  float: left;
  margin: 4px 0 0 0;
  width: 95px;
}

.fiche-product .part-fiche form input.text {
  background: url(/images/fo/fiche-input.png) no-repeat left top;
  border: 0;
  color: #888;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 15px;
  font-weight: bold;
  height: 22px;
  padding: 2px 2px 0 2px;
  width: 38px;
}

.fiche-product .part-fiche form input.button {
  background: url(/images/fo/buttons/ajout-panier-big.png) no-repeat left top;
  border: 0;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 138px;
}


/*********************************************************************************
  CONTENT > FICHE PRODUIT > INFOS PRODUIT
*********************************************************************************/
.fiche-product .part-infos { padding: 0 0 30px 0; }

.fiche-product .part-infos .cb { height: 2px; }

.fiche-product .part-infos h1 {
  background: url(/images/fo/icons/informations-produit.png) no-repeat left top;
  margin: 0 0 5px 0;
  text-indent: -100000px; 
}

.fiche-product .part-infos h3 {
  color: #666;
  font-size: 12px;
}

.fiche-product .part-infos p {
  color: #333;
  margin: 0 0 15px 0;
  font-family: arial;
}


/*********************************************************************************
  CONTENT > FICHE PRODUIT > RECETTES
*********************************************************************************/
.fiche-product .part-recettes { padding: 0 0 30px 0; }

.fiche-product .part-recettes h1 {
  background: url(/images/fo/icons/recettes-utilisant.png) no-repeat left top;
  margin: 0 0 5px 0;
  text-indent: -100000px; 
}

.fiche-product .list-recette { width: 564px; }

.fiche-product .list-recette li {
  float: left;
  margin: 0 0 0 0;
  width: 141px;
}

.fiche-product .list-recette li a {
  color: #666;	
  display: block;
  height: 100%;
  width: 100%;
}

.fiche-product .list-recette li a:hover { color: #333; }

.fiche-product .list-recette li .thumb {
  background: url(/images/fo/fiche-bkg-thumb.png) no-repeat left top;	
	display: block;
  height: 111px;
  margin: 0 0 1px 0;
  padding: 5px;
  width: 121px;
}

.fiche-product .list-recette li .title {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 2px;
  width: 121px;
}


/*********************************************************************************
  CONTENT > FICHE PRODUIT > PRODUITS ASSOCIÉS
*********************************************************************************/
.fiche-product .part-produits { padding: 0 0 30px 0; }

.fiche-product .part-produits h1 {
  background: url(/images/fo/icons/produits-associes.png) no-repeat left top;
  margin: 0 0 5px 0;
  text-indent: -100000px; 
}

.fiche-product .list-products { width: 564px; }

.fiche-product .list-products td {
	background: none;
	padding: 10px 10px 10px 0;
	width: 141px;
}

.fiche-product .list-products td .thumb {
  background: url(/images/fo/fiche-bkg-thumb.png) no-repeat left top;
  cursor: pointer;
  float: left;
  height: 121px;
  padding: 5px;
  width: 121px;
}

.fiche-product .list-products td .thumb table tr td {
  height: 121px;
  vertical-align: middle;
  width: 121px;
}

.wrapper #page .main .fiche-product .list-products td a:hover .thumb-fixed { background-position: 0 0; }

.fiche-product .list-products td p {
  width: 128px;
}


/*********************************************************************************
  CONTENT > FICHE PRODUIT > COMMENTAIRES
*********************************************************************************/
.fiche-product .part-commentaires { padding: 0 0 20px 0; }

.fiche-product .part-commentaires h1 {
  background: url(/images/fo/icons/commentaires.png) no-repeat left top;
  text-indent: -100000px; 
}

.fiche-product .part-commentaires a.trigger {
  background: url(/images/fo/icons/arrow-trigger-com.gif) no-repeat;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  padding: 0 10px 0 0;
}
.fiche-product .part-commentaires a.trigger.show { background-position: right -19px; }
.fiche-product .part-commentaires a.trigger.hide { background-position: right 6px; }

.fiche-product .part-commentaires .coms {
	clear: both;
  margin: 10px 0 0 0;
}

.fiche-product .part-commentaires .coms li { padding: 6px 10px 8px 10px; }

.fiche-product .part-commentaires .coms li.odd { background: #e8e8e8; }

.fiche-product .part-commentaires .note {
	height: 16x;
	margin: 0 5px 0 0;
  width: 100px;
}

.fiche-product .part-commentaires .note li {
  float: left;
	height: 16px;
  /*margin: 0 4px 0 0;*/
  padding: 0;
  width: 20px;
}

.fiche-product .part-commentaires .note li a {
	background: url(/images/fo/icons/star.png) no-repeat left bottom;
  display: block;
  height: 16px;
  width: 20px;
}
.fiche-product .part-commentaires .note li.active a { background-position: left top; }

.fiche-product .part-commentaires h2 {
	color: #666;
	font-size: 13px;
  float: left;
  line-height: 18px;
  width: 435px;
}

.fiche-product .part-commentaires .author {
	clear: both;
  color: #999;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
}

.fiche-product .part-commentaires .content {
  color: #333;
  margin: 5px 0 0 0;
  font-family: arial;
}

.fiche-product .part-commentaires form {
	background: #e8e8e8;
	margin: 10px 0 0 0;
  padding: 10px 16px 0 10px;
}

.fiche-product .part-commentaires form h2 {
  float: none;
	width: auto;
}

.fiche-product .part-commentaires form .cb {
	background: none;
	height: 10px;
}

.fiche-product .part-commentaires form label {
	color: #999;
	font-style: italic;
	font-weight: bold;
	float: left;
	margin: 2px 0 0 0;
	width: 100px;
}

.fiche-product .part-commentaires form .note { float: left; }

.fiche-product .part-commentaires form input.text {
	background: url(/images/fo/fiche-coms-input.png) no-repeat left top;
	border: 0;
	color: #666;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 12px;
  height: 19px;
  padding: 2px 5px 0 5px;
  width: 325px;
}

.fiche-product .part-commentaires form textarea {
  background: url(/images/fo/fiche-coms-textarea.png) no-repeat left top;
  border: 0;
  color: #666;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 12px;
  height: 70px;
  padding: 5px;
  width: 424px;
}

.fiche-product .part-commentaires form .help {
	font-size: 11px;
	font-style: italic;
	margin: 0 0 0 100px;
	width: 434px;
}

.fiche-product .part-commentaires form .button {
	background: url(/images/fo/buttons/ajouter-com.png) no-repeat left top;
	border: 0;
	cursor: pointer;
	height: 16px;
  float: right;
  width: 127px;
}

.fiche-product .part-commentaires .no-content {
  background: #e8e8e8;
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0 0 0;
  padding: 5px 16px;
}




/*********************************************************************************
  CONTENT > FICHE PRODUCTEUR
*********************************************************************************/
.fiche-producteur .part-fiche h1 { background: url(/images/fo/icons/fiche-producteur.png) no-repeat left top; }

.fiche-producteur .part-produits h1 { background: url(/images/fo/icons/nos-produits.png) no-repeat left top; }

.fiche-producteur .part-recettes h1 { background: url(/images/fo/icons/nos-recettes.png) no-repeat left top; }

.fiche-producteur .part-fiche table { margin: 10px 0 0 0; }

.fiche-producteur .part-fiche table th,
.fiche-producteur .part-fiche table td { padding-bottom: 10px; }

.fiche-producteur .part-infos {
  color: #666;
  margin: 10px 0 0 0;
}

.fiche-producteur .list-recette li {
  float: none;
  font-weight: bold;
  list-style-type: disc;
  list-style-position: inside;
  margin: 0 0 5px 10px;
  width: auto;
}

.fiche-producteur .list-recette li a {
  color: #666;  
  display: inline;
  height: 100%;
  width: 100%;
}

.fiche-product .list-recette li a:hover { color: #333; }

.fiche-product .list-recette li .thumb {
  background: url(/images/fo/fiche-bkg-thumb.png) no-repeat left top; 
  display: block;
  height: 121px;
  margin: 0 0 1px 0;
  padding: 5px;
  width: 121px;
}

.fiche-product .list-recette li .thumb table tr td {
  height: 121px;
  vertical-align: middle;
  width: 121px;
}

.fiche-product .list-recette li .title {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 2px;
  width: 121px;
}






/*********************************************************************************
  CONTENT > FICHE RECETTE
*********************************************************************************/
.fiche-recette .part-fiche h1 { background: url(/images/fo/icons/fiche-recette.png) no-repeat left top; }

.fiche-recette h3 {
	color: #666;
	font-size: 12px;
}

.fiche-recette .part-fiche h3 { margin: 20px 0 5px 0; }

.fiche-recette .part-fiche ul li {
  list-style-type: disc;
  list-style-position: inside;
}

.fiche-recette .part-ingredients {
	float: left;
	width: 280px;
}

.fiche-recette .part-preparation {
	clear: both;
	margin: 0 0 40px 0;
}

.fiche-recette .part-preparation h3 { margin: 0 0 5px 0; }

.fiche-recette .part-preparation p { margin: 0 0 10px 0; }




/*********************************************************************************
  CONTENT > MAIRIE
*********************************************************************************/
.content-mairie {
  margin: auto;
  width: 580px;
}

.content-mairie h2, .content-mairie.form h2 {
	font-size: 18px;
	font-weight: normal;
} 

.content-mairie .recap-commande { margin: 10px 0 0 0; } 

.content-mairie .recap-commande a {
	background: url(/images/fo/icons/magnifier.png) no-repeat right top;
	color: #666;
	float: right;
	padding: 1px 18px 0 0;
}

.content-mairie .recap-commande a.load{
  background-image: url(/images/fo/icons/cart.png);
  margin-left: 5px;
}
.content-mairie .recap-commande a:hover { color: #333; }

.inscription-newsletter.form h2 { font-size: 16px; }

.inscription-newsletter.form form { margin: 10px auto; }

.inscription-newsletter.form form p {
	margin: 0 0 20px 0;
	text-align: center;
}

.inscription-newsletter.form form table {
  margin: 0 auto;
  width: 350px;
}

.inscription-newsletter.form form table .valider-inscription { margin: 15px 0 0 0; }






/*********************************************************************************
  CONTENT > DETAILS PANIER
*********************************************************************************/
.panier-detail {
	margin: 1px 0 0 1px;
	width: 700px
}

.panier-detail .actions {
	color: #666;
	height: 25px;
  line-height: 23px;
	margin: 15px 0 30px 0;
	padding: 0 135px 0 0;
	position: relative;
  text-align: right;
}

.panier-detail .actions a {
	color: #666;
	font-weight: bold;
	margin: 0 10px;
}

.panier-detail .actions a:hover { color: #333; }

.panier-detail .actions .valider-panier {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.panier-detail .no-content {
	margin: auto;
	width: 550px;
}



/*********************************************************************************
  CONTENT > DETAILS PANIER > TABLEAU
*********************************************************************************/
.panier-list {
	border: 1px solid #d4d4d4;
	width: 699px;
}

.panier-list thead td,
.panier-list tfoot td {
	background: #e4e4e4 url(/images/fo/table-thead-tfoot.png) repeat-x left -1px;
	color: #999;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	padding: 0 10px;
}

.panier-list tfoot td {
  background-position: left top;	
	color: #666;
  height: 23px;
  line-height: 23px;
}
.panier-list tfoot td.price-ht {
	font-size: 12px;
  font-weight: normal;
}
.panier-list tfoot td.price-ttc {
	color: #333;
  font-size: 14px;
}

.panier-list tbody td {
	background: url(/images/fo/border-horizontal.png) repeat-x left top;
	color: #666;
	line-height: 14px;
	padding: 10px;
	vertical-align: middle;
}

.panier-list tbody td .thumb {
  background: url(/images/fo/fiche-bkg-mini-thumb.png) no-repeat left top;
  float: left;
  height: 54px;
  padding: 3px;
  text-align: center;
  width: 54px;
}

.panier-list tbody td .thumb table tr td {
	background: none;
	height: 54px;
	padding: 0;
	vertical-align: middle;
	width: 54px;
}

.panier-list tbody td .product-name a {
	color: #666;
	font-weight: bold;
}
.panier-list tbody td .product-name a:hover { color: #333; }

.panier-list tbody td .delete-item {
	background: url(/images/fo/icons/delete-item.png) no-repeat center center;
	float: left;
	height: 10px;
	text-indent: -100000px;
	width: 10px;
}


.panier-list tbody td input {
	background: url(/images/fo/panier-detail-input.png) no-repeat left top;
	border: none;
	color: #666;
	height: 17px;
	padding: 3px 2px 0 2px;
  width: 25px;
}




/*********************************************************************************
  CONTENT > COMPTE > CONNEXION
*********************************************************************************/
.old-client,
.new-client {
  margin: 10px 0 30px 20px;	
	padding: 0 0 0 20px;
}

.old-client {
  background: url(/images/fo/border-horizontal.png) repeat-x left bottom;
  padding-bottom: 15px;
}




/*********************************************************************************
  CONTENT > COMMANDE > ADRESSES
*********************************************************************************/
.adress-livraison {
	background: url(/images/fo/border-vertical.png) repeat-y right top;
  float: left;
  margin: 0 10px;
  padding: 0 0 10px 0;
  width: 350px;
}

.adress-facturation {
  float: right;
  width: 350px;
}

.form .adress-livraison form,
.form .adress-facturation form  
{ width: 340px; }

.form .adress-livraison table td.name,
.form .adress-facturation table td.name
{ padding-right: 10px }

.adress-livraison .old-adress p {
	color: #666;
  margin: 10px 0 30px 10px; 
}

.form .adress-livraison label.label-inline { margin-right: 0; }

.form .adress-livraison table td { width: auto; }






/*********************************************************************************
  CONTENT > FORM
*********************************************************************************/
.form form {
	margin: 10px 0 0 10px;
  width: 570px;
}

.form form table { width: 100%; }


.form h2 {
	color: #666;
	font-size: 14px;
}

.form i {
	color: #666;
	font-size: 11px;
}

.form a {
	color: #333;
	text-decoration: underline;
}

.form table td {
  padding: 5px 0 5px 0;
  text-align: left;
  vertical-align: top;	
	width: 285px;
}

*html .form table td { width: auto; }
*+html .form table td { width: auto; }


.form table td.col-left {
	padding-right: 85px;
	width: 200px;
}
.form table td.name { width: 140px; }

.form label,
.form .label {
	color: #666;
	display: block;
	text-align: left;
}

.form label.error,
.form .label.error {
  color: #cc3333;
  font-weight: bold;
} 

.form label.label-inline {
	display: inline;
	line-height: 18px;
	margin: 0 20px 0 5px;
}

*html .form label.label-inline { margin: 0; }
*+html .form label.label-inline { margin: 0; }

.form label.font11 {
	font-size: 11px;
	margin: 0;
}

.form input.text {
  background: url(/images/fo/form-input-text.png) no-repeat left top;
  border: 0;
  color: #333;
  height: 18px;
  padding: 3px 2px 0 2px;
  width: 194px;
}

form input.name {
  background: url(/images/fo/form-input-name.png) no-repeat left top;
  border: 0;
  color: #333;
  height: 18px;
  padding: 3px 2px 0 2px;
  width: 133px;
}

form input.day-month {
  background: url(/images/fo/form-input-day-month.png) no-repeat left top;
  border: 0;
  color: #333;
  height: 18px;
  margin: 0 5px 0 0;
  padding: 3px 2px 0 2px;
  width: 26px;
}

form input.year {
  background: url(/images/fo/form-input-year.png) no-repeat left top;
  border: 0;
  color: #333;
  height: 18px;
  padding: 3px 2px 0 2px;
  width: 56px;
}

form input.code-postal {
  background: url(/images/fo/form-input-code-postal.png) no-repeat left top;
  border: 0;
  color: #333;
  height: 18px;
  padding: 3px 2px 0 2px;
  width: 96px;
}

.form textarea {
	background: url(/images/fo/form-textarea.png) no-repeat left top;
	border: 0;
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 11px;
	height: 57px;
	padding: 3px;
	width: 302px;
}

.form select { width: 195px; }



.form ul.civilite_list li, .form ul.civilite_list li label{
  display: inline;
 }
 
 .form ul.civilite_list li label{
  line-height: 18px;
  margin: 0 20px 0 5px;
 }

/*********************************************************************************
  CONTENT > RECAPITULATIF COMMANDE
*********************************************************************************/
.recap-commande {
	color: #666;
  margin: 1px 0 0 10px;
  width: 700px
}

.recap-commande div {
	background: url(/images/fo/border-horizontal.png) repeat-x left bottom;
	padding: 10px 0 15px 0;
}

.recap-commande div.cb {
	background: none;
	padding: 0;
}

.recap-commande h1 {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
}

.recap-commande h2 {
  color: #666;
  font-size: 14px;
  margin: 0 0 5px 0;
}

.print {
	background: url(/images/fo/buttons/imprimer.png) no-repeat left center;
	color: #666;
	float: right;
	height: 25px;
	font-size: 11px;
	margin: -18px -20px 0 0;
	padding: 0 0 0 20px;
	text-indent: -100000px;
	width: 106px;
}

.recap-commande table.recap-top {
  margin: 20px 0;
  width: 699px;
}

.recap-commande table.recap-top p { margin: 0 0 5px 0 }

.recap-commande table.recap-top span { font-weight: bold; }

.recap-commande table.recap-top td {
	vertical-align: top;
	padding: 0 10px 0 0;
}

.recap-commande .recap-adress {
  float: left;
  margin: 0 0 20px 0;
  width: 50%;
}

.recap-commande .code-promo input.text {
  background: url(/images/fo/form-input-text.png) no-repeat left top;
  border: 0;
  color: #333;
  float: left;
  height: 18px;
  margin: 0 0 3px 0;
  padding: 3px 2px 0 2px;
  width: 194px; 
}

.recap-commande .code-promo p { clear: both; }

.recap-commande .code-promo p span {
  color: #999;
  font-style: italic;
  font-weight: bold;
}

.recap-commande .date-livraison { background: none; }

.recap-commande .date-livraison input.hasDatepicker {
  background: url(/images/fo/form-input-text.png) no-repeat left top;
  border: 0;
  color: #333;
  height: 18px;
  padding: 3px 2px 0 2px;
  width: 194px;	
}

.recap-commande .date-livraison img.ui-datepicker-trigger {
	cursor: pointer;
	margin: 0 0 0 3px;
	vertical-align: -3px;
}

*html .recap-commande .date-livraison img.ui-datepicker-trigger { vertical-align: 0; }
*+html .recap-commande .date-livraison img.ui-datepicker-trigger { vertical-align: 0; }

.ui-datepicker {
	background: #fff;
	border: 1px solid #aaa;
	padding: 3px;
	z-index: 99;
}

.ui-datepicker-header {
	background: #ccc;
	border: 1px solid #aaa;
}

.recap-commande .moyen-paiement .icon-card {
	float: left;
	margin: 0 5px 0 0;
}

.recap-commande .recap-final { background: none; }

.recap-commande .recap-final .pub {
  background: none;	
	float: left;
	padding: 2px 0 0 0;
  width: 330px;
}	

.recap-commande .recap-final a.modifier {
	color: #666;
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 0 10px;
}
.recap-commande .recap-final a:hover.modifier {
	color: #333;
  text-decoration: underline;
}

.recap-commande .recap-price {
	background: none;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 330px;
}

.recap-commande .recap-price p {
	line-height: 18px;
	position: relative;
	vertical-align: bottom;
	width: 330px;
}

.recap-commande .recap-price p.info-port {
	font-size: 11px;
	font-style: italic;
}

.recap-commande .recap-price p span {
	color: #333;
  font-size: 14px;	
	font-weight: bold;
	position: absolute;
	right: 0;
}

.recap-commande p.cgv { margin: 10px 0 0 0; }

.recap-commande p.cgv a {
  color: #333;
  text-decoration: underline;
}

.recap-commande p.cgv input {	margin: 0 5px 0 0; }

.recap-commande .recap-final .valider-commande {
	float: right;
	margin: 15px 15px 0 0;
}

.recap-commande .actions { background: none; }






/*********************************************************************************
  CONTENT > SITES REMARQUABLES
*********************************************************************************/
.listing-site {
	color: #666;
  margin: 20px auto 0;
  /*width: 580px;*/
}

.listing-site li {
	border-bottom: 1px dotted #ccc;
  padding: 0 10px 15px;
  list-style-type: none;
}

#other_shop #content .listing-site li {
	list-style-type: none;
  margin: 15px 0 0 0;
}

.listing-site a { color: #666; }

.listing-site .site-name {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
}

.listing-site a:hover .site-name { color: #93b929; }

.listing-site .site-url {
  color: #999;
  margin: 0 0 10px 0;
}

.listing-site a:hover { color: #333; }





/*********************************************************************************
  HOME BOUTIQUES
*********************************************************************************/

/***** Catégories *****/
#content .categories {
	height: 499px;
	float: left;
	overflow: auto;
	width: 560px;
}

#content .categories table td.shop-thumb,
#other_shop #content .categories table td.shop-thumb {
	background: url(/images/fo/thumb-130x100.png) no-repeat center top;	
	list-style-type: none;
	padding: 0 0 6px 0;
	text-align: center;
	width: 135px;
}

#content .categories table td.shop-thumb table,
#other_shop #content .categories table td.shop-thumb table {
	height: 90px;
	margin: 5px 0;
	width: 100%;
}

#content .categories table td.shop-thumb a,
#other_shop #content .categories table td.shop-thumb a {
	color: #666;
	display: block;
	text-align: center;
}

#content .categories table td.shop-thumb a img { border: 0; }


#content .categories table td.shop-thumb a:hover,
#other_shop #content .categories table.shop-thumb td a:hover {
	color: #333;
	text-decoration: underline;
}

#content .categories table td.shop-thumb .cat-name,
#other_shop #content .categories table td.shop-thumb .cat-name {
	display: block;
	font-weight: bold;
}

#content .categories table td.shop-thumb a:hover .cat-name,
#other_shop #content .categories table td.shop-thumb a:hover .cat-name {
	color: #333;
	text-decoration: underline;
}


/***** Producteurs *****/
.producteurs {
	float: right;
	height: 499px;
	overflow: auto;
	width: 160px;	
}

#other_shop #content .producteurs ul,
#content .producteurs ul {
	list-style-type: none;
	margin: 0;
}

#other_shop #content .producteurs ul li ,
#content .producteurs ul li {
	background: url(/images/fo/thumb-130x100.png) no-repeat center top;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 5px;
	text-align: center;
	width: 130px;
	height: 90px;
	line-height: 90px;
}

#content .producteurs ul li table,
#other_shop #content .producteurs ul li table {
	height: 90px;
	margin: 0 5px;
	width: 120px;
}

#content .producteurs ul li table td,
#other_shop #content .producteurs ul li table td {
	text-align: center;
	vertical-align: middle;
}

#other_shop #content .producteurs ul li a,
#content .producteurs ul li a { display: block; }

/***** Home d'une catégorie *****/
#content .cat-shop { width: 590px; }

#content .cat-shop table td.shop-thumb {
	width: 140px;
}
	






/*********************************************************************************
  SIDEBAR RIGHT
*********************************************************************************/
#sidebar-right .connect {
  color: #333;
  float: right;
  margin: 0 22px 0 0;
  text-align: right;
  width: 130px;
}

*html #sidebar-right .connect {
  margin-right: 12px;
}

#sidebar-right .connect a {
	color: #000;
	text-decoration: underline;
}

#sidebar-right a.panier-link {
  cursor: pointer;
  display: block;
  height: 42px;
  left: 0px;
  position: absolute;
  top: 20px;
  width: 140px;
}

#sidebar-right span.h4 {
	background: url(/images/fo/votre-panier.png) no-repeat left center;
	float: left;
	height: 24px;
	margin: 4px 0 0 40px;
	text-indent: -100000px;
	width: 96px;
}

#sidebar-right .total {
	color: #999;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	left: 50px;
	position: absolute;
	top: 46px;
	width: 100px;
}

#sidebar-right .total a {
  color: #999;
  display: block;
  position: relative;
}

#sidebar-right .total a span {
  color: #666;
  font-size: 14px;
  position: absolute;
  right: 0;
}

#sidebar-right .valider {
  background: url(/images/fo/buttons/voir-panier.png) no-repeat left top;
  border: 0;
  bottom: -10px;
  cursor: pointer;
  display: block;
  float: none;
  height: 28px;
  left: 34px;
  position: absolute;
  text-indent: -100000px;
  width: 113px;
  z-index: 100;	
}

#sidebar-right .vider {
  background: url(/images/fo/buttons/cart-vider.png) no-repeat center top;
  border: 0;
  bottom: -26px;
  cursor: pointer;
  display: block;
  float: none;
  height: 19px;
  left: 53px;
  position: absolute;
  text-indent: -100000px;
  width: 76px;
  z-index: 99; 
}

/*********************************************************************************
  SIDEBAR RIGHT > ITEM
*********************************************************************************/
#sidebar-right .item {
  font-size: 11px;	
	padding: 5px 0 5px 1px;
	position: relative;
  width: 118px;
}

#sidebar-right .item a.delete {
	background: url(/images/fo/buttons/cart-item-delete.png) no-repeat center top;
	float: right;
	height: 18px;
	position: absolute;
	right: -4px;
	top: 0;
	width: 18px;
}

#sidebar-right .item a:hover.delete { background-position: center bottom; }

#sidebar-right .item .top-item {
  background: url(/images/fo/cart-item-top.png) no-repeat left top;
  height: 5px;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

#sidebar-right .item .bottom-item {
  background: url(/images/fo/cart-item-bottom.png) no-repeat left top;
  height: 5px;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

#sidebar-right .item .content-item {
  background: url(/images/fo/cart-item-content.png) repeat-y left top;
  padding: 0 6px 0 8px;
  width: 104px;
}

#sidebar-right .item h6 {
	color: #666;
	font-size: 11px;
	line-height: 11px;
	padding: 0 8px 0 0;
}

#sidebar-right .item p {
	color: #999;
	margin: 3px 0 0 0;
}

#sidebar-right .item p .quantity {
	float: left;
	margin: 1px 0 0 0;
}

#sidebar-right .item p .quantity input {
	background: #f6f5f5 url(/images/fo/cart-item-input.png) no-repeat left top;
	border: 1px solid #ccc;
	color: #999;
	display: inline;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0 3px 0 0;
	padding: 0 2px 0 0;
	height: 14px;
	width: 20px;
}

#sidebar-right .item p .price {
	color: #333;
	float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  margin: 0 0 0 3px;
}

*+html #sidebar-right .item p .price {
  margin-top: 1px;
}

#sidebar-right #panier {
  height: 360px;
  left: 29px;
  position: absolute;
  top: 64px;
  width: 123px;
}

#sidebar-right #panier_container {
  height: 420px;
  width: 160px;
}

#panier_loader {
  background: url(../images/fo/ajax-loader.gif) no-repeat center center;
  display: none;
  height: 320px;
  left: 29px;
  position: absolute;
  top: 84px;
  width: 123px;
  z-index: 10;
}

#panier_container.panier-state-active #panier {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#panier .empty {
	background: url(/images/fo/icons/panier-empty.png) no-repeat center top;
	color: #666;
	font-weight: bold;
	margin: 140px 0 0 1px;
	padding: 30px 0 0 0;
  text-align: center;
}




/*********************************************************************************
  FOOTER
*********************************************************************************/
#traiteur_shop #footer { background-image: url(/images/fo/footer/traiteur.png); }
#charcuterie_shop #footer { background-image: url(/images/fo/footer/charcuterie.png); }
#cote-jardin_shop #footer { background-image: url(/images/fo/footer/cote-jardin.png); }
#poissonnerie_shop #footer { background-image: url(/images/fo/footer/poissonnerie.png); }
#cremerie_shop #footer { background-image: url(/images/fo/footer/cremerie.png); }
#epicerie_shop #footer { background-image: url(/images/fo/footer/epicerie.png); }
#cafe-bar_shop #footer { background-image: url(/images/fo/footer/cafe-bar.png); }
#gouts-d-ailleurs_shop #footer { background-image: url(/images/fo/footer/gouts-d-ailleurs.png); }
#coin-gourmet_shop #footer { background: url(/images/fo/footer/coin-gourmet.png) no-repeat center top; }
#caviste_shop #footer { background-image: url(/images/fo/footer/caviste.png); }
#droguerie_shop #footer { background-image: url(/images/fo/footer/droguerie.png); }
#salon-de-beaute_shop #footer { background: url(/images/fo/footer/salon-de-beaute.png) no-repeat center top; }
#offrir_shop #footer { background-image: url(/images/fo/footer/offrir.png); }
#promotion_shop #footer { background-image: url(/images/fo/footer/promotions.png); }

#footer {
  background-image: url(/images/fo/footer/default.png);	
	background-position: center top;
	background-repeat: no-repeat;
	color: #999;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding: 10px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

#footer .container {
	margin: auto;
  width: 960px;
}

#footer li { display: inline; }

#footer a {
	color: #666;
	margin: 0 6px 0 3px;
}
#footer a:hover { color: #333; }

#footer p {
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
}

.two-cols-shop #header { background: url(/images/fo/bkg-header-shop.png) no-repeat 18px bottom; }
.two-cols-shop #main { background: url(/images/fo/bkg-content-shop.png) no-repeat 2px top; }