@charset "UTF-8";


/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	
	body {
		background: #fff url(../images/fond.jpg) center top no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0; padding: 0 0 20px 0;
	}
	
	a:link {
		color: #cc0329;  
		text-decoration: none;
	}
	a:visited {	color: #cc0329; text-decoration: none; outline: none; }
	a:active { outline: none; }
	
	h2 { font-size: 14px; }
	
	p { line-height: 20px; }
	#col1 p, #col2 p { line-height:normal; }
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	
	#container {
		margin: 0 auto;
		width: 924px;
	}
	
	#header {
		background: url(../images/img_header.jpg) center top no-repeat;
		margin: 10px;
		height: 153px;
		position: relative;
	}
	#logo { margin: 0; }
	#logo a { 
		background: url(../images/logo.png) center top no-repeat;
		display: block;
		position: absolute;
		cursor: pointer;
		top: 0px; left: 20px;
		text-indent: -99999px;
		width: 190px; height: 125px;
	}
	* html #logo a { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png", sizingMethod="crop");}
	
	.zone_content { padding: 20px; }
	
	.zone_content h1, h2, h3 { color: #cc0329; margin: 0 0 10px 0; }
	
	.listefournisseur_admin {
		list-style-type: none;
	}
	.listefournisseur_admin a { font-size: 12px; font-weight: bold; }
	
	
	.zone_content label { float: left; width: 150px; text-align: right; padding: 0 10px 0 0; }
	.zone_content #form_ajout { float: left; width: 350px; }
	.zone_content #mapContainer { float: right; }
	.options { clear: both; }
/* 	--------------------------------------------------------------------------------
	Contents ---------------------------------------------------------------------*/
	
	
	#col1 { float: left; width: 682px; }
	
	#col1 .main {
		background: url(../images/home_main2.jpg) left top no-repeat;
		width: 682px; height: 325px;
	}
	#col1 .main p {
		color: #3a3a3a;
		font-size: 12px; 
		line-height: 20px;
		padding: 0 232px 0 30px;
	}
	#col1 .main h1 { 
		color: #cc0329; 
		text-transform: uppercase; 
		margin: 0;
		font-size: 22px;
		padding: 35px 0 0 30px;
	}
	
	.search_col1 { float: left; width: 350px; }
	.search_col2 { float: right; }
	
	.welcometext {
		float: left;
		width: 465px;
	}
	.lasemaine { 
		float: left;
		width: 215px;
	}
	#col1 .main .lasemaine h1 {
		font-size: 20px;
		text-transform: none;
		padding: 14px 0 0 20px;
	}
	#col1 .main .lasemaine p {	
		color: #3e3e3e;
		padding: 105px 10px 0 20px;
		margin-bottom: 5px;
		font-size: 16px;
		line-height:18px;
		font-weight: bold;
	}
	#codepostalsemaine {
		padding: 0 0 0 20px;
	}
	#codepostalsemaine label {
		display: block;
		font-family: Verdana;
		color: #3e3e3e;
	}
	#codepostalsemaine #cp {
		background: url(../images/bg_cp.png) center left no-repeat;
		border: none;
		display: block;
		padding: 6px 5px; margin: 0 0 3px 0;
		width: 168px;
	}
	.hide { display: none; }
	
	/* -----------------------------------------
		Call to actions ----------------------*/
	#col1 .cta_01 { margin: 0; }
	#col1 .cta_01 a { 
		background: url(../images/home_cta_01.jpg) left top no-repeat;
		display: block;
		width: 229px; height: 151px;
	}
	#col1 .cta_02 h2, #col1 .cta_03 h2, #col2 h2 { font-size: 15px; color: #40411a; }
	#col1 .cta_02 { 
		background: url(../images/home_cta_02.jpg) left top no-repeat;
		width: 225px; height: 151px;
	}
	#col1 .cta_02 h2 { margin: 0; padding: 33px 0 0 18px; }
	#col1 .cta_02 p { margin: 0 0 0 18px; }
	#col1 .cta_03 { 
		background: url(../images/home_cta_03.jpg) left top no-repeat;
		width: 220px; height: 151px;
	}
	#col1 .cta_03 h2 { margin: 0; padding: 33px 100px 0 18px; }
	#col1 .cta_03 p { margin: 0 0 0 18px; }

	#col1 .cta_01, #col1 .cta_02, #col1 .cta_03 { float: left; cursor: pointer; }
	
	#col2 {
		background: url(../images/home_col2.jpg) right top no-repeat;
		float: right;
		width: 237px; height: 465px;
	}
	#col2 h2 { margin:0; padding: 84px 30px 0 24px; font-size: 16px; line-height: 18px; }
	#col2 .p1 {
		margin: 4px 0 0 24px;
	}
	#col2 .p2 { margin-left: 24px; margin-top: 248px; }

	#col1 .cta_01 a span { 
		position: absolute;
		font-size: 0.1px;
		color: #fff;
		left: -999999px;
	}
	
	
/* 	--------------------------------------------------------------------------------
	Page a 3 colonnes + menu produits ---------------------------------------------*/
	.pad_1 { padding: 0 20px 0 31px; }
	
	#three_col1 {
		background: url(../images/three_col1.jpg) left top no-repeat;
	 	float: left; 
		margin:0 0 30px;
		width: 252px;
		height: 360px;
	}
	html>body #three_col1 { height: auto; min-height: 360px; }
	#three_col2 {
		background: url(../images/three_col2.gif) left top no-repeat;
		float: left;
		font-size: 11px;
		padding: 0 5px 20px 0; margin: 0 0 10px;
		width: 430px; height: 463px;		
		border-right:1px solid #D7D7D8;

	}
	html>body #three_col2 { height: auto; min-height: 430px; }
	#three_col3 {
		float: right;
		width: 236px;		
	}	
	#three_col1 h2 {
		color: #cc0329;
		margin: 50px 0 30px 0;
		text-transform: uppercase;
	}
	
	#bigcontent {
		float: left;
		font-size: 11px;
		line-height: 20px;
		width: 662px;	
	}
	
	.content_generique_bg {
		background: url(../images/content_generique_bg.jpg) left center repeat-y;
		float: left;
		width: 682px;	
	}
	.content_generique_bottom {
		background: url(../images/content_generique_bottom.gif) left bottom no-repeat;
		padding: 0 0 20px 0;
		width: 682px;
	}
	.content_generique_top {
		background: url(../images/content_generique_top.jpg) left top no-repeat;
		width: 682px;
	}
	

	
	
	#liste_produits, #liste_produits ul {
		list-style-type: none;
		margin: 0; padding: 0;	
	}
	#liste_produits {
		border-top: solid 1px #cacaca;
		border-bottom: solid 1px #cacaca;
	}
	#liste_produits ul { 
		display: none;
		padding: 0 0 10px 17px;
	}
	#liste_produits li { margin: 10px 0; }
	#liste_produits li li { margin: 2px 0; }
	#liste_produits a {	color: #5b5b5b;	}
	#liste_produits a:hover,
	#liste_produits li.selected li a:hover,
	#liste_produits li.selected li.selected li a:hover
	{ color: #222; }
	
	#liste_produits li.selected { border-bottom: solid 1px #cacaca; }
	#liste_produits li.selected ul { display: block; }
	#liste_produits li.selected ul li ul { display: none; }
	#liste_produits li.selected ul li.selected ul { display: block; }
	#liste_produits li.selected a {
		background: url(../images/prod_selected.gif) center center no-repeat;
		color: #cc0329; 
		display: block;
		height: 29px;
		font-weight: bold;
		line-height: 29px;
	}
	#liste_produits li.selected ul li.selected { border: none; }
	#liste_produits li.selected ul li.selected a,
	#liste_produits li.selected li.selected a,
	#liste_produits li.selected li.selected li.selected a  { color: #cc0329; display: inline; height: auto; line-height: normal; background: none; }
	#liste_produits li.selected li a,
	#liste_produits li.selected li.selected li a { 
		background: none;
		color: #5b5b5b; 
		display: inline;
		font-weight: normal; 
		height: auto;
		line-height: 14px;
	}
	
	/* -----------------------------------------
	Boite indice café ------------------------*/
	#indice_cafe {
		background: url(../images/col_indice_b.jpg) left bottom no-repeat;
	}
	#indice_cafe_bottom {
		background: url(../images/col_indice.jpg) left top no-repeat;
		padding: 20px 17px 15px 23px;
		height: 219px;
	}
	html>body #indice_cafe_bottom { height: auto; min-height: 219px; }
	
	
	#indice_cafe p { line-height: 16px; font-size: 10px; margin: 10px 0; }
	#indice_cafe h2 { margin: 0; color: #40411a; font-size: 16px; }
	#indice_cafe table {
		width: 191px;
	}
	#indice_cafe table tr {
		color: #fff;
		font-weight: bold;
		height: 26px;
	}
	#indice_cafe table tr td { text-align: center; }
	#indice_cafe table tr th { text-align: left; padding: 0 0 0 5px; width: 53px; }
	
	#indice_cafe table tr.hr { height: 7px; }
	#indice_cafe table tr.hr hr { display: none; }
	
	.indice1 { background-color: #df7a1c; }
	.indice2 { background-color: #a49500; }
	.indice3 { background-color: #743e97; }
	.indice4 { background-color: #b20838; }
	
	
	.info_cafe .hr { display: block; width: 173px; height: 2px; border-bottom: solid 1px #c1c6ca; }
	.info_cafe .hr hr { display: none; }
	
	.info_cafe {
		float: left;
		margin: 0 0 10px 0;
		width: 230px;
	}
	.pad_info { padding: 0 0 0 50px; }
	.pad_info p { padding: 0 10px 0 0; }
	
	.pad_info h3 {
		font-size: 11px;
		margin: 10px 0 0 0;
		color: #CC0329;
	}
	
	.info_cafe h1, #twocols_col2 h1 {
		color: #cc0329;
		font-size: 20px;
		text-transform: uppercase;
		margin: 48px 0 0 0;
	}
	#twocols_col2 h1 { margin: 54px 0 0 0; }
	.info_cafe h2, .info_cafe .pad_info h2, #twocols_col2 h2 {
		color: #000;
		font-size: 25px;
		text-transform: uppercase;
		margin: 3px 0 0 0; padding: 0;
	}
	.spec_indice {
		margin: 10px 0 125px 0;
	}
	.preview {
		float: right;
		width: 200px;
	}
	.preview img { display: block; }
	.desc { 
		border-top: solid 1px #c1c6ca;
		color: #6d6d6d;
		line-height: 20px;
		float: right;
		margin: 0 10px 0 0;
		padding: 10px 0 0 2px;
		width: 370px;
	}
	.desc h3 { margin: 10px 0 0 0; font-size: 11px; } 
	.indice { color: #cc0329; }
	.spec { font-size: 13px; margin: 0 0 20px 0; }
	
	.add_panier { margin: 10px 0; line-height: 16px; }
	.add_panier a {
		background: url(../images/btn_panier.gif) left center no-repeat;
		color: #cc0329;
		line-height: 16px;
		padding: 2px 0 2px 35px;
	}
	
	
	
	#twocols_col2 {
		background: url(../images/twocols_bg.jpg) left top no-repeat;
		float: left;
		width: 662px;  height: 463px;
	}
	.pad_twocols { padding: 0 0 0 50px; }
	.type { font-weight: bold; width: 315px; }
	.type .indice { font-weight: normal; }
	
	
	
	/*-----Contenu bg-----*/
	.bg_grains_main {
		background: url(../images/grain_main.jpg)  67px 94px no-repeat;
		height: 455px;
	}
	.emballes_main {
		background:  url(../images/bg_emballes_main.jpg) no-repeat 50px 166px;
		height: 416px;
	}
	.detail_main {
		background:  url(../images/bg_detail.jpg) no-repeat 25px 108px;
		height: 462px;
	}
	.bg_biologique {
		background: url(../images/bg_biologique.jpg) right top no-repeat;
		padding-right: 166px;
		height: 470px;
	}
	.bistro {
		background:  url(../images/bg_bistro_main.jpg) no-repeat left top;
		height: 462px;
	}
	.pausecafe_main {
		background: url(../images/bg_pause_main.jpg) no-repeat left top;
		height: 462px;
	}
	.essaigratuit {
		background: url(../images/bg_essaigratuit.jpg) no-repeat left top;
		height: 470px;
	}
	
	.essaigratuit p {
		color: #000;
		font-size: 12px; 
		line-height: 20px;
		padding: 0 300px 0 30px;
	}
	.essaigratuit h1 { 
		color: #40411a; 
		margin: 0;
		font-size: 34px;
		padding: 135px 0 6px 30px;
		line-height: 33px;
	}
	
	html>body .bg_grains_main { height: auto; min-height: 455px; }
	html>body .bg_emballes_main { height: auto; min-height: 440px; }
	html>body .detail_main { height: auto; min-height: 462px; }
	html>body .bg_biologique { height: auto; min-height: 470px; }
	html>body .bistro { height: auto; min-height: 462px; }
	html>body .pausecafe_main { height: auto; min-height: 470px; }
	html>body .essaigratuit { height: auto; min-height: 470px; }
	
	.bg_grains_main h2, .emballes_main h2 { 
		color:#CC0329;
		font-size: 25px;
		margin: 0; padding: 40px 0 0 0;
	}
	
	.historique strong { color: #cc0329; }
	
	/*.bg_biologique h2, .detail_main h2, .meubles h2, .bistro h2, .portions h2, .pausecafe_main h2, .pausecafe h2, .content_generique_bg h2 */
	.pad_info h2 {
		color:#CC0329;
		font-size: 20px;
		text-transform: uppercase;
		margin: 0; padding: 46px 0 12px 0;
	}
	
	.portions h3 { color: #000; margin: 10px 0; }
	
	.hugeInline { font-size: 33px; line-height: 46px; font-weight: bold; }
	
/* 	--------------------------------------------------------------------------------
	Nav --------------------------------------------------------------------------*/
	
	/* QuickNav ----------------------------------*/
	
	#quicknav {
		background: #fff;
		list-style-type: none;
		margin: 0; padding: 0;
		top: 23px; right: 0;
		width: 154px; height: 20px;
		position: absolute;
	}
	#quicknav li {
		background: url(../images/sep_noir.gif) right center no-repeat;
		float: left;
		text-transform: uppercase;
		padding: 3px 16px;
	}	
	#quicknav li a { color: #000; }
	#quicknav li a:hover { color: #CC0329; }
	
	
	/* Nav 1 -------------------------------------*/
	#headnav { 
		background: #fff; /*url(../images/bg_cart.gif) right center no-repeat;*/
		position: absolute;
		top: 125px;
		width: 903px; height: 23px;
	}
	
	#headnav ul { 
		list-style-type: none;
		padding: 0; margin: 0;
	}
	#headnav ul li { 
		background: url(../images/sep_beige.gif) right center no-repeat;
		color: #807d32;
		float: left;
		margin: 5px 0; padding: 0 18px;
		text-transform: uppercase;
	}
	#headnav ul li a {
		text-decoration: none;
		color: #807d32;
	}
	
	/* Nav main ---------------------------------*/
	#navWrap { margin: 0 0 8px 0; }
	#nav {
		background: url(../images/bg_mainnav.jpg) left center no-repeat;
		list-style-type: none;
		margin: 0 auto; padding: 0;
		width: 903px; height: 43px;
	}
	#nav li { 
		background: url(../images/sep_gris.gif) right 55% no-repeat;
		color: #474747;
		float: left;
		font-size: 13px;
		line-height: 43px;
		padding: 0 34px;
	}
	#nav li a {
		text-decoration: none;
		color: #474747;
	}
	#nav li a:hover { color: #cc0329; }
	#nav li.selected a { color: #cc0329; }
	
	
	/* Cart -------------------------------------*/
	#headnav .cart {
		position: absolute;
		right: 0;
		width: 225px; height: 23px;
	}
	#headnav .cart .panierlink { float: left; margin: 0; }
	#headnav .cart .panierlink a {
		background: url(../images/cart.gif) right bottom no-repeat;
		display: block;
		width: 25px; height: 19px;
	}
	#headnav .cart .panierlink a span {
		display: none;
	}
	#headnav .cart p {
		display: block;
		float: left;
		margin: 5px 0 0 6px;
	}
	#headnav .cart p span {
		color: #cc0329;
		font-weight: bold;
	}
	
	ul li.last { background: none !important; padding-right: 0 !important; } 
	/*#headnav ul li.last, #nav li.last, #quicknav li.last, #footer ul li.last*/

	/* Footer -------------------------------------*/
	#sep_footer { clear: both; height: 1px; width: 100%; background: url(../images/separateur_footer.gif) center center no-repeat; }
	#sep_footer hr { display: none; }
	#footer { margin: 15px 0 0 0; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
	#footer ul {
		list-style-type: none;
		margin: 0; padding: 0;
		float: left;
		width: 645px;
	}
	#footer ul li {
		background: url(../images/sep_grissmall.gif) right 55% no-repeat;
		color: #434343;
		float: left;
		font-size: 9px;
		padding: 0 10px;
		/*line-height: 43px;*/
		/*padding: 0 34px;*/
		text-transform: uppercase;
	}
	#footer li a {
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #434343;
	}
	
	#footer .rights {
		color: #9f9f9f;
		float: right;
		font-size: 9px;
		margin: 0 10px 0 0; padding: 0; 
		text-transform: uppercase;
		text-align: right;
		width: 266px;
	}
	#footer .rights span { color: #434343; }

/* 	--------------------------------------------------------------------------------
	Portions table ---------------------------------------------------------------*/
	.portion_cafes { font-size: 11px; }
	.portion_cafes th { text-align: left; }
	.portion_cafes td { height: 17px; vertical-align: top; }
	.portion_cafes .tr_cafe td { border-top: solid 1px #bbc2c8; }
	.portion_cafes .td1 { width: 175px; }
	.portion_cafes .td2 { width: 140px; }
	.new { color: #cc0329; font-weight: bold; }

/* 	--------------------------------------------------------------------------------
	Distributrice table ----------------------------------------------------------*/
	.distribu_cafes th, 
	.distribu_solubles th,
	.distribu_chocolats th
	 { text-align: left; border-bottom: solid 1px #bbc2c8; }
	 
	 .distribu_cafes td, 
	.distribu_solubles td,
	.distribu_chocolats td { height: 17px; }
	 
	.distribu_cafes .td1 { width: 150px; }
	.distribu_cafes .td2 { width: 45px; }
	.distribu_cafes .td3 { width: 100px; }
	
	.distribu_solubles .td1 { width: 285px; }
	.distribu_chocolats .td1 { width: 285px; }

	.distribu_solubles, .distribu_chocolats { margin: 25px 0 0 0; }
	
	 .td_red { color: #cc0329; border-top: solid 1px #bbc2c8; }

	
	
	.dist_desc { float: left; }
	
	.item_distrib { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: solid 1px #d4d7cf; width: 355px; }
	.item_distrib h4 { clear: both; }
/*
	.hr { 
		clear: both;
		margin: 30px 0; 
		width: 360px; height: 2px; 
		background: url(../images/separateur_footer.gif) center center no-repeat;
	}
	.hr hr { display: none; }*/
	
	
	
	
	
	
	
/* 	--------------------------------------------------------------------------------
	Form admin -------------------------------------------------------------------*/
	#admin { padding: 4px 0 0 34px;	}
	#admin label {
		display: block;
		float: left;
		width: 115px;
	}
	#admin #preview { 
		border: solid 1px #bbb;
		margin: 0 0 0 30px;
	}
	#admin h3 { color: #CC0329; }
	
	#admin ul ul {
		padding: 5px 0 5px 17px;
	}
	#admin .type { font-weight: normal; border: solid 1px #bbb; margin: 0 30px 0 0; padding: 10px; float: left; }
	
/* 	--------------------------------------------------------------------------------
	Autre ------------------------------------------------------------------------*/
	#tooltip {
		position: absolute;
		background: #fff;
		padding: 5px;
		border: solid 1px #cecece;
	}
	
	
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* IE7 */
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
* html .clearfix { height:1px; } /* IE6 */


/* Hack IE pour png 
{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_header_02.png", sizingMethod="crop");}
*/