body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	background: #3F2310;
	scrollbar-3dlight-color: #E4CFA2; /* couleur pour les effets de relief */
	scrollbar-arrow-color: #E4CFA2; /* couleur pour les pointeur de défilement */
	scrollbar-base-color: #3F2210; /* couleur de base de la barre de défilement */
	scrollbar-darkshadow-color: #E4CFA2; /* couleur pour les ombres */
	scrollbar-highlight-color: #E4CFA2; /* couleur pour le bord haut et le bord gauche */
	scrollbar-shadow-color: #E4CFA2; /* couleur pour le bord droit et le bord du bas */
	scrollbar-track-color: #E4CFA2; /* couleur pour la barre de défilement non cachée par le pointeur de défilement */
	overflow: hidden;
}
* {
	margin: 0px;
	padding: 0px;
}
/*///////// -- SITE -- ///////////////////////////////////////////////////////////////////*/
#index {
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 940px;
	height: 500px;
	margin-left: -470px;
	margin-top: -250px;
	background-color: #3F2310;
}
#site {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 860px;
	height: 620px;
	margin-left: -430px;
	margin-top: -310px;
	background: url(im/commun/bkg_site.jpg)
}
p {
	color: #3F2310;
	padding: 0px 10px 0px 0px;
}
h1 {
	position: absolute;
	right: 220px; 
	top: 50px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 30px;
	font-weight: normal;
	text-align: right;
	color: #FAF8ED;
	letter-spacing: -1px;
}
.header {
	position: absolute;
	left: 34px; 
	top: 43px;
	width: 794px;
	height: 147px;
}
.frame {
	position: absolute;
	left: 354px; 
	top: 219px;
	width: 464px;
	height: 350px;
	border: #3F2310 1px solid;
}
/*///////// -- MENU -- ///////////////////////////////////////////////////////////////////
.menu {
	position: absolute;
	left: 34px; 
	top: 190px;
	width: 783px;
	height: 14px;
	padding:5px;
}

.menu ul {
	padding-left: 10px;
	color: #3F2310;
}
.menu li {
	display: inline;
	line-height: 24px;
	font-size: 11px;
}
.menu li a {
	color: #3F2310;
	text-decoration: none;
}
.menu li a:hover {
	color: #3F2310;
	text-decoration: underline;
}
*/
.menu_boutons_rouge {
	position: absolute;
	right: 9px;
	top: 0px;
	width: 195px;
	height:24px;
}

.menu_boutons_vert {
	position: absolute;
	right: 7px;
	top: 0px;
	width: 164px;
	height:24px;
}

.menu_boutons_jaune {
	position: absolute;
	right: 7px;
	top: 0px;
	width: 178px;
	height:24px;
}



.boutique {
background:url(im/commun/menu_boutique.jpg);
background-color:#FFCC00;
}	

.pro { 
background:url(im/commun/menu_pro.jpg);
background-color:#349C47;
}	

.cafes { 
background:url(im/commun/menu_cafes.jpg);
background-color:#C52C1C;
	}	


/*///////// -- PAGE ACCUEIL -- ///////////////////////////////////////////////////////////////////*/
.top {
  position: absolute;
  left: 354px; 
  top: 219px;
	width: 464px;
	height: 200px;
	overflow: auto;
}
.top_contenu {
  position: absolute;
  left: 5px; 
  top: 40px;
	width: 454px;
	height: 160px;
	overflow: auto;
}
.top_contenu img {
	float: left;
	margin: 3px 10px 0px 0px;
}
.top_left {
  position: absolute;
  left: 354px; 
  top: 219px;
	width: 222px;
	height: 200px;
}
.top_right {
  position: absolute;
  left: 596px; 
  top: 219px;
	width: 222px;
	height: 200px;
}
.bottom {
  position: absolute;
  left: 354px; 
  top: 434px;
	width: 464px;
	height: 135px;
}
.bottom_contenu {
  position: absolute;
  left: 5px; 
  top: 35px;
	width: 454px;
	height: 95px;
	overflow: auto;
}

.rouge { color: #C3141B; }

.left {
	position: absolute;
	left: 44px; 
	top: 219px;
	width: 300px;
	height: 350px;
}
.paquets {
	margin: 0px 0px 0px 20px;
}
/*///////// -- PAGE TORREFACTION -- ///////////////////////////////////////////////////////////////////*/
.titre_torre {
	position: absolute;
	left: 354px; 
	top: 218px;
	width: 464px;
	height: 35px;
}
.txt_torre {
	position: absolute;
	left: 1px; 
	top: 46px;
	width: 454px;
	height: 303px;
	overflow: auto;
	padding-right:5px;
	color:#3F2310;
}
.list {
	margin: 40;
	padding: 40;
	list-style-type: square;
}

/*///////// -- PAGE CONTACTS -- ///////////////////////////////////////////////////////////////////*/
form {
	position: absolute;
	top: 210px;
	left: 425px;
	width: 320px;
	color: #66381A;
	padding: 4px;
	text-align: left;
}
form span {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #66381A;
}
form ul {
	padding: 0px 45px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #66381A;
	list-style: none;
}
form li {
	display: inline;
}
.email {
	width: 200px;
	color: #66381A;
	background-color: #E4CFA2;
	border: #B3A27F 1px solid;
}
textarea {
	width: 310px;
	height: 90px;
	margin: 5px 0px 4px 0px;
	border: #B3A27F 1px solid;
	font-size: 11px;
	color: #66381A;
	background-color: #E4CFA2;
	overflow: auto;
}
input {
	margin: 5px 0px 0px 0px;
	font-size: 11px;
	height: 20px;
	line-height: 17px;
}
.btn_radio {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.note_cafes {
	color: #C3141B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.note_boutique {
	color: #F2AE03;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.note_pro {
	color: #11753F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.right {
	text-align: right;
}

.illustration_contact {
	position: absolute;
	left: 44px; 
	top: 219px;
	width: 300px;
	height: 350px;
}

.btn_envoyer {
	position: absolute;
	left: 240px; 
	top: 281px;
	width: 67px;
	height: 27px;
}

.coord {
font-size:11px;
color:#3F2310;
position: absolute;
left: 359px; 
	top: 529px;
	width: 452px;
	height: 78px;
}

/*///////// -- DIVERS -- ///////////////////////////////////////////////////////////////////*/
.coordonnees {
  position: absolute;
  left: 570px; 
  top: 480px;
	text-align: right;
}
.footer {
  position: absolute;
  left: -40px; 
  top: 180px;
	letter-spacing:-1px;
}
.credit {
	font-size: 10px;
	color: #8E6B66;
	position:absolute;
	width:426px;
	height:21px;
	left: 495px;
	top: 411px;
}
.credit_img {
padding-bottom:2px;
	vertical-align: middle;
}
.puce {
	vertical-align: middle;
	margin: -8px 0px 0px 0px;
}

/*///////// -- PAGE BOUTIQUE -- ///////////////////////////////////////////////////////////////////*/
.titre_produit {
	position: absolute;
	left: 354px; 
	top: 220px;
	width: 470px;
	height: 355px;
	font-size:17px;
	font-weight:bolder;
	color:#3F2310;
	overflow: auto;
}
.titre_produit_new{
	font-size:17px;
	font-weight:bolder;
	color:#3F2310;
}
.txt_produit_new{
	font-size:11px;
	font-weight:normal;
	overflow: auto;
	padding-right:5px;
	color:#3F2310;
}
.txt_produit {
	font-size:11px;
	font-weight:normal;
	position: absolute;
	left: 354px; 
	top: 274px;
	width: 460px;
	height: 275px;
	overflow: auto;
	padding-right:5px;
	color:#3F2310;
}
.list_produit {
	margin: 40;
	padding: 40;
	list-style-type: square;
}

.trait {
padding-top:7px;
}

/*///////// -- PAGE gamme -- ///////////////////////////////////////////////////////////////////*/
.titre_gamme {
	position: absolute;
	left: 354px; 
	top: 238px;
	width: 455px;
	height: 34px;
	font-size:17px;
	font-weight:bolder;
	color:#3F2310;
}

.table_gamme {
	position: absolute;
	left: 351px; 
	top: 218px;
	width: 464px;
	height: 350px;
	font-size:11px;
	font-weight:bolder;
	color:#3F2310;
	overflow:auto;
}

.titre_gamme_pro {
	position: absolute;
	left: 354px; 
	top: 369px;
	width: 455px;
	height: 34px;
	font-size:17px;
	font-weight:bolder;
	color:#3F2310;
}

.txt_gamme {
	position: absolute;
	left: 354px; 
	top: 281px;
	width: 454px;
	height: 288px;
	overflow: auto;
	padding-right:5px;
	color:#3F2310;
}

.list_gamme {
	margin: 40;
	padding: 40;
	list-style-type: square;
}

/*///////// -- PAGE GAMME DETAIL -- ///////////////////////////////////////////////////////////////////*/
.titre_gammedetail {
		position: absolute;
	left: 354px; 
	top: 238px;
	width: 455px;
	height: 34px;
	font-size:17px;
	font-weight:bolder;
	color:#3F2310;
	
}
.txt_gammedetail {
	font-size:11px;
	font-weight:normal;
	padding-right:5px;
	color:#3F2310;
	padding-left:8px;
}

.txt_titregamme {
	font-size:12px;
	font-weight:bold;
	padding-right:5px;
	color:#3F2310;
	padding-left:8px;
}

.zoom {
	text-align:center;
	font-size:9px;
	font-weight:normal;
	font-style:italic;
	color:#3F2310;
	padding-top:5px;
}

.pointille {
padding-top:8px;
padding-bottom:8px;
}

.paquet {
	position: absolute;
	left: 354px; 
	top: 280px;
	width: 52px;
	height: 79px;
}

.div_table {
	position: absolute;
	left: 354px; 
	top: 278px;
	width: 465px;
	height: 291px;
	overflow:auto;
	}
	
.retour {
	position: absolute;
	left: 776px; 
	top: 244px;
	width: 46px;
	height: 16px;
	font-size:12px;
	font-weight:bolder;
	color:#A5894D;
}
 
 /*///////// -- LIENS CREDITS -- ///////////////////////////////////////////////////////////////////*/
a.lien_credit:link { color: #8E6B66; text-decoration:none; font-size:9px; } 			/* lien non-visité */
a.lien_credit:visited { color: #8E6B66; text-decoration:none; font-size:9px; } 		/* lien visité */
a.lien_credit:hover { color: #8E6B66; text-decoration:underline; font-size:9px; } 	/* lien survolé */
a.lien_credit:active { color: #8E6B66; text-decoration:underline; font-size:9px; } 	/* lien activé */


/*///////// -- LIENS MARRONS -- ///////////////////////////////////////////////////////////////////*/
a.lien_marron:link { color: #3F2310; text-decoration:none; font-size:11px; font-weight:bold; } 			/* lien non-visité */
a.lien_marron:visited { color: #3F2310; text-decoration:none; font-size:11px; font-weight:bold; } 		/* lien visité */
a.lien_marron:hover { color: #3F2310; text-decoration:underline; font-size:11px; font-weight:bold; } 	/* lien survolé */
a.lien_marron:active { color: #3F2310; text-decoration:underline; font-size:11px; font-weight:bold; } 	/* lien activé */

/*///////// -- LIENS BORDEAUX -- ///////////////////////////////////////////////////////////////////*/
a.lien_bordeaux:link { color: #4E1F19; text-decoration:none; } 			/* lien non-visité */
a.lien_bordeaux:visited { color: #4E1F19; text-decoration:none; } 		/* lien visité */
a.lien_bordeaux:hover { color: #4E1F19; text-decoration:underline; } 	/* lien survolé */
a.lien_bordeaux:active { color: #4E1F19; text-decoration:underline; } 	/* lien activé */

/*///////// -- LIENS ROSE -- ///////////////////////////////////////////////////////////////////*/
a.lien_rose:link { color: #8E6B66; text-decoration:none; } 			/* lien non-visité */
a.lien_rose:visited { color: #8E6B66; text-decoration:none; } 		/* lien visité */
a.lien_rose:hover { color: #8E6B66; text-decoration:underline; } 	/* lien survolé */
a.lien_rose:active { color: #8E6B66; text-decoration:underline; } 	/* lien activé */

/*///////// -- LIENS BLANC -- ///////////////////////////////////////////////////////////////////*/
a.lien_blanc:link { color: #FFF; text-decoration:none; } 		/* lien non-visité */
a.lien_blanc:visited { color: #FFF; text-decoration:none; } 		/* lien visité */
a.lien_blanc:hover { color: #FFF; text-decoration:underline; } 	/* lien survolé */
a.lien_blanc:active { color: #FFF; text-decoration:underline; } 	/* lien activé */

.liste {
	padding:10px;
}
.liste li {
	margin: 10px;
	color: #3F2310;
	list-style-type: square;
	list-style-position: inside;
	list-style-image:url(im/commun/puce.gif);
}