/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image-text-hover.html
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#info {border:0; background:#transparent;}

#wrap {position:relative; width:690px; height:670px; background:#transparent; padding:16px; position:relative; font-family: century gothic, arial, sans-serif; text-align: right;}
#wrap h1 {color:#fff; font-family:century gothic, arial, sans-serif; font-weight:normal; font-size:25px;}
#outerImage {padding:0; margin:0; list-style:none;}
#outerImage li a {color:#777; text-decoration:none;}
#outerImage table {border-collapse:collapse; width:0; height:0; margin:-1px -4px;}
#outerImage span {display:block; 
	width:680px; 
	height:510px; 
	background:url(../images/ganaches/grille-des-ganaches.jpg); 
	position:absolute; 
	left:15px; 
	top:170px;}
#innerImage {padding:0; margin:0; list-style:none;}
#innerImage li {float:left; color:#777; font-size:13px;line-height: 1.4em;}
#innerImage li a {float:left; color:#777; text-decoration:none; font-size:17px; white-space:nowrap;}
#innerImage li a b {display:block; width:85px; height:85px; position:absolute; background:#transparent;}

#innerImage li a b#link1 {left:15px; top:170px;}
#innerImage li a b#link2 {left:100px; top:170px;}
#innerImage li a b#link3 {left:185px; top:170px;}
#innerImage li a b#link4 {left:270px; top:170px;}
#innerImage li a b#link5 {left:355px; top:170px;}
#innerImage li a b#link6 {left:440px; top:170px;}
#innerImage li a b#link7 {left:525px; top:170px;}
#innerImage li a b#link8 {left:610px; top:170px;}
#innerImage li a b#link9 {left:15px; top:255px;}
#innerImage li a b#link10 {left:100px; top:255px;}
#innerImage li a b#link11 {left:185px; top:255px;}
#innerImage li a b#link12 {left:270px; top:255px;}
#innerImage li a b#link13 {left:355px; top:255px;}
#innerImage li a b#link14 {left:440px; top:255px;}
#innerImage li a b#link15 {left:525px; top:255px;}
#innerImage li a b#link16 {left:610px; top:255px;}
#innerImage li a b#link17 {left:15px; top:340px;}
#innerImage li a b#link18 {left:100px; top:340px;}
#innerImage li a b#link19 {left:185px; top:340px;}
#innerImage li a b#link20 {left:270px; top:340px;}
#innerImage li a b#link21 {left:355px; top:340px;}
#innerImage li a b#link22 {left:440px; top:340px;}
#innerImage li a b#link23 {left:525px; top:340px;}
#innerImage li a b#link24 {left:610px; top:340px;}
#innerImage li a b#link25 {left:15px; top:425px;}
#innerImage li a b#link26 {left:100px; top:425px;}
#innerImage li a b#link27 {left:185px; top:425px;}
#innerImage li a b#link28 {left:270px; top:425px;}
#innerImage li a b#link29 {left:355px; top:425px;}
#innerImage li a b#link30 {left:440px; top:425px;}
#innerImage li a b#link31 {left:525px; top:425px;}
#innerImage li a b#link32 {left:610px; top:425px;}
#innerImage li a b#link33 {left:15px; top:510px;}
#innerImage li a b#link34 {left:100px; top:510px;}
#innerImage li a b#link35 {left:185px; top:510px;}
#innerImage li a b#link36 {left:270px; top:510px;}
#innerImage li a b#link37 {left:355px; top:510px;}
#innerImage li a b#link38 {left:440px; top:510px;}
#innerImage li a b#link39 {left:525px; top:510px;}
#innerImage li a b#link40 {left:610px; top:510px;}

#innerImage li a b#link46 {left:440px; top:595px;}
#innerImage li a b#link47 {left:525px; top:595px;}
#innerImage li a b#link48 {left:610px; top:595px;}


#outerImage li a:hover {border:0;}
#outerImage :hover span {background:url(../images/ganaches/grille-des-ganaches_nb.jpg);}

#innerImage li a:hover {color:#fff;}
#innerImage li a:hover b {cursor:crosshair;border-bottom: thin solid #f29400;
	border-top: thin solid #f29400;
} /* curseur cible sinon le mieux est  "pointer" */

#innerImage :hover b#link1 {background:#fff url(../images/ganaches/basilic.jpg);}
#innerImage :hover b#link2 {background:#fff url(../images/ganaches/venezuela.jpg);}
#innerImage :hover b#link3 {background:#fff url(../images/ganaches/romarin.jpg);}
#innerImage :hover b#link4 {background:#fff url(../images/ganaches/cafe.jpg);}
#innerImage :hover b#link5 {background:#fff url(../images/ganaches/praline_feuilletine.jpg);}
#innerImage :hover b#link6 {background:#fff url(../images/ganaches/inconnu.jpg);}
#innerImage :hover b#link7 {background:#fff url(../images/ganaches/absinthe.jpg);}
#innerImage :hover b#link8 {background:#fff url(../images/ganaches/thym.jpg);}
#innerImage :hover b#link9 {background:#fff url(../images/ganaches/the_jasmin.jpg);}
#innerImage :hover b#link10 {background:#fff url(../images/ganaches/citron_vert.jpg);}
#innerImage :hover b#link11 {background:#fff url(../images/ganaches/truffe.jpg);}
#innerImage :hover b#link12 {background:#fff url(../images/ganaches/grenada.jpg);}
#innerImage :hover b#link13 {background:#fff url(../images/ganaches/lepi.jpg);}
#innerImage :hover b#link14 {background:#fff url(../images/ganaches/passion.jpg);}
#innerImage :hover b#link15 {background:#fff url(../images/ganaches/grand_cru_venezuela.jpg);}
#innerImage :hover b#link16 {background:#fff url(../images/ganaches/verveine_citron.jpg);}
#innerImage :hover b#link17 {background:#fff url(../images/ganaches/coco.jpg);}
#innerImage :hover b#link18 {background:#fff url(../images/ganaches/grand_cru_madagascar.jpg);}
#innerImage :hover b#link19 {background:#fff url(../images/ganaches/PMD_1524.jpg);}
#innerImage :hover b#link20 {background:#fff url(../images/ganaches/framboisine.jpg);}
#innerImage :hover b#link21 {background:#fff url(../images/ganaches/coriandre.jpg);}
#innerImage :hover b#link22 {background:#fff url(../images/ganaches/badiane.jpg);}
#innerImage :hover b#link23 {background:#fff url(../images/ganaches/cognac.jpg);}
#innerImage :hover b#link24 {background:#fff url(../images/ganaches/grand_cru_bresil.jpg);}
#innerImage :hover b#link25 {background:#fff url(../images/ganaches/orange_gingembre.jpg);}
#innerImage :hover b#link26 {background:#fff url(../images/ganaches/menthe.jpg);}
#innerImage :hover b#link27 {background:#fff url(../images/ganaches/poire_william.jpg);}
#innerImage :hover b#link28 {background:#fff url(../images/ganaches/bergamote.jpg);}
#innerImage :hover b#link29 {background:#fff url(../images/ganaches/deux_freres.jpg);}
#innerImage :hover b#link30 {background:#fff url(../images/ganaches/truffe_champagne.jpg);}
#innerImage :hover b#link31 {background:#fff url(../images/ganaches/lavande.jpg);}
#innerImage :hover b#link32 {background:#fff url(../images/ganaches/reglisse.jpg);}
#innerImage :hover b#link33 {background:#fff url(../images/ganaches/grand_cru_papouasie.jpg);}
#innerImage :hover b#link34 {background:#fff url(../images/ganaches/sauge.jpg);}
#innerImage :hover b#link35 {background:#fff url(../images/ganaches/cacao.jpg);}
#innerImage :hover b#link36 {background:#fff url(../images/ganaches/rhum.jpg);}
#innerImage :hover b#link37 {background:#fff url(../images/ganaches/pain_epices.jpg);}
#innerImage :hover b#link38 {background:#fff url(../images/ganaches/cointreau.jpg);}
#innerImage :hover b#link39 {background:#fff url(../images/ganaches/ladrien.jpg);}
#innerImage :hover b#link40 {background:#fff url(../images/ganaches/grand_cru_java.jpg);}

#innerImage :hover b#link46 {background:#fff url(../images/ganaches/cannelle.jpg);}
#innerImage :hover b#link47 {background:#fff url(../images/ganaches/safran.jpg);}
#innerImage :hover b#link48 {background:#fff url(../images/ganaches/noisette_ancienne.jpg);}