@charset "UTF-8";

	/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#nav {
		position: absolute; top: 0; left: 0;
		margin: 0; padding: 0; width: 980px; height: 82px;
		background: url(../images/f-menu-principal.png) no-repeat;
		z-index: 2;
	}
	
	#menu_menuvert { position: absolute; top: 0; left: 250px; }
	#menu_menujaune { position: absolute; top: 0; left: 395px; }
	#menu_menurose { position: absolute; top: 0; left: 540px; }
	#menu_menuvert ul,
	#menu_menujaune ul,
	#menu_menurose ul { position: relative; margin: 0; padding: 0; list-style: none; }
	#menu_menuvert ul li,
	#menu_menujaune ul li,
	#menu_menurose ul li { position: relative; }
	#menu_menuvert ul a,
	#menu_menujaune ul a,
	#menu_menurose ul a {
		position: relative; display: block; margin: 0; padding: 5px 0 0 0; width: 135px; height: 49px;
		text-align: center; font-size: 1.2em; font-weight: bold; color: #faf1d7; text-decoration: none;
		background: url(../images/sprites-menu.png) no-repeat 0 0;
	}
	#menu_menujaune ul a { background-position: -135px 0; }
	#menu_menurose ul a { background-position: -270px 0; }
	#menu_menuvert ul li:hover a,
	#menu_menuvert ul li a:hover { background-position: 0 -65px; }
	#menu_menujaune ul li:hover a,
	#menu_menujaune ul li a:hover { background-position: -135px -65px; }
	#menu_menurose ul li:hover a,
	#menu_menurose ul li a:hover { background-position: -270px -65px; }
	
	#menu_menuvert ul ul,
	#menu_menujaune ul ul,
	#menu_menurose ul ul {			/* bloc de sous menu */ 
		position: absolute; top: 48px; left: -999em;
		padding: 0 0 20px 0; width: 590px; 
		background: url(../images/f-ssmenu.png) no-repeat left bottom;
	}
	#menu_menujaune ul ul { background-position: center bottom; }
	#menu_menurose ul ul { background-position: right bottom;}
	#menu_menuvert ul li:hover ul { left: -17px; }
	#menu_menujaune ul li:hover ul { left: -162px; }
	#menu_menurose ul li:hover ul { left: -307px; }
	#menu_menuvert ul ul li,
	#menu_menujaune ul ul li,
	#menu_menurose ul ul li { display: block; margin: 0; padding: 0; float: left; background-image: url(../images/f-ssmenu.png); background-repeat: no-repeat; }
	#menu_menuvert ul ul li.pair,
	#menu_menujaune ul ul li.pair,
	#menu_menurose ul ul li.pair { padding: 10px 10px 0 10px; width: 180px; }
	#menu_menuvert ul ul li.pair:first-child,
	#menu_menujaune ul ul li.pair:first-child,
	#menu_menurose ul ul li.pair:first-child { padding: 10px 10px 0 10px; width: 180px; }
	#menu_menuvert ul ul li.impair,
	#menu_menujaune ul ul li.impair,
	#menu_menurose ul ul li.impair { padding: 10px 10px 0 10px; width: 170px; }
	#menu_menuvert ul ul li.pair { background-position: -390px 0; }
	#menu_menujaune ul ul li.pair { background-position: -980px 0; }
	#menu_menurose ul ul li.pair { background-position: -1570px 0; }
	#menu_menuvert ul ul li.pair:first-child { background-position: 0 0; }
	#menu_menujaune ul ul li.pair:first-child { background-position: -590px 0; }
	#menu_menurose ul ul li.pair:first-child { background-position: -1180px 0; }
	#menu_menuvert ul ul li.impair { background-position: -200px 0; }
	#menu_menujaune ul ul li.impair { background-position: -790px 0; }
	#menu_menurose ul ul li.impair { background-position: -1380px 0; }
	#menu_menuvert ul ul a,
	#menu_menujaune ul ul a,
	#menu_menurose ul ul a { display: none; }
	
	#menu_menuvert ul ul ul,
	#menu_menujaune ul ul ul,
	#menu_menurose ul ul ul {		/* colonnes */
		position: relative; display: block; top: auto; left: auto;  
		margin: 0; padding: 0; width: auto;
		background: none;
	}
	#menu_menuvert ul li:hover ul ul,
	#menu_menuvert ul ul li:hover ul,
	#menu_menujaune ul li:hover ul ul,
	#menu_menujaune ul ul li:hover ul,
	#menu_menurose ul li:hover ul ul,
	#menu_menurose ul ul li:hover ul { left: auto; }
	#menu_menuvert ul ul ul li,
	#menu_menujaune ul ul ul li,
	#menu_menurose ul ul ul li { float: none; }
	#menu_menuvert ul ul ul li.pair,
	#menu_menuvert ul ul ul li.pair:first-child,
	#menu_menuvert ul ul ul li.impair,
	#menu_menujaune ul ul ul li.pair,
	#menu_menujaune ul ul ul li.pair:first-child,
	#menu_menujaune ul ul ul li.impair,
	#menu_menurose ul ul ul li.pair,
	#menu_menurose ul ul ul li.pair:first-child,
	#menu_menurose ul ul ul li.impair { padding: 0; width: auto; background: none; }
	#menu_menuvert ul ul ul a,
	#menu_menujaune ul ul ul a,
	#menu_menurose ul ul ul a {
		position: relative; display: block; margin: 0; padding: 0; width: auto; height: auto;
		text-align: left; font-size: 1.5em; font-weight: bold; color: #faf1d7; text-decoration: none;
		background: none; 
	} 
	
	#menu_menuvert ul ul ul ul,
	#menu_menujaune ul ul ul ul,
	#menu_menurose ul ul ul ul {	/* rubriquage */
		margin: 0 0 0 15px;
	}
	#menu_menuvert ul ul ul ul a,
	#menu_menujaune ul ul ul ul a,
	#menu_menurose ul ul ul ul a { font-size: 1.2em; font-weight: normal; }
	#menu_menuvert ul ul ul ul a:hover,
	#menu_menujaune ul ul ul ul a:hover,
	#menu_menurose ul ul ul ul a:hover { color: white; font-weight: bold; }
	
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative; clear:both; margin: -70px auto 0 auto; /* negative value of footer height */
		padding: 0; width: 980px; height: 70px;
		background: url("../images/f-piedpage-vert.jpg") no-repeat left bottom;
	}
	.vert #menu_menupieddepage { background: url("../images/f-piedpage-vert.jpg") no-repeat left bottom; }
	.jaune #menu_menupieddepage { background: url("../images/f-piedpage-jaune.jpg") no-repeat left bottom; }
	.rose #menu_menupieddepage { background: url("../images/f-piedpage-rose.jpg") no-repeat left bottom; }
	
	#menu_menupieddepage h3 { position: absolute; top: 0; left: -999em; }
	#menu_menupieddepage ul {
		position: absolute; right:0; bottom: 0.8em; margin: 0; padding: 0; list-style: none;
		font-size: 1.2em; color: #faf1d7;
		filter: alpha(opacity = 70); -moz-opacity: 0.7; opacity: 0.7;
	}	
	#menu_menupieddepage li { display: inline; margin-right: 2.5em }
	#menu_menupieddepage li a { color: #faf1d7; text-decoration: none; }
	#menu_menupieddepage li a:hover { text-decoration: underline; }
	
	/********************************/
	/*			MENU ARBO			*/
	/********************************/
	#contenu .menu_arbo ul {
		margin: 0;
		padding: 0;
	}	
	#contenu .menu_arbo li {
		position: relative;
		float: left;
		width: 20em;
		margin: 0.5em;
		list-style: none;
		list-style-image: none;
	}
	#contenu .menu_arbo li a {
		display: block;
		height: 80px;
		padding: 5px;
		text-decoration: none;
	}
	#contenu .menu_arbo li a:hover {
		background-color: #f5eedd;
	}	
	#contenu .menu_arbo li img {
		position: relative;
		float: left;
		margin-right: 0.5em;
		border: none;
	}
	#contenu .menu_arbo li span {
		display: block;
		margin-top: 0.3em;
	}
	#contenu .menu_arbo li strong {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		color: #573f06;
	}
	
	#contenu #menu_menuprincipal ul li,
	#contenu #menu_menupieddepage ul li,
	#contenu .menu_arbo ul li { list-style-image: none; }
	
	
	p.flipbook { position: absolute; top: 250px; left: 25px; margin: 0; }
	p.flipbook a {
		display: block; width: 165px; height: 200px;
		background: url(../images/cadeaux2010.jpg) no-repeat;
	}
	p.flipbook a:hover {
		background-position: right top;
	}
	p.flipbook a span { position: absolute; top: 0; left: -999em; }

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
form#mrecherche_rechercheGuisabel {
	position: relative;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
}
form#mrecherche_rechercheGuisabel p {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
}
form#mrecherche_rechercheGuisabel p input#recherche_rechercheGuisabel {
	padding: 0 5px;
	width: 123px;
	height: 19px;
	line-height: 19px;
	margin-right: 0.4em;
	border-top: 1px solid #655f51;
	border-left: 1px solid #655f51;
	border-bottom: 1px solid #eadcbe;
	border-right: 1px solid #d8ccb0;
	background: #f3e6c6 url(../images/f-recherche.png) no-repeat;
}
form#mrecherche_rechercheGuisabel p input#btnrecherche_rechercheGuisabel {
	width:21px;
	height: 21px;
	color: #faf0d6;
	background: #eddebc url(../images/f-recherche-btn.png) no-repeat;
	border: none;
	font-size: 0.8em;
	cursor: pointer;
}
.spot0{
	font-weight:bold;
	background-color:#FFFF00;
}
.spot1{
	font-weight:bold;
	background-color: #66FF00;
}
.spot2{
	font-weight:bold;
	background-color: #ff0066;
}
.spot3{
	font-weight:bold;
	background-color: #00ffdd;
}

@media print {
	#entete h1,
	div#menu_menuprincipal,
	#menu_menupieddepage,
	hr,
	form#mrecherche_rechercheGuisabel {
  	display : none;
  }
}

@media screen {
	html { height: 100%; }
	
	body {
		margin: 0; padding: 0; height: 100%;
		font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; text-align: center;
		background: black;
		
		scrollbar-3dlight-color: #d7c6a1;
		scrollbar-arrow-color: #eddebc;
		scrollbar-base-color: transparent;
		scrollbar-darkshadow-color: #584006;
		scrollbar-face-color: #573f05;
		scrollbar-highlight-color: #eddebc;
		scrollbar-shadow-color: #745a1c;
	}
	
	#global {
		position: relative; margin: 0 auto; width: 980px; height: 100%;
		font-size: 1em; text-align: left;
		background: #eedfbd url(../images/f-global3.jpg) no-repeat left bottom;
	}
	body > #global {height: auto; min-height: 100%;}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 25px; left: 25px; width: 170px; z-index: 3; }
	#entete h1 { position: absolute; margin: 0; top: -10px; left: -13px; }
	#entete h1 a { 
		display: block; width: 158px; height: 154px; 
		background: url(../images/logov2.png) no-repeat;
	}
	#entete h1 span { position: absolute; top: 0; left: -999em; }
	h2#slogan {
		position: absolute; top: 0; left: -999em; margin: 0; width: 750px; height: 110px;
		/*background: url(../images/slogan.png);*/
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute; margin: 0; padding: 0; top: 130px; left: 250px;
		font-size: 1.5em; color: #573f06; font-family: Georgia, "Times New Roman", Times, serif;
	}
	p#chemin span { }
	p#chemin span.chemin_first, 
	p#chemin span.chemin_last, 
	p#chemin span.chemin_0 { position: absolute; top: 0; left: -999em; }	
	p#chemin a { color: #573f06; text-decoration: none; }	
	p#chemin a:hover { text-decoration: underline; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#contenu { 
		position: relative; margin: 0; padding: 80px 0 70px 0; width: 980px; min-height: 320px;
		background: url(../images/lettre.png) no-repeat 195px 0; 
	}
	#main {
		position: relative; margin: 0 210px 0 250px; padding: 0; width: 520px; height: 100%;
	}
	
	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }
	.leon,
	.leonvisuelpdt { clear: both; }
	
	/*--	titraille	--*/
	#contenu h1, #contenu h2, #contenu h3, #contenu h4, #contenu h5, #contenu h6 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		color: #573f06;
	}
	#contenu h1 {
		position: relative;
		padding: 0;
		margin: 0 0 0.25em 0;
		font-size: 3.2em;
		font-style: italic;
	}
	#con_descriptif h1 { margin:0 0 0.5em 0; font-size: 2.2em; }
	#con_descriptif h2 { font-size:1.7em; font-style: italic; margin-bottom: 0; }
	#con_descriptif h3 { margin-bottom: 0; font-size: 1.4em; font-weight: bold; }
	#con_descriptif h4 { font-size:1.2em; font-style: italic; font-weight: bold; }
	#contenu a { color: #573f06; }
	#contenu a:hover { text-decoration: none; }
	
	/*--	listes générales	--*/
	#main ul { }
	#main ul li { list-style-image: url(../images/puce-liste.png); }
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		/* à utiliser pour la phrase en vague */
		position: absolute;
		left: -999em;
	}
	#contenu #con_descriptif, 
	#contenu .menu_arbo { position: relative; margin: 0; font-size: 1.2em; }
	#contenu #con_descriptif table {}
	#contenu #con_descriptif table td {}
	#contenu #con_descriptif img { border: none; margin: 5px; }
	#contenu #con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	
	/* rubriques produits */
	#contenu .listeProduit { position: relative; margin: 0;	}		
	#contenu .listeProduit div.pair,
	#contenu .listeProduit div.impair { position: relative; display: block; float: left; margin: 2%; width: 45%; min-height: 95px; }
	#contenu .listeProduit div.pair { clear: both; }
	#contenu .listeProduit img { position: absolute; top: 0; left: 0; }
	#contenu .listeProduit ul { margin: 0 0 0 100px; padding : 0; list-style: none; }
	#contenu .listeProduit ul li { list-style-position: inside; list-style-image: none; }
	#contenu .listeProduit a { text-decoration: none; }
	#contenu .listeProduit li a { display: block; padding: 3px; border-bottom: 1px solid #B8A386; }
	#contenu .listeProduit li a:hover { background: #C7B496; }
	#contenu .listeProduit strong.rub {
		font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size : 1.8em; color: #573f06;
		text-decoration: none;
		margin: 0 0 0.3em 100px; display: block; line-height: 0.9em;
	}
	
	
	/********************************/
	/*		SHORT BASKET			*/
	/********************************/
	p#short_basket { position: absolute; top: 0; right: 0; margin: 0; z-index: 4; }
	p#short_basket a {
		display: block; margin: 0; padding: 10px 15px; width: 110px; height: 50px;
		font-size: 1.1em; color: #f7e5c2; text-decoration: none;
		background: url(../images/shortbasket.png);
	}
	p#short_basket a:hover { background-position: 0 -70px; color: white; }
	p#short_basket a strong { display: block; font-size:1.2em; font-weight: bold; }
	
	/********************************/
	/*		EDIT IN PLACE			*/
	/********************************/
	.editable,textarea {
		background-color: white;
	}
	.cYep {
		border: 1px dashed red;
	}
	
	/* champ h1 */
	input.input_edition {
		display: block;
		width: 99.5%;
		height: auto;
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-style: italic;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #573f06;
		text-transform: none;
		border-top: 1px solid #655f51;
		border-left: 1px solid #655f51;
		border-bottom: 1px solid #eadcbe;
		border-right: 1px solid #d8ccb0;
		background: #f3e6c6 url(../images/f-recherche.png) no-repeat;
	}
	
	/* textarea chapeau */
	#con_chapeau_editeur.cYep {
		margin: 0 0 1px 0;
		padding: 2em 1em 1em 1em;
		font-size: 1.2em;
		font-weight: bold;
		background-color: #e3f2f9;
	}
	
	#con_chapeau_editeur.cYep textarea {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		width: 100%;
		height: auto;
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 1em 0;
		padding: 0;
		color: #426b89;
		background-color: #ffc;
		border: 1px solid black;
	}
	
	/* descriptif */
	#con_descriptif_div.cYep {
		height: 290px;
		_height: 252px;
	}
	
	#con_descriptif_editeur {
		height: auto;
		_height: auto;
	}
	#con_descriptif_editeur .contenuwysiwyg {
		height: 160px;
		margin: 0;
		padding: 0;
	}
	
	/* boutons */
	div.boutonYep {
		display: block;
		font-size: 8px;
		font-weight: normal;
		font-style: normal;
		font-family: Arial, sans-serif;
		color: black;
		padding: 0;
		margin: 0;
	}
		
	/* surlignage des champs invisibles */
	body.edit .editChampVide {
		margin: 0.5em;
		padding: 0.5em;
		border: 1px dashed red;
	}
	
	/**********************************/
	/* Popup expliquant les chocolats */
	/**********************************/
	
	.descPopup {
		position: fixed;
		bottom: 0;
		left: 0;
		min-height: 150px;
		width: 279px;
		display: none;
	}
	div#deco {width:auto; height:10px; background:url(../images/popup_top.png) no-repeat top left;}
	div#pop_contenu{width:auto; padding:10px; min-height: 130px; background:url(../images/popup_bott.png) no-repeat bottom left;}
	
	#contenu .descPopup h3 {
		overflow:auto;
		margin:0 0 5px 0; padding:5px; background: #8a3e6d;
		color: white; font-style: italic; font-size: 1.5em;
	}
	.descPopup p {
		color: white;
	}
	.descPopup img {
		position:relative; float: left; margin: 0 10px 5px 0;
	}
	
	/**********************************/
	/* Popup expliquant les chocolats */
	/**********************************/
	#actuPopup {
		position:fixed; top:0; left:0; width: 100%;  height:100%; background:url(../images/noir50.png); 
		z-index:1000;
	}
	#conteneurPopup{
		position : absolute;
		width: 470px;
		top: 100px;
		left:50%; margin-left:-235px;
	}
	#contenuPopup {
		width: 470px; min-height:220px; max-height:500px; overflow:auto;
		background : url(../images/actupopup_bott.png) no-repeat bottom left;
		color: white; 
		padding: 0 20px;
	}
	div.deco {width:500px; height:11px; background : url(../images/actupopup_top.png) no-repeat top left;}
	#btClose a{float:right; width: 15px;  height:14px; background : url(../images/close.png) no-repeat top left;}
	#btClose a span {display:none;}
	
	#con_popup { margin:25px 0 15px 0;}
	#actuPopup p a {}
	#actuPopup p img {border:0; margin:0 10px 5px 0; float:left;}
}