html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	color:#7A7A6C;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/gourmand-connaisseur/img/fond-body.jpg);
}

body.wait {
	cursor:wait;
}

#fond {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	min-width:964px;
	height:100%;
	overflow:hidden;
	background:url(/gourmand-connaisseur/img/fond-gradient.png) 0 0 repeat-x !important;
	background:none;
}

#page {
	position:relative;
	margin:0 auto 0 auto;
	padding:80px 0 0 0;
	width:964px;
	background:url(/gourmand-connaisseur/img/cadre-top-blanc.gif) 0 106px no-repeat;
}

#cadre {
	/*min-height:400px;*/
	background:url(/gourmand-connaisseur/img/cadre-gradient.gif) 0 100% no-repeat;
}

#background.image {
	height:445px;
	background:url(/gourmand-connaisseur/img/fond-motif.gif) 50% 20px no-repeat;
}

/*--------------------------------------------------------------------------------
	ENTETE
--------------------------------------------------------------------------------*/
#entete {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
	font-size:1.1em;
	text-align:center;
	z-index:9000;
	height:1%;
}

#entete-print {
	display:none;
}

#flash-entete {
	margin:0 auto;
	width:400px;
	height:160px;
}

#flash-entete h1,
#flash-entete p {
	position:absolute;
	top:-10000px;
}

#entete ul {
	position:absolute;
	top:107px;
	left:750px;
	margin:0;
	padding:0;
	list-style:none;
}

#entete ul li {
	position:relative;
	margin:0 5px 0 0;
	padding:0;
	float:left;
	width:86px;
}

#entete ul li a {
	display:block;
	height:27px;
	overflow:hidden;
	text-decoration:none;
	background:0 -100px no-repeat;
}
#entete ul li#bt-fromages a {background-image:url(/gourmand-connaisseur/img/bt-fromages.gif);}
#entete ul li#bt-alcools a {background-image:url(/gourmand-connaisseur/img/bt-alcools.gif);}

#entete ul li.actif a {
	background-position:0 0;
}

#entete ul li a span {
	visibility:hidden;
}

#entete ul ul {
	display:none;
	position:absolute;
	top:27px;
	left:-20px;
	width:128px;
	background:url(/gourmand-connaisseur/img/fond-sousmenu.gif) 0 100% no-repeat;
}

#entete ul ul li {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(/gourmand-connaisseur/img/fond-sousmenu-cadre.png) 0 50% no-repeat !important;
	background:url(/gourmand-connaisseur/img/fond-sousmenu-cadre.gif) 0 50% no-repeat;
}

#entete ul ul li.premier {
	padding-top:10px;
	background:url(/gourmand-connaisseur/img/fond-sousmenu-cadre.png) 0 -4px no-repeat !important;
	background:url(/gourmand-connaisseur/img/fond-sousmenu-cadre.gif) 0 -4px no-repeat;
}

#entete ul ul li.dernier {
	padding-bottom:20px;
	background:url(/gourmand-connaisseur/img/fond-sousmenu-cadre.png) 0 100% no-repeat !important;
	background:url(/gourmand-connaisseur/img/fond-sousmenu-cadre.gif) 0 100% no-repeat;
}

#entete ul ul li a,
#entete ul li#bt-fromages ul a,
#entete ul li#bt-alcools ul a {
	display:block;
	height:auto;
	padding:10px 0 3px 0;
	text-indent:0;
	color:#5E5852;
	background:url(/gourmand-connaisseur/img/pointille-sousmenu.png) 50% 0 no-repeat;
}

#entete ul ul li.premier a,
#entete ul li#bt-fromages ul .premier a,
#entete ul li#bt-alcools ul .premier a {
	padding-top:0;
	background:none;
}

#entete ul ul a:hover {
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------
	CORPS
--------------------------------------------------------------------------------*/
#corps {
	position:relative;
	height:1%;
	padding-bottom:50px;
}

#accueil #corps {
	padding-top:30px;
	padding-bottom:0;
	text-align:center;
}

#types-fromages #corps,
#liste-fromages #corps,
#types-alcool #corps {
	padding-top:30px;
	padding-bottom:0;
}

#details-alcool #corps,
#details-fromage #corps,
#plateau #corps {
	padding-left:70px;
}

/*--------------------------------------------------------------------------------
	ACCUEIL
--------------------------------------------------------------------------------*/
#accueil #corps p {
	margin-bottom:30px;
	font-size:1.2em;
}

#accueil #flash-accueil {
	height:300px;
}

#accueil #flash-accueil h1,
#accueil #flash-accueil ul {
	position:absolute;
	top:-10000px;
}

/* CONTENU CACHÉ POUR LES FLASHS*/
#flash-alcools h1,
#flash-alcools ul,
#flash-fromages h1,
#flash-fromages ul,
#flash-liste-fromages h1,
#flash-liste-fromages ul {
	position:absolute;
	top:-10000px;
}

/*--------------------------------------------------------------------------------
	FROMAGES
--------------------------------------------------------------------------------*/
#flash-fromages,
#flash-liste-fromages {
	margin-left:8px;
	height:310px;
}

/* FICHE DÉTAILLÉE D'UN FROMAGE (details.php) */
#fiche-fromage {
	position:relative;
	margin:0;
	padding:20px 0 0 0;
	float:left;
	width:280px;
}

#fiche-fromage h1 {
	margin:0 0 10px 0;
	padding:0;
	color:#5E5852;
	font-size:2.5em;
	font-weight:bold;
	text-transform:uppercase;
}

#fiche-fromage p {
	font-size:1.2em;
}

#fiche-fromage p.surtitre {
	margin:0;
	padding:40px 0 5px 0;
	color:#5E5852;
	font-size:1.4em;
	text-transform:uppercase;
}

#fiche-fromage p.visuel {
	margin:0 0 15px 0;
	padding:0;
	height:225px;
}

#details-fromage #droite {
	float:right;
	position:relative;
	margin:0;
	padding:60px 20px 0 0;
	width:570px;
}

#details-fromage .alcool {
	position:relative;
	float:left;
	width:195px;
	margin:0 0 30px 0;
	padding:0 20px 0 70px;
}

#details-fromage .alcool h3 {
	margin:0 0 0.3em 0;
	padding:0;
	font-size:1.4em;
	font-weight:bold;
}

#details-fromage .alcool p {
	font-size:1.2em;
}

#details-fromage .alcool p.details {
	margin-left:-4px;
}

#details-fromage .alcool p.details a {
	display:block;
	width:91px;
	height:32px;
	background:url(/gourmand-connaisseur/img/bt-choisir-over.gif) 0 0 no-repeat;
}

#details-fromage .alcool p.details a:hover img {
	visibility:hidden;
}

#details-fromage .alcool h3 img,
#details-fromage .alcool h3 object,
#details-fromage .alcool h3 embed {
	position:absolute;
	top:0;
	left:0;
}

/* DESCRIPTION DÉTAILLÉE D'UN ALCOOL POUR UN FROMAGE */
.description-alcool {
	display:none;
	position:relative;
	margin:0;
	padding:0;
	width:370px;
}

.description-alcool h2 {
	margin:0 0 15px 0;
	padding:0;
	font-size:2.5em;
	text-transform:uppercase;
}

.description-alcool h3 {
	margin:1em 0 0 0;
	padding:0;
	font-size:1.6em;
	/*text-transform:uppercase;*/
}

.description-alcool p {
	font-size:1.2em;
}

.description-alcool p.visuel {
	position:absolute;
	top:0;
	right:-180px;
	margin:0;
	padding:0;
	background:#fff;
}

#selecteur {
	position:absolute;
	left:0;
	top:0;
	width:370px;
	clear:both;
	margin:0 0 1em 0;
	padding:20px 0 0 0;
	background:url(/gourmand-connaisseur/img/separateur-horizontal.gif) 0 0 repeat-x;
}

#fade-alcool {
	position:absolute;
	top:55px;
	left:0;
	width:570px;
	background:#ffffff;
}

#collapse-alcools {
	display:none;
}

/*--------------------------------------------------------------------------------
	ALCOOL
--------------------------------------------------------------------------------*/
#flash-alcools {
	margin-left:8px;
	height:340px;
}

/* LISTE DES TYPES D'ALCOOL (liste.php) */
#liste-alcools #corps h1 {
	margin:0 0 20px 0;
	padding:70px 0 0 0;
	color:#5E5852;
	font-size:2.5em;
	text-transform:uppercase;
}

#liste-alcools #corps p {
	float:left;
	margin:0;
	padding:60px 32px 0 70px;
}

#liste-alcools #corps ul {
	float:left;
	/*width:160px;*/
	margin:0;
	padding:0;
	list-style:none;
}

#liste-alcools #corps ul li {
	margin:0 0 0.5em 0;
	padding:0 0 0 10px;
	height:1%;
	background:url(/gourmand-connaisseur/img/puce.gif) 0 0.8em no-repeat;
}

#liste-alcools #corps ul li a {
	/*display:block;
	color:#7A7A6C;*/
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
}

#liste-alcools #corps ul li a:hover {
	text-decoration:underline;
}

/* FICHE DÉTAILLÉE D'UN D'ALCOOL (details.php) */
#gauche {
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:400px;
}

/* (les styles "fiche-alcool" sont communs avec la page "plateau.php") */
#fiche-alcool {
	position:relative;
	margin:0 0 0 0;
	padding:20px 0 20px 170px;
	height:1%;
	min-height:350px;
}

#fiche-alcool p.visuel {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:60px 0 0 0;
}

#fiche-alcool h1 {
	margin:0 0 15px 0;
	padding:0;
	color:#5E5852;
	font-size:2.5em;
	font-weight:bold;
	text-transform:uppercase;
}

#fiche-alcool p,
#fiche-alcool ul {
	font-size:1.2em;
}

#fiche-alcool ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

#fiche-alcool ul li {
	margin:0 0 0.5em 0;
	padding:0 0 0 10px;
	height:1%;
	background:url(/gourmand-connaisseur/img/puce.gif) 0 0.6em no-repeat;
}

#fiche-alcool p.surtitre {
	margin:0;
	padding:40px 0 5px 0;
	color:#5E5852;
	font-size:1.4em;
	text-transform:uppercase;
}

#details-alcool .plateau {
	position:relative;
	margin:20px 0 0 0;
	padding:10px 0 0 150px;
	height:1%;
}

#details-alcool .plateau p.visuel {
	position:absolute;
	left:-5px;
	top:0;
	margin:0;
	padding:0;
}

#details-alcool .plateau p {
	font-size:1.2em;
}

#details-alcool .plateau p.bt-details {
	margin-left:-4px;
}

#details-alcool .plateau p.bt-details a {
	display:block;
	width:90px;
	height:32px;
	background:url(/gourmand-connaisseur/img/bt-details-over.gif) 0 0 no-repeat;
}

#details-alcool .plateau p.bt-details a:hover img {
	visibility:hidden;
}

#details-alcool #droite {
	float:right;
	position:relative;
	margin:60px 0 15px 0;
	padding:0;
	width:450px;
}

#scroll-fromage {
	margin-right:40px;
	height:550px;
	overflow:hidden;
}

/*-----------------------------------------------------
jScrollPane
------------------------------------------------------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #eae8e1;
}
.jScrollPaneDrag {
	position: absolute;
	background: #bfbcaf;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height:3px;
	background:url(/gourmand-connaisseur/img/drag-arrow-top.gif) no-repeat;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height:3px;
	background:url(/gourmand-connaisseur/img/drag-arrow-bottom.gif) no-repeat;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:3px;
	background:url(/gourmand-connaisseur/img/drag-top.gif) no-repeat;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:3px;
	background:url(/gourmand-connaisseur/img/drag-bottom.gif) no-repeat;
}
/*----------------------------------------------------*/

#details-alcool .fromage {
	position:relative;
	margin:0 20px 30px 0;
	padding:0;
	width:100%;
}

#details-alcool .fromage h3 {
	margin:0;
	padding:0 10px 0 160px;
	font-size:1.4em;
	font-weight:bold;
}

#details-alcool .fromage p {
	padding:0 10px 0 160px;
	font-size:1.2em;
}

#details-alcool .fromage img,
#details-alcool .fromage object,
#details-alcool .fromage embed {
	position:absolute;
	top:0;
	left:0;
}

/*--------------------------------------------------------------------------------
	PLATEAU DE FROMAGES (plateau.php)
--------------------------------------------------------------------------------*/
#plateau #fiche-alcool {
	position:relative;
}

#plateau #fiche-alcool h1 {
	position:absolute;
	top:170px;
	left:170px;
	width:240px;
}

#plateau #fiche-alcool p.surtitre {
	position:absolute;
	top:110px;
	left:170px;
}

#plateau .img-plateau {
	float:right;
	margin:0;
	padding:70px 8px 0 0;
}

#plateau .fromage {
	position:relative;
	margin:0;
	padding:0 20px 0 0;
	float:left;
	width:260px;
}
#plateau #nb-fromage-4 .fromage {
	width:200px;
}

#plateau .fromage h3 {
	margin:0;
	padding:0;
	font-size:1.4em;
	font-weight:bold;
}

#plateau .fromage p {
	font-size:1.2em;
}

/*--------------------------------------------------------------------------------
	IMPRIMER / ENVOYER A UN AMI
--------------------------------------------------------------------------------*/
#outils {
	float:left;
	margin:15px 0 0 0;
	padding:20px 0 0 0;
	background:url(/gourmand-connaisseur/img/separateur-horizontal.gif) 0 0 repeat-x;
}

#plateau #outils {
	float:none;
	height:1%;
	margin-right:70px;
}

#outils a {
	margin-right:30px;
}

/*--------------------------------------------------------------------------------
	DIVERS
--------------------------------------------------------------------------------*/
p.retour {
	position:absolute;
	top:0;
	left:30px;
	margin:0;
	padding:0;
	z-index:1000;
}

a {
	color:#936C1F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

p {
	margin:0 0 1em 0;
	padding:0;
}

object,
embed,
object:hover,
embed:hover {
	outline:none;
	border:0 solid;
}

img {
	border:none;
}

/*img.multiply {
	visibility:hidden;
}*/

.clear {
	clear:both;
}

div.separateur {
	clear:both;
	margin:0 0 1em 0;
	padding:4px 0 0 0;
	background:url(/gourmand-connaisseur/img/separateur-horizontal.gif) 0 0 repeat-x;
}

/*--------------------------------------------------------------------------------
	PIED DE PAGE
--------------------------------------------------------------------------------*/
#pied {
	position:relative;
	margin:0 auto;
	padding:51px 0 50px 0;
	width:964px;
	color:#9D9D92;
	font-size:1.1em;
	text-align:center;
	background:url(/gourmand-connaisseur/img/cadre-bottom-blanc.gif) 0 0 no-repeat;
}

#pied a {
	color:#9D9D92;
	text-decoration:none;
}

#pied a:hover {
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------
	ENVOYER À UN AMI
--------------------------------------------------------------------------------*/
#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index:10000;
	background-color:#fff;
}

#lightbox {
	display:none;
	position:fixed !important;
	position:absolute;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:15000;
	text-align:left;
	background:transparent;
}

#envoi-ami,
#references {
	position:relative;
	margin:0;
	padding:40px 0 0 0;
	width:497px;
	background:url(/gourmand-connaisseur/img/ami-cadre-top.png) no-repeat !important;
	background:url(/gourmand-connaisseur/img/ami-cadre-top.gif) no-repeat;
	z-index:20000;
}

#envoi-ami .contenu,
#references .contenu {
	margin:0;
	padding:0 40px 25px 40px;
	background:url(/gourmand-connaisseur/img/ami-cadre-bottom.png) 0 100% no-repeat !important;
	background:url(/gourmand-connaisseur/img/ami-cadre-bottom.gif) 0 100% no-repeat;
}

#references .contenu {
	min-height:200px;
}


#envoi-ami #bt-fermer,
#references #bt-fermer {
	position:absolute;
	top:15px;
	right:14px;
}

.message {
	display:none;
	font-weight:bold;
}

#envoi-ami h3,
#references h3 {
	margin:0 0 20px 0;
	padding:0;
	color:#936c1f;
	font-size:1.8em;
	text-transform:uppercase;
}

#envoi-ami p,
#references p,
#references ul {
	font-size:1.2em;
}

#references ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

#references ul li {
	margin:0 0 0.5em 0;
	padding:0 0 0 10px;
	height:1%;
	background:url(/gourmand-connaisseur/img/puce.gif) 0 0.6em no-repeat;
}

#envoi-ami .petit {
	font-size:1.1em;
}

#envoi-confirmation {
	display:none;
	position:absolute;
	top:80px;
	padding-right:40px;
}

form {
	/*visibility:hidden;*/
	margin:0;
	padding:0;
}

.frm-ligne {
	width:100%;
	overflow:hidden;
}

.frm-ligne label {
	float:left;
	margin-top:3px;
}

.frm-ligne .champ {
	float:right;
	width:220px;
	margin:0 4px 0 0;
	padding:3px 4px 4px 4px;
	color:#7A7A6C;
	font-size:1.2em;
	border:1px solid #e3e3d5;
}

.frm-bouton {
	margin-bottom:2em;
	text-align:right;
}