/* @override http://www.cantillon.be/br/ww/Cantillon2005.css */

/* @override http://cantillon.be/br/ww/Cantillon2005.css */

/* Copyright 2002-2014 Brasserie Cantillon Brewery
*/

body { 
    margin: 0; 
    background-color: #FFFFFF;
	background-image: url("Cantillon-background.gif");
	background-repeat: no-repeat;
	background-position: 35%; 
    background-attachment: fixed;
    color: #333399;
}
div.container { width: 750px; padding: 0 0 0 0; }
div.banner { 
	position: absolute; top: 3px; left: 224px; z-index: 3;
	width: 442px; height: 90px;
}
div.orn {
    position: absolute; top: 0px; left: 0px; z-index: 3;
	width: 180px; height: 178px;
}
div.mr {
    position: absolute; top: 30px; left: 20px; z-index: 3;
	width: 157px; height: 147px;
}
div.side {
	position: absolute; top: 0; left: 0; z-index: 3;
	width: 180px; height: 900px;
	color: black; padding-bottom: 10px; padding-right: 20px;
    background-color: transparent;
}
div.main {
	position: absolute; top: 0; left: 150px; z-index: 4;
	width: 700px; 
	/*height: 900px;*/
	color: black; padding-bottom: 10px;
    background-color: transparent;

}
div.maincard {
	position: absolute; top: 0; left: 75px; z-index: 4;
	width: 700px; height: 600px;
	color: black; padding-bottom: 10px;
    background-color: transparent;

}

div.mainbeer {
	position: absolute; top: 0; left: 150px; z-index: 4;
	width: 570px; height: 900px;
	color: black; padding-bottom: 10px;
    background-color: transparent;
}
div.sidepad {
	padding-top: 200px; padding-left: 10px;
    background-color: transparent;
}
div.mainpad {
	padding: 90px 10px 10px 10px;
    background-color: transparent;
}
div.mainnewspad {
	padding: 90px 10px 10px 10px;
    background-color: transparent;
}
div.mainbeerpad {
	padding: 90px 10px 10px 10px;
    background-color: transparent;
}



.ctr { text-align: center; }
.lft { text-align: left; }

h1.beer {
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; color: #333399;
	text-align: center;
    background-color: transparent;    
}
h1.beerS {
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; color: #333399;
	text-align: center;
    background-color: transparent;    
}

h1.info {
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 150%; color: #333399;
	text-align: center;
    background-color: transparent;    
}
h2.info { 
    background: #333399;
    color: #FFFFFF;
	text-align: left;
    padding: 4px 0 4px 10px;
    margin-left: 10px;
    margin-bottom: 0;
	font: bold 75% Verdana, Helvetica, Arial, "sans serif";
}
div.cadreinfo {
    border-width: 1px;
    border-style: solid;
    color: #333399;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 0;
}
div.unframedinfo {
    border-width: 1px;
    border-style: none;
    color: #333399;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 0;
}
h3.info {
	font: bold 75% Verdana, Helvetica, Arial, "sans serif";
    color: #333399;
	text-align: left;
    font-style: normal;
    margin-left: 15px;
    padding: 2px 0 2px 5px;    
    background-color: #cccccc;   
    /*display: block;
    width: 100%;*/
}
h3.info span {
    text-align: right;
    padding: 2px 0px 2px 5px;
    margin-right: 10px;
    color: #000000;    
    display: inline;
    font-style: normal;
    background-color: #cccccc;
    width: 30%;   
}
h4.info {
    font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
	text-align: left;
    font-style: italic;
    margin-left: 17px;
    font-size: 80%;
    background-color: transparent;
}
p.info {
    font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
    margin-left: 40px;
	text-align: left;
    font-size: 80%; 
    background-color: transparent;
}

p.info2 {
    font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
	text-align: left;
    font-size: 80%; 
    background-color: transparent;
}


span.info, p.info b {
    font-weight: bold;
    background-color: transparent;
}
p.beer {  color: #333399;
    background-color: transparent;
	font: 80%/1.4 Georgia, "Times New Roman", Times, serif;
}

p.intro {  color: #333399;
    background-color: transparent;
	font: 80%/1.4 Georgia, "Times New Roman", Times, serif;
}

p.intro_highlight {  color: #FF0000;
    background-color: transparent;
	font: 80%/1.4 Georgia, "Times New Roman", Times, serif;
}

ul.intro li {  color: #333399;
    background-color: transparent;
	font: 80%/1.4 Georgia, "Times New Roman", Times, serif;
}

ul.intro li ul li {  color: #333399;
    background-color: transparent;
	font: 100%/1.4em Georgia, "Times New Roman", Times, serif;
}

ul.intro li ul {  color: #333399;
	padding-bottom: 1em;
}

p.menu {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%;  color: #333399;
    background-color: transparent;
    margin-left: 50;
	text-align: center;
}



p.introCenter {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%;  color: #333399;
    background-color: transparent;
    text-align: center;
    line-height: 140%;
}

p.introCenterB {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%;  color: #333399;
    font-weight: bold;
    background-color: transparent;
    text-align: center;
    line-height: 130%;
}

p.introCenterB table#brassin {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%;  color: #333399;
    font-weight: bold;
    background-color: transparent;
    text-align: left;
    line-height: 100%;
}

p.introCenterB table#brassin td {
    padding-right: 2em;
}


p.links {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%;  color: #333399;
    background-color: transparent;
}

p.artist {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%;  color: #333399;
	margin: 0;
	padding: 0;
    background-color: transparent;
}
div.ec {
	float: left;
	border-width: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 20px;
	z-index:3;
	text-align: center;
    background-color: transparent;
}
div.ecm {
	float: none;
	border-width: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 20px;
	z-index:3;
	text-align: center;
    background-color: transparent;
}
div.ecr {
	/*float: right;*/
	border-width: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	z-index:3;
	text-align: center;
    background-color: transparent;
}

img.etiq {
	float: left;
	border-width: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 20px;
	z-index:3;
    background-color: transparent;
}
div.side p {
	margin: 0 40px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;  
    color: #333399;
    background-color: transparent;
}

div.side DL {
	padding-bottom: 1em;
    text-align: left;
}

div.side DT {
	font-size: 70%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 100%;
	padding-top: 8px;
	padding-bottom: 0;
}

div.side a, div.side a:link, div.side a:visited, div.side a:active, 
div.side span span {
/*	display: block;
	padding: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 100%; font-weight: bold;
    color: #333399;
    text-decoration: none;
    background-color: transparent;
    */
   	padding-top : 1px; 
	padding-right : 2px; 
	padding-bottom : 0; 
	padding-left : 2px; 

    color: #333399;
    text-decoration: none;
    background-color: transparent;
}
div.side a:hover {
	/* display: block;
	padding: 5px;
	font-size: 100%; 
    font-weight: bold;
    color: #FFF;
    background: #339;
    text-decoration: none;
    margin: 4px 0 4px 0;
    */
    text-decoration: none;
    color: #FFF;
    background: #339;        
}
img.left {
	float: left;
	border-width: 0px;
	margin-left: 14px; margin-top: 15px;
	z-index:3;
    background-color: transparent;
}
img.right {
	float: right;
	border-width: 0px;
	margin-right: 6px; margin-top: 15px;
	z-index:3;
    background-color: transparent;
}
div.ribbon {
	position: absolute; top: 92px; left: 210px; z-index: 5;
	color: #339; text-align: center;
	width: 500px; height: 40px; margin-top: 5px;
    background-color: transparent;
}
div.ribbonpad {
    padding: 0 0;
    background-color: transparent;
}
div.ribbon p {
    margin: 0px 2px 0px 2px;
    padding: 2px 0 2px 0;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
    font-size: 80%;
    text-align : left; font-weight: bold;
    color: #333399;
    background-color: transparent;
}
div.ribbon span {
    padding: 0 10px 0 10px; margin: 0;
    background-color: transparent;
}
div.ribbon a, div.ribbon a:link, div.ribbon a:visited, div.ribbon a:active {
	padding: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 100%; font-weight: bold;
    color: #333399;
    text-decoration: none;
    background-color: transparent;
}
div.ribbon a:hover {
	padding: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 100%; 
    font-weight: bold;
    color: #FFF;
    background: #339;
    text-decoration: none;
}

div.info {
	color: #339; text-align: center;
	width: 500px; height: 30px; margin-top: 0px;
    background-color: transparent;
}
div.infopad {
    padding: 0 0;
    background-color: transparent;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
    font-size: 70%;
    text-align : left; font-weight: bold;
    color: #333399;
    background-color: transparent;
}

div.infopad ul li {
	text-align: left;
	clear:  right;
	list-style: none;
}

div.infopad a {
	text-decoration: none;
	color:  #333999;	
}

div.infopad a:hover {
border-bottom: 1px dotted black ;
	color:  #333999;
}


div.info p {
    margin: 0px 2px 0px 2px;
    padding: 2px 0 2px 0;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
    font-size: 80%;
    text-align : left; font-weight: bold;
    color: #333399;
    background-color: transparent;
}
div.info span {
    padding: 0 10px 0 10px; margin: 0;
    background-color: transparent;
}
div.info a, div.info a:link, div.info a:visited, div.info a:active {
	padding: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 100%; font-weight: bold;
    color: #333399;
    text-decoration: none;
    background-color: transparent;
}
div.info a:hover {
	padding: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 100%; 
    font-weight: bold;
    color: #FFF;
    background: #339;
    text-decoration: none;
}

div.pays {
	z-index: 5;
	color: #339; text-align: center;
	width: 500px; height: 18px; margin-top: 1px;
    background-color: transparent;
}
div.payspad {
    padding: 5px;
    background-color: transparent;
}
div.pays p {
    margin: 0;
    padding: 2px 0 2px 0;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
    font-size: 80%;
    text-align : left; font-weight: bold;
    color: #333399;
    background-color: transparent;
}
div.pays span {
    padding: 0 10px 0 10px; margin: 0;
    background-color: transparent;
}
div.pays a, div.pays a:link, div.pays a:visited, div.pays a:active {
	padding: 1px;
	margin: 0;
	font-size: 100%; font-weight: bold;
    color: #333399;
    text-decoration: none;
    background-color: transparent;
}
div.pays a:hover {
	padding: 1px;
	margin: 0;
	font-size: 100%; 
    font-weight: bold;
    color: #FFF;
    background: #339;
    text-decoration: none;
}


img.pointer {
/*    text-align: left;
	float: left;
	border-width: 0px;
    margin: 0;
	padding: 0 2px 0 0;
	z-index:3;
    background-color: transparent;
    */
    vertical-align: middle;
    border-width: 0;
    padding-right: 2px;
}

img.pointer2 {
	border-width: 0px;
	padding: 0 2px 0 0;
	z-index:7;
    background-color: transparent;
}

h2.news {
    font-family: Georgia, "Times New Roman", Times, serif; background: #333399;
    color: #FFFFFF;
    font-weight: bold;
	text-align: left;
    padding: 2px 0 2px 5px;
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 12px;
    border-width: 0;
}
div.cadrenews {
    border-width: 1px;
    border-style: solid;
    color: #333399;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 0;
}

div.cadremenu {
    border-width: 1px;
    border-style: solid;
    color: #333399;
    background-color: transparent;
    margin-left: 20px;
    margin-top: 20;
}

p.news {
    font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
    margin-left: 40px;
    margin-bottom: 15px;
	text-align: left;
    font-size: 80%; 
    background-color: transparent;
}

ol.intro {
    list-style-type: decimal;  color: #333399;
    background-color: transparent;
	font: bold 80%/1.4 Georgia, "Times New Roman", Times, serif;
}
ol.intro li {
    margin-bottom: 2em;
}
ul.intro {
    list-style-type: square; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%;  color: #333399;
    background-color: transparent; font-weight: normal;
}
ul.intro li {
    margin-bottom: 0;
}

ul.intro li span {
    font-weight: bold;
}

h2.contact {
    font-family: Georgia, "Times New Roman", Times, serif; background: transparent;
    color: #333399;
    font-weight: bold;
	text-align: left;
    padding: 2px 0 0px 5px;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 80%;
    display: block
}

ul.news {
    list-style-type: square; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%;  color: #333399;
    background-color: transparent; font-weight: normal;
}


table.table_quintessence {
	border-width: 0px;
	border-spacing: ;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: #eee;
}
table.table_quintessence th {
	border-width: 0px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: #eee;
	-moz-border-radius: ;
}
table.table_quintessence td {
	border-width: 0px;
	padding: 2px;
	border-style: inset;
	border-color: gray;
	background-color: #eee;
	vertical-align:top;
	-moz-border-radius: ;
}

.listeferies {
	margin-left:50 px;
	list-style: none;
    font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
	font-size:  80%;
}

ul.liste_quintessence {
   	font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
	font-size:  80%;
	font-weight: bold;
	margin-left: 3em;
	line-height: 2em;
}

li.nameBrewery {
	font-size: 130%;
	list-style: none;
	margin-left: -3em;
}

.cadre {
	background-color: #F7EBD7;
	margin : 5%;
	padding: 1em;
	font-family: Georgia, "Times New Roman", Times, serif; color: #333399;
	font-size:  80%;
}