body
{
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin:0;
	background-color: #FFFFFF;
}


a:link
{
	color: #336699;
	text-decoration: none;
}

a:visited
{
	color: #336699;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: none;
}

.spacemenu
{
	font-size: 14px;
}


p
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin: 15px 20px 10px 20px;
}

td.BHCard
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
}


p.marge
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin: 15px 20px 20px 40px;
}

p.desc
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin-bottom: 3px;
	margin-left:20px;
	margin-right: 20px;
	margin-top: 0px;
}

p.rien
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin-left:20px;
	margin-right: 0px;
	margin-top: 0px;
}

p.rien2
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin-right: 20px;
	margin-top: 0px;
}

ul
{
	font-family: 'Lucida Grande', Verdana;
	color: #333333;
}

ul.menu
{
	font-family: 'Lucida Grande', Verdana;
	color: #333333;
}


ol
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
}


li.espace
{
	margin-bottom: 10px;
	margin-right: 20px;
}

select
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #333333;
}

td
{
	font-family: 'Verdana','Lucida Grande';
	font-size: 9px;
}

td.texte
{
	font-family: 'Verdana','Lucida Grande';
	font-size: 10px;
}

span.menu
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
}

h1
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	margin-left: 20px;
}

h1.gallery
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 0px;
}

h2
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	font-style: italic;
	margin-left: 20px;
	margin-bottom: 0px;
}

p.titre
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 8px;
}


p.gallery
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #333333;
	margin: 5px 20px 5px 20px;
}

.tableau
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #000000;
	margin: 10px 20px 10px 20px;
}

.blanc
{
	background-color: #FFFFFF;
	font-size: 1px;
}

.noir{
	background-color: #000000;
	}
/* EN TETE */

.entete
{
	background-image: url(../../images/im_haut.jpg);
}

a.menu_haut
{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
}

a.menu_haut:visited
{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
}

a.menu_haut:hover
{
	color: #663300;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
}

/* PIED DE PAGE */

a.copyright
{
	color: #666666;
	text-decoration: none;
}

a.copyright:visited
{
	color: #666666;
	text-decoration: none;
}

a.copyright:hover
{
	color: #663300;
	text-decoration: none;
}

p.copyright
{
	margin-left: 20px;
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #666666;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}





/* MENU */

.menu
{
	background-image: url(../images/bg_menu.gif);
}



/* DROITE */

.droite
{
	background-image: url(../images/bg_droite.gif);
	background-repeat: repeat-y;
}


p.droite
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 10px;
	color: #CCCCCC;
	margin: 10px 10px 10px 10px;
}

a.noir
{
	color: #6699CC;
	text-decoration: none;
}

a.noir:visited
{
	color: #6699CC;
	text-decoration: none;
}

a.noir:hover
{
	color: #FFFFFF;
	text-decoration: none;
}


/* LEARN ABOUT */


a.noirl
{
	color: #996600;
	text-decoration: none;
}

a.noirl:visited
{
	color: #996600;
	text-decoration: none;
}

a.noirl:hover
{
	color: #FFFFFF;
	text-decoration: none;
}


a.learn
{
	color: #996600;
	text-decoration: none;
}

a.learn:visited
{
	color: #996600;
	text-decoration: none;
}

a.learn:hover
{
	color: #000000;
	text-decoration: none;
}


td.gallery
{
	background-image: url(../images/learnabout/bg_gallery.jpg);
	background-repeat: repeat-y;
}

td.gallery2
{
	background-image: url(../images/produits/bg_mugs.jpg);
	background-repeat: repeat-y;
}

/* COFFEE */


a.coffee
{
	color: #663300;
	text-decoration: none;
	font-weight:bold;
}



a.coffee:visited
{
	color: #663300;
	text-decoration: none;
	font-weight:bold;
}

a.coffee:hover
{
	color: #CC9933;
	text-decoration: none;
	font-weight:bold;
}

td.coffee
{
	background-image: url(../images/produits/bg_coffee.jpg);
	background-repeat: repeat-y;
}

input
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #000000;
}

input.coffeeform
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #663300;
}

select.coffeeform
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #663300;
}

/* TEA */


a.tea
{
	color: #666633;
	text-decoration: none;
	font-weight:bold;
}



a.tea:visited
{
	color: #666633;
	text-decoration: none;
	font-weight:bold;
}

a.tea:hover
{
	color: #999966;
	text-decoration: none;
	font-weight:bold;
}

td.tea
{
	background-image: url(../images/produits/bg_tea.jpg);
	background-repeat: repeat-y;
}

input.teaform
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #666633;
}

select.teaform
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #666633;
}


/* MUGS */


a.mugs
{
	color: #336699;
	text-decoration: none;
	font-weight:bold;
	font-size: 10px;
}



a.mugs:visited
{
	color: #336699;
	text-decoration: none;
	font-weight:bold;
	font-size: 10px;
}

a.mugs:hover
{
	color: #A0C0DF;
	text-decoration: none;
	font-weight:bold;
	font-size: 10px;
}

td.mugs
{
	background-image: url(../images/produits/bg_mugs.jpg);
	background-repeat: repeat-y;
}

input.mugs
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #336699;
}

.mugs
{
	font-family: 'Lucida Grande', Verdana;
	font-size: 9px;
	color: #336699;
}



a.list
{
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}



a.list:visited
{
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.titre:hover
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}

a.titre
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}



a.titre:visited
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}

a.titre:hover
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}


/* JOB */

a.job:hover
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}

a.job
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}



a.job:visited
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}

a.job:hover
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
}
.errormessage {color: #FF0000}

.error 
{
	color: #FF0000;
	font-weight: bold;
}

.success 
{
	color: green;
	font-weight: bold;
}

.bg
{
	background-image: url(../images/bg_menu.gif);
}


/* CART */


.cart
{
	background-image: url(../images/cart/bg_cart.gif);
}


.noirc
{
	background-image: url(../images/bg_droite.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.blanc_cart
{
	background-image: url(../images/cart/bg_cart.gif);
	font-size: 1px;
}

td.cart_coffee
{
	background-image: url(../images/cart/bg_cart_coffee.jpg);
	background-repeat: repeat-y;
}

td.brun
{
	background-image: url(../images/cart/bg_brun.jpg);
	background-repeat: repeat-y;
}

td.cart_tea
{
	background-image: url(../images/cart/bg_cart_tea.jpg);
	background-repeat: repeat-y;
}

td.cart_mugs
{
	background-image: url(../images/cart/bg_cart_mugs.jpg);
	background-repeat: repeat-y;
}

td.steps
{
	background-image: url(../images/cart/bg_steps.jpg);
	background-repeat: repeat-y;
}

.total
{
	font-family: 'Lucida Grande',verdana;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}

.subtotal
{
	font-family: 'Lucida Grande',verdana;
	font-size: 10px;
	color: #CC9933;
	font-weight: bold;
}

.titre
{
	color: #663300;
	text-decoration: none;
	font-weight:bold;
}

h1.cf
{
	color: #663300;
	font-weight: bold;
	margin-bottom: -15px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
table.ft_stories{
	padding-left:10px;
	padding-top:10px;
	background-image:url(../../images/bg_table_ftstories.jpg);
	background-repeat:repeat-y;
}
a.ft_stories:link{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:regular;
	color:#5c3804;
	font-weight:bold;
	margin-top:20px;
}

a.ft_stories:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:regular;
	color:#993300;
	font-weight:bold;
	margin-top:20px;
}

a.ft_stories:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:regular;
	color:#5c3804;
	font-weight:bold;
	margin-top:20px;
}
.Titre_ft_stories{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#663200;	
}
.Titre_ft_stories_date{
	
	padding-right:10px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#663200;	
	font-weight:bold;
}
.content_ft_stories{
	padding-right:10px;
	padding-left:10px;
}
.Past_ft_stories_list{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#5c3804;	
}



.liens{
padding-top:10px;
padding-left:10px;
}
a.story_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#663200;
	font-size:12px;
}
a.story_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#663200;
	font-size:12px;
}
a.story_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:12px;
}
.ft_story_read{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#663200;
	font-size:12px;
}
a.ft_story_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#996500;
	font-size:12px;
}
a.ft_story_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#996500;
	font-size:12px;
}
a.ft_story_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:12px;
}
.ft_story_past{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:12px;
}
a.ft_story_past:link{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:12px;
}
a.ft_story_past:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:12px;
}
a.ft_story_past:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:12px;
}

.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#000000; layer-background-color:#000000; visibility:hidden}
 
/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:Verdana; font-size:9px;}
.clLevel0{color:#cccccc;}
.clLevel0over{background-color:#000000; background-image:url(../images/bg_on_sub.gif); layer-background-color:#cccccc; color:#6699cc; cursor:pointer; cursor:hand; }
 
/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; width:180; padding:2px; font-family:Verdana; font-size:9px;}
.clLevel1{background-color:#000000; layer-background-color:#000000; color:#cccccc;}
.clLevel1over{background-color:#000000; background-image:url(../images/bg_on_sub.gif); layer-background-color:#000000; color:#6699cc; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}
 
 
/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute;  padding:2px; font-family:Verdana; font-size:9px}
.clLevel2{background-color:#000000;; layer-background-color:#000000;; color:cccccc;}
.clLevel2over{background-color:#000000; background-image:url(../images/bg_on_sub.gif); layer-background-color:#000000; color:#6699cc; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}