/* CSS Document */
body {
	/* behavior:url("../Styles/csshover.htc");*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0%;
	/*background-color: #FFFFFF;*/
	background-image: url(../Images/First-Page_bkg.gif);
	background-attachment: fixed;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	padding: 1%;
}
h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
	border: 2px groove #006699;
	background-color: #FFFFFF;
}
h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: large;
	color: #006699;
	text-indent: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: ridge;
	border-right-style: none;
	border-bottom-style: ridge;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 70%;
	margin-left: 10%;
	margin-right: 10%;
}
h3 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: larger;
	color: #666666;
	text-indent: 2%;
	font-weight: bolder;
	background-color: #FFFFFF;
	border-top: 2px groove #999999;
	border-right: none #999999;
	border-bottom: 2px groove #999999;
	border-left: none #999999;
	width: 50%;
}
h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #003366;
	text-indent: 2%;
}
body a:hover {
	color: #FF0000;
	font-weight: normal;
	text-decoration: underline;
}


ul li {
	list-style-image: url(../Images/pagoderoof3-R-micro.gif);
}
ul li a:link {
	color: #0000FF;
}
ul li a:hover {
	color: #FFCC00;
}

p:first-line  {
	text-indent: 5%;
}
img.floatLeft { 
	float: left;	
	margin: 0px 10px 2px 0px; 
	border: medium outset #FFFFFF;
}
img.floatRight { 
	float: right;
	margin: 0px 0px 2px 10px;
	border: medium outset #FFFFFF; 
}

img.encart { 
	margin: 2px;
	border: medium outset #FFFFFF;
}


/*  ____________________________________ Definition générale des tables  _________________________________________*/
table {
	border-collapse: collapse;
	border: 2px outset #444;
	margin: 1px;
	padding: 1px;
	width: 99%;
	background-image: none;
}
/* Header */
th {
	color: white;
	background-color: #333333;
	border: 2px outset white;
	font-weight: normal;	
}
/* Body rows */
td {
	padding: 4px;
	margin: 2px;
	border: 2px outset #ccc;
	text-align: left;
}

/* ________________________  Classes  __________________________________________*/
.LeftPosit {
	position: absolute;
	top: 1%;
	background-image: none;
}
.NP {
	display: none;
}
/*------------------------regions backgrounds --------------------------------*/
.campbeltown {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.general {
	background-image: url(../Buttons/Tit_General.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.centralHighlands {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-repeat: repeat-x;
	background-position: right;
	color: #FFFFFF;
	text-align: center;
}
.easternHighlands {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.isles {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.islay {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-repeat: repeat-x;
	background-position: right;
	color: #FFFFFF;
	text-align: center;
}
.lowlands {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.northernHighlands {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.speyside {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.westernHighlands {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-repeat: repeat-x;
	background-position: right;
	text-align: center;
	color: #FFFFFF;
}
.FicheDistillerie {
	font-size: 12px;
	font-weight: bolder;
	padding: 2px;
}
.AuteurCommentaire {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #CCCCCC;
	border: 2px outset;
}
.commentaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px;
	border: 1px ridge;
	width: auto;
}
.BouteilleDescription {
	margin: 1%;
	font-size: 12px;
	padding-right: 2%;
	padding-left: 5%;
}
.cote {
	font-size: 18px;
	font-weight: bold;
	color: #CC6633;
	font-variant: small-caps;
	font-family: "Times New Roman", Times, serif;
}
.grayed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	border-left-style: dotted;
	border-top-color: #0033CC;
	border-right-color: #0033CC;
	border-bottom-color: #0033CC;
	border-left-color: #0033CC;
	border-left-width: 1px;
	line-height: normal;
	text-align: left;
}
.grayedRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	border-top-color: #0033CC;
	border-right-color: #0033CC;
	border-bottom-color: #0033CC;
	border-left-color: #0033CC;
	line-height: normal;
	text-align: right;
	border-right-width: 1px;
	border-right-style: dotted;
}
.smallgrey {
	font-size: xx-small;
	font-family: Tahoma, Verdana, Arial, sans-serif, sans-serif;
	color: #999999;	
}
#paperBackground {
	background-image: url(../Images/cnvbkgnd.jpg);
	background-repeat: repeat;
}


/* ________________________________________Entete avec Logo et titre par page ________________________________________*/
#TitleImageL a span{
	display: none;
}
#TitleImageL a {
	display:block;
	background-image: url(../Images/MediumDist/Bunnahabhain-casks-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 200px;
	position: absolute;
	top: 3px;
	left: 1%;
}
#TitleImageL a:hover {
	display:block;
	background-image: url(../Images/MediumDist/Speyside-Cooperage-3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 200px;
	position: absolute;
	top: 3px;
	left: 1%;
	}
	

#TitleImageR a span{
	display: none;
}
#TitleImageR a {
	display:block;
	background-image: url(../Images/MediumDist/Tullibardine-comite-directi.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 90px;
	width: 200px;
	position: absolute;
	top: 3px;
	right: 1%;
}
#TitleImageR a:hover {
	display:block;
	background-image: url(../Images/MediumDist/Tullibardine-stills-1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 90px;
	width: 200px;
	position: absolute;
	top: 3px;
	right: 1%;
	}


#EnteteLogo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #0000FF;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 65px 1px 0px 1px;
	position: relative;
	width: 100%;
	background-image: url(../Images/TitleButton.png);
	z-index: 5;
}
br#EnteteLogo {
	display: none;
}
#EnteteLogo_EN {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: xx-small;
	color: #0000FF;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding: 65px 1px 0px;
	position: relative;
	width: 100%;
	background-image: url(../Images/TitleButton_EN.gif) ;
}
br#EnteteLogo_EN {
	display: none;
}

#Search{
	text-align: center;
	background-color: #F2F1EA; 
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}
#Pub {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: xx-small;
	color: #999999;
	text-align: center;
}
#copyright {
	font-size: small;
	color: #000099;
	/*background-image: url(../Images/First-Page_bkg.gif);*/
	text-align: justify;
	text-indent: 5px;
	padding-top: 2%;
	padding-bottom: 2%;
	border: thin outset;
	padding-right: 5px;
	padding-left: 5px;
}

.encarttxt {
	margin: 2px;
	border: medium outset #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #CCCCCC;
	line-height: normal;
}
 /*  ________________ Attention: ceci ne marche pas avec Internet Explorer. Pour le faire marcher avec IE, */
 /* appeler le script  ________________  ../Scripts/csshover.htc  ___________________________________  */
 
   /* _______________________________ Navigation Menu (with popouts) __________________________________ */
#menuright {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: auto;
} 
#menuright ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuright ul li{
	list-style: none;
}
/* style, color and size links and headings to suit */
#menuright ul h5 {
	display: block;
	margin: 0 0 2px;
	padding: 2px 3px;
	background-image: url(../Images/Tit_Whisky.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: 2em;
	border: thin outset #FFCC00;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	color: #666666;
	width: 140px;
}

#menuright ul ul h4 {
	display:block;
	margin: 0;
	padding: 0px;
}
#menuright li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 
#menuright ul ul ul {
position: absolute;
top: 0%;
right: 100%; /* to position them to the left of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menuright ul ul ul,
div#menuright ul ul li:hover ul ul
{display: none;}

div#menuright ul ul li:hover ul,
div#menuright ul ul ul li:hover ul
{display: block;}
/* _________________________________________________________ end menuright */
/*______________________Première page ___________________________________ */
/*#firstPage  {
	background-attachment: fixed;
	background-image: url(../Images/First-Page_bkg.gif);
}*/
#firstPage a:link, a:visited {
	color: #333333;
}
#firstPage a:hover {
	text-decoration: none;
	color: #FF0000;
	font-variant: small-caps;
}
#firstPageTable {
	border: 1px solid blue;
	/*/*/line-height: 1.5em; /* */
	background-image: none;
}

#buttons {
	/*background-image: url(../Images/First-Page_bkg.gif);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
	position: relative;
	color: #FFFFFF;
}

#buttons ul {
	display: inline;
	text-decoration: none;
	list-style: none;
	color: #FFFFFF;

}
#buttons li {
	float: left;
	background-image: url(../Buttons/FirstPageButton_and_L.png);
	background-repeat: repeat-x;
	background-position: right;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	list-style: none;
	text-align: center;
	color: #FFFFFF;

}
#buttons a{
	display: block;
	background-image: url(../Buttons/FirstPageButtonSep.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 15px 10px 30px;
	color: #FFFFFF;
	text-decoration: none;
	list-style: none;

}
#buttons a:hover {
	display:block;
	background-image: url(../Buttons/FirstPageButton_and_LH.png);
	color: #FFCC00;
	background-repeat: no-repeat;
	background-position: right;
	padding: 10px 15px 10px 30px;
	text-decoration: none;
	list-style: none;
	font-variant: normal;
}
#buttons ul li a:link, ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
html>body #buttons li a{
	width: auto;
	}
	

#SelectImageLeft a span{
	display: none;
}
#SelectImageLeft a {
	display:block;
	background-image: url(../Images/MediumDist/Caol-Ila-stills-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	width: 133px;
}
#SelectImageLeft a:hover {
	display:block;
	background-image: url(../Images/MediumDist/Caol-Ila-stills-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	width: 133px;
	}
#SelectImageRight a span{
	display: none;
}
#SelectImageRight a {
	display:block;
	background-image: url(../Images/MediumDist/Bowmore-stills-3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	width: 133px;
}
#SelectImageRight a:hover {
	display:block;
	background-image: url(../Images/MediumDist/Bowmore-washbacks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	width: 133px;
	}	
/* __________________________________________________Liste régions _______________________________________________*/
#menuhoriz ul {
	padding: 2px 0;
	margin-left: 3px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	border-bottom-style: outset;
	border-bottom-color: #666666;
	font-size: small;
	color: #333333;
}
#menuhoriz ul li {
	list-style: none;
	margin: 0;
	display: inline;
	color: #333333;
}
#menuhoriz ul li a {
	padding: 3px 0.5em;
	border: 1px solid #778;
	border-bottom: none;
	text-decoration: none;
	font-size: small;
	color: #333333;
}
html>body #menuhoriz ul li a{
	width: auto;
}
#menuhoriz ul li a:hover {
	border-left: 1px solid #036;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #69f;
	color: #fff;
}
/* _______________________________ Navigation Menu (with popouts) __________________________________________ */
#menuleft {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: auto;
	background-attachment: fixed;
	background-image: url(../Images/First-Page_bkg.gif);
} 
#menuleft ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuleft ul li{
	list-style: none;
}
/* style, color and size links and headings to suit */
#menuleft ul h5 {
	display: block;
	margin: 0 0 2px;
	padding: 2px 3px;
	background-image: url(../Images/Tit_Whisky.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: 2em;
	border: thin outset #FFCC00;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	color: #666666;
	width: 152px;
}
#menuleft ul ul h4 {
	display:block;
	margin: 0;
	padding: 0px;
}
#menuleft li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 
#menuleft ul ul ul {
position: absolute;
top: 0%;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menuleft ul ul ul,
div#menuleft ul ul li:hover ul ul
{display: none;}
div#menuleft ul ul li:hover ul,
div#menuleft ul ul ul li:hover ul
{display: block;}
/* _________________________________________________________ end menu ___________________________________________________________ */

/* __________________________________________________________Pages Générales________________________________________________________ */
/* Définition de la page, choix des couleurs par type de page: pages générales, ou page distilleries par région */
/* Pages générales: Couleur dominante: 0066FF (Bleu) */
/* _________________________________________________________________________________________________________________________ */
#ContainerGeneral {
	width: 100%;
	border: medium groove #0066FF;
}
#ContainerGeneral a:link, #ContainerGeneral a:visited {
	text-decoration: none;
	color: #0066FF;
}
#ContainerGeneral a:hover {
	text-decoration: none;
	color: #FF0000;	
}
#ContainerGeneral ul a:link, #ContainerGeneral ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

#ContainerGeneral table {
	border: 2px inset #0066FF;
}
#ContainerGeneral hr {
	background-color: #0066FF;
}
#ContainerGeneral th {
	color: white;
	background-color: #0066FF;
	font-weight: normal;
}
#ContainerGeneral td {
	border: 2px inset #0066FF;
}
#ContainerGeneral h1 {
	background-image: url(../Buttons/Tit_General.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	border: thin groove #006699;
}
#ContainerGeneral h2 a {
	background-image: url(../Buttons/Tit_General.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerGeneral h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerGeneral h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerGeneral h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}

/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerGeneral ul ul {
	background-image: url(../Buttons/Tit_General.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerGeneral ul ul h4 {
	background-image: url(../Buttons/Tit_General.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #FFFFFF;
	font-weight: normal;

}
#ContainerGeneral ul ul a:link {
	background-image: url(../Buttons/Tit_General.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
	

}
#ContainerGeneral ul ul a:visited {
	background-image: url(../Buttons/Tit_General.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px; 
	margin-bottom: 1px;
	
}
#ContainerGeneral ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerGeneral ul li a {
	color: #000000;
	background-position: right;
}

/* ________________________________________________________________________________________________________________________ */
/* Définition de la page, choix des couleurs par type de page: pages générales, ou page distilleries par région */
/* Pages Speyside: Couleur dominante: FF9900 (Orange) */
/* _________________________________________________________________________________________________________________________ */
#ContainerSpeyside {
	width: 100%;
	border: medium groove #FF9900;
}
#ContainerSpeyside h1 {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #FF9955;
}
#ContainerSpeyside table {
	border: 2px inset #FF9900;
}
#ContainerSpeyside hr {
	background-color: #FF9900;
}
#ContainerSpeyside th {
	color: white;
	background-color: #FF9900;
	font-weight: normal;
}
#ContainerSpeyside td {
	border: 2px inset #FF9900;
	}
#ContainerSpeyside a:link, #ContainerSpeyside a:visited {
	text-decoration: none;
	color: #FF9900;
}
#ContainerSpeyside ul a:link, #ContainerSpeyside ul a:visited  {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

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

/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerSpeyside ul ul {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerSpeyside ul ul h4 {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #000000;
	font-weight: lighter;
}
#ContainerSpeyside ul ul a:link {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerSpeyside ul ul a:visited {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerSpeyside ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerSpeyside h2 a {
	background-image: url(../Buttons/Tit_Speyside.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerSpeyside h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerSpeyside h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerSpeyside h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}

/* _________________________________________________________________________________________________________________________ */

/* ___________________Pages distilleries de Campbeltown : Couleur dominante: A9A9A9 (Gris)_____________________________ */
#ContainerCampbeltown {
	width: 100%;
	border: medium groove #A9A9A9;
}
#ContainerCampbeltown h1 {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: large;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 2px groove #006699;
}
#ContainerCampbeltown table {
	border: 2px inset #A9A9A9;
}
#ContainerCampbeltown hr {
	background-color: #A9A9A9;
}
#ContainerCampbeltown th {
	color: white;
	background-color: #A9A9A9;
	font-weight: bold;
	font-size: xx-small;
	text-align: left;
}
#ContainerCampbeltown td {
	border: 2px inset #A9A9A9;
}
#ContainerCampbeltown a:link, #ContainerCampbeltown a:visited {
	text-decoration: none;
	color: #A9A9A9;
}
#ContainerCampbeltown ul a:link, #ContainerCampbeltown ul a:visited{
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerCampbeltown a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerCampbeltown ul ul {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerCampbeltown ul ul h4 {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #000000;
	font-weight: lighter;
}
#ContainerCampbeltown ul ul a:link {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerCampbeltown ul ul a:visited {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerCampbeltown ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerCampbeltown h2 a {
	background-image: url(../Buttons/Tit_Campbeltown.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerCampbeltown h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerCampbeltown h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerCampbeltown h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _________________________________________________________________________________________________________________________ */

/* ___________________Pages distilleries de Central Highlands  : Couleur dominante: 006666 (vert)_____________________________ */
#ContainerCentralHL {
	width: 100%;
	border: medium groove #006666;
}
#ContainerCentralHL  h1 {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: large;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 2px groove #006633;
}
#ContainerCentralHL  table {
	border: 2px inset #006666;
}
#ContainerCentralHL  hr {
	background-color: #006666;
}
#ContainerCentralHL  th {
	color: white;
	background-color: #006666;
	font-weight: normal;
}
#ContainerCentralHL  td {
	border: 2px inset #006666;
}
#ContainerCentralHL  a:link,#ContainerCentralHL a:visited {
	text-decoration: none;
	color: #006666;
}
#ContainerCentralHL ul a:link,#ContainerCentralHL ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerCentralHL  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerCentralHL  ul ul {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerCentralHL ul ul h4 {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #FFFFFF;
	font-weight: lighter;
}
#ContainerCentralHL  ul ul a:link {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerCentralHL  ul ul a:visited {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerCentralHL  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerCentralHL h2 a {
	background-image: url(../Buttons/Tit_CentralHL.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerCentralHL h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerCentralHL h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerCentralHL h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _______________________________________ Eastern Highlands ___________________________________*/
/*______________________________________________Mauve CC3399__________________________________*/
#ContainerEasternHL {
	width: 100%;
	border: medium groove #FFCC33;
}
#ContainerEasternHL  h1 {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #FFCC44;
}
#ContainerEasternHL  table {
	border: 2px inset #FFCC33;
}
#ContainerEasternHL  hr {
	background-color: #FFCC33;
}
#ContainerEasternHL  th {
	color: white;
	background-color: #FFCC33;
	font-weight: normal;
}
#ContainerEasternHL  td {
	border: 2px inset #FFCC33;
}
#ContainerEasternHL  a:link,#ContainerEasternHL a:visited {
	text-decoration: none;
	color: #FFCC33;
}
#ContainerEasternHL ul a:link, #ContainerEasternHL ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerEasternHL  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerEasternHL  ul ul {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerEasternHL ul ul h4 {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #000000;
	font-weight: lighter;
}
#ContainerEasternHL  ul ul a:link {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerEasternHL  ul ul a:visited {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerEasternHL  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerEasternHL h2 a {
	background-image: url(../Buttons/Tit_EasternHL.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerEasternHL h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerEasternHL h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerEasternHL h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _______________________________________        Isles     ___________________________________*/
/*______________________________________________Bleu 996600 __________________________________*/
#ContainerIsles {
	width: 100%;
	border: medium groove #0099FF;
}
#ContainerIsles  h1 {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #0099FF;
}
#ContainerIsles  table {
	border: 2px inset #0099FF;
}
#ContainerIsles  hr {
	background-color: #0099FF;
}
#ContainerIsles  th {
	color: white;
	background-color: #0099FF;
	font-weight: normal;
}
#ContainerIsles  td {
	border: 2px inset #0099FF;
}
#ContainerIsles  a:link,#ContainerIsles a:visited {
	text-decoration: none;
	color: #0099FF;
}
#ContainerIsles ul a:link,#ContainerIsles ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerIsles  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerIsles  ul ul {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerIsles ul ul h4 {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #FFFFFF;
	font-weight: lighter;
}
#ContainerIsles  ul ul a:link {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerIsles  ul ul a:visited {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerIsles  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerIsles h2 a {
	background-image: url(../Buttons/Tit_Isles.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerIsles h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerIsles h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerIsles h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _______________________________________        Islay     ___________________________________*/
/*______________________________________________Brun 996600 __________________________________*/
#ContainerIslay {
	width: 100%;
	border: medium groove #996600;
}
#ContainerIslay  h1 {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #996622;
}
#ContainerIslay  table {
	border: 2px inset #996600;
}
#ContainerIslay  hr {
	background-color: #996600;
}
#ContainerIslay  th {
	color: white;
	background-color: #996600;
	font-weight: normal;
}
#ContainerIslay  td {
	border: 2px inset #996600;
}
#ContainerIslay  a:link,#ContainerIslay  a:visited {
	text-decoration: none;
	color: #996600;
}
#ContainerIslay ul a:link,#ContainerIslay  ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerIslay  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerIslay  ul ul {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerIslay ul ul h4 {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #FFFFFF;
	font-weight: lighter;
}
#ContainerIslay  ul ul a:link {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerIslay  ul ul a:visited {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerIslay  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerIslay h2 a {
	background-image: url(../Buttons/Tit_Islay.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerIslay h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerIslay h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerIslay h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _______________________________________        Lowlands      ___________________________________*/
/*______________________________________________ 00CC00 __________________________________*/
#ContainerLowlands {
	width: 100%;
	border: medium groove #00CC00;
}
#ContainerLowlands  h1 {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #00CC22;
}
#ContainerLowlands  table {
	border: 2px inset #00CC00;
}
#ContainerLowlands  hr {
	background-color: #00CC00;
}
#ContainerLowlands  th {
	color: white;
	background-color: #00CC00;
	font-weight: normal;
}
#ContainerLowlands  td {
	border: 2px inset #00CC00;
}
#ContainerLowlands  a:link,#ContainerLowlands  a:visited {
	text-decoration: none;
	color: #00CC00;
}
#ContainerLowlands ul a:link,#ContainerLowlands  ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerLowlands  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerLowlands  ul ul {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerLowlands ul ul h4 {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #000000;
	font-weight: lighter;
}
#ContainerLowlands  ul ul a:link {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerLowlands  ul ul a:visited {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerLowlands  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerLowlands h2 a {
	background-image: url(../Buttons/Tit_Lowlands.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerLowlands h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerLowlands h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerLowlands h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _______________________________________       Northern Highlands      ___________________________________*/
/*______________________________________________ 00CC00 __________________________________*/
#ContainerNorthernHL {
	width: 100%;
	border: medium groove #9999CC;
}
#ContainerNorthernHL  h1 {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #9999DD;
}
#ContainerNorthernHL  table {
	border: 2px inset #9999CC;
}
#ContainerNorthernHL  hr {
	background-color: #9999CC;
}
#ContainerNorthernHL th {
	color: white;
	background-color: #9999CC;
	font-weight: normal;
}
#ContainerNorthernHL  td {
	border: 2px inset #9999CC;
}
#ContainerNorthernHL  a:link,#ContainerNorthernHL a:visited {
	text-decoration: none;
	color: #9999CC;
}
#ContainerNorthernHL ul a:link,#ContainerNorthernHL ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerNorthernHL  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerNorthernHL  ul ul {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerNorthernHL ul ul h4 {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #000000;
	font-weight: lighter;
}
#ContainerNorthernHL  ul ul a:link {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerNorthernHL  ul ul a:visited {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerNorthernHL  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerNorthernHL h2 a {
	background-image: url(../Buttons/Tit_NorthernHL.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerNorthernHL h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerNorthernHL h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerNorthernHL h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* _______________________________________       Western Highlands      ___________________________________*/
/*______________________________________________ CCCC33 __________________________________*/
#ContainerWesternHL {
	width: 100%;
	border: medium groove #CCCC33;
}
#ContainerWesternHL  h1 {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #000000;
	text-align: center;
	border: 2px groove #CCCC44;
}
#ContainerWesternHL  table {
	border: 2px inset #CCCC33;
}
#ContainerWesternHL  hr {
	background-color: #CCCC33;
}
#ContainerWesternHL th {
	color: white;
	background-color: #CCCC33;
	font-weight: normal;
}
#ContainerWesternHL  td {
	border: 2px inset #CCCC33;
}
#ContainerWesternHL  a:link, #ContainerWesternHL a:visited {
	text-decoration: none;
	color: #CCCC33;
}
#ContainerWesternHL ul a:link, #ContainerWesternHL ul a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#ContainerWesternHL  a:hover {
	text-decoration: none;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  -- General ------------------------ */
#ContainerWesternHL  ul ul {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-position: left;
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 1px;
	font-size: small;
}
#ContainerWesternHL ul ul h4 {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-position: center;
	background-repeat: repeat-y;
	display: block;
	width: 148px;
	margin-bottom: 1px;
	font-size: small;
	color: #000000;
	font-weight: lighter;
}
#ContainerWesternHL  ul ul a:link {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerWesternHL  ul ul a:visited {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-size: small;
	text-decoration: none;
	width: 148px;
	margin-bottom: 1px;
}
#ContainerWesternHL  ul ul a:hover {
	color: #0000FF;
	background-position: left;
}
#ContainerWesternHL h2 a {
	background-image: url(../Buttons/Tit_WesternHL.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: medium;
	font-weight: normal;
	color: white;
	text-align: center;
	border: medium outset;
	width: auto;
	text-decoration: none;
	font-variant: small-caps;
	padding-right: 2%;
	padding-left: 2%;

}
#ContainerWesternHL h2 a:link {
	background-position: right center;
	color: white;
	border: medium outset;
	font-size: medium;
	font-weight: normal;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerWesternHL h2 a:active {
	background-position: left center;
	color: #0000CC;
	border: medium inset;
	padding-right: 2%;
	padding-left: 2%;
}
#ContainerWesternHL h2 a:hover {
	background-position: right center;
	color: #FF0000;	
}
/* ------------- Lists (menu): lay-out - couleurs spécifiques  --------------------------
/* _________________________________________________________________________________________________ */
#menuLink {
	display: none;
}
/*___________________________ Forms ____________________________________ */

#WD{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	background-color: #CCCCCC;
}

#WD th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	/*background-image: url(../Images/First-Page_bkg.gif);*/
	border: medium outset #CCCCCC;
	color: #333333;
}
#WD input,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 2px inset #FFCC00;
	width: 300px;	
}
html>body #WD input,textarea {
	width: 50%;	
}
#WD input[type="text"] {
	border: 2px inset #FFCC00;
	width: 100px;
}
html>body #WD input[type="text"] {
	width: 60%;	
}
#WD input[type="text"]:focus {
	width: 100px;
}
html>body #WD input[type="text"]:focus {
	width: 75%;
}

#WD textarea:focus {
	width: 300px;
	height: 400px;
}
html>body #WD textarea:focus {
	width: 100%;
	height: 400px;
}
#WD input[type="submit"] {
	background-color: #FFCC00;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	background-image: none;
}