/*  <style type="text/css">
/* 
	###############################
	#    B O I T E   B L E U E    #
	#    FEUILLE DE STYLES CSS    #
	#    (c) 2008  -  PORTASYS    #
	###############################
*/


/* 
	###############################
	#    HEADER                   #
	###############################
*/





html, body {
	margin: 0px;
	padding: 0px;
	color: #222222;
	background-image: url(/EXT/IMG/BG/bcurve.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #4A4B42;
	background-attachment: fixed;
	/* height:100%; /* needed for container min-height */
}

body {
	margin: 0;
	padding: 0;
}


/* 
	###############################
	#    S. CONTAINER + MODULE    #
	###############################
*/

.sContainer {
	width: 804px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	/* min-height: 100%; */
	padding: 0;
}

.sContainer a {
	color: #8C95A6;
}

.sContainer a:hover {
	color: #55637C;
}

.sContainerCenter {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}


.InterMODULEtop {
	margin: 0;
	padding: 0;
	background-image: url(/EXT/IMG/INTERFACE/SHAD-TOP.png);
	background-position: top center;
	background-repeat: no-repeat;  /* repeat-y; */
	/* height: 25px; */
	padding-top: 5px; 
}
.InterMODULEcenter {
	margin: 0;
	padding: 0;
	background-image: url(/EXT/IMG/INTERFACE/SHAD-CENTER.png);
	background-position: center;
	background-repeat: repeat-y;
	min-height: 100%;
}
.InterMODULEbottom {
	margin: 0;
	padding: 0;
	background-image: url(/EXT/IMG/INTERFACE/SHAD-BOTTOM.png);
	background-position: center;
	background-repeat: no-repeat; /* repeat-y; */
	height: 50px;
	max-height: 50px;
	line-height: 10px;
}
.InterMODULEspacer {
	margin: 0;
	padding: 0;
	background-image: url(/EXT/IMG/INTERFACE/SHAD-SPACER.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 6px;
	max-height: 6px;
	line-height: 6px;
}

.InterMODULEspacer2 {
	margin: 0;
	padding: 0;
	background-image: url(/EXT/IMG/INTERFACE/SPACER-LINE.png);
	background-position: center;
	background-repeat: repeat-x;
	height: 6px;
	max-height: 6px;
	line-height: 6px;
}

.InterMODULEsep {
	width: 804px;
	height: 1px;
	line-height: 1px;
}




.RightPanelHome {
	width: 587px; /* 600 px... */
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 13px;
}

.RightPanel {
	width: 532px; /* 545 px... */
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 13px;
}

.LeftPanelMenu {
	width: 210px; /* 210 px... */
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}



.LeftMenuHeader {
	width: 210px;
	margin: 0;
	padding: 0;
}

.LeftMenuCenter {
	width: 210px;
	margin: 0;
	padding: 0;
	background-image: url(/EXT/IMG/MENU2/centre2.png); 
	background-position: center;
	background-repeat: repeat-y;
	min-height: 100%;
}

.LeftMenuCenterB {
	width: 194px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

.LeftMenuCenterB ul {
	margin: 0;
	padding: 0;
}

.LeftMenuCenterB li {
	margin: 0;
	padding: 0;
	/* padding: 10px;
	padding-left: 20px; */
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #050505;
	border-bottom: #C1C6C0 solid 1px;
}

.LeftMenuCenterB a {
	margin: 0;
	padding: 0;
	padding: 10px;
	padding-left: 20px;
	text-decoration: none;
	color: #050505;
	width: 164px;
	display: block;
}

.LeftMenuCenterB a:hover {
	/* margin: 0;
	padding: 0; */ 
	text-decoration: none;
	color: #050505;
	background-color: #DBDFDC;
	width: 164px;
	display: block;
}

.LeftMenuCenterBselected {
	background-color: #DBDFDC;
}

.LeftMenuFooter {
	width: 210px;
	margin: 0;
	padding: 0;
}


/* 
	###############################
	#   TEXT SIZE ZONE ...        #
	###############################
*/


#TextSize1, #TextSize1:visited {
	width:9px;
	margin: 0;
	padding: 0;
	border: none;
	}

#TextSize1 span, #TextSize1:visited span {
	background-image:url(/ext/img/interface/a1.png);
	}

#TextSize2, #TextSize2:visited {
	width:9px;
	margin: 0;
	padding: 0;
	border: none;
	}

#TextSize2 span, #TextSize2:visited span {
	background-image:url(/ext/img/interface/a2.png);
	}

#TextSize3, #TextSize3:visited {
	width:11px;
	margin: 0;
	padding: 0;
	border: none;
	}

#TextSize3 span, #TextSize3:visited span {
	background-image:url(/ext/img/interface/a3.png);
	}









/* 
	###############################
	#   STD TEXT CLASS ...        #
	###############################
*/

.StdTxtClass h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #CFB777;
}

.StdTxtClass h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #231F20;
}

.StdTxtClass h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #231F20;
	margin: 0;
	padding: 0;
	margin-top: 3px;
}

.StdTxtClass p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231F20;
}

.StdTxtClassHome a {
	color: #00AEEF;
}



.StdTxtClassHome {
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	background-image: url(/EXT/IMG/INTERFACE/SEP1.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.StdTxtClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231F20;
}

.MemberLNK {
	font-weight: bold;
	color: #00AEEF;
	text-decoration: none;
}

.MemberLNK a {
	font-weight: bold;
	color: #00AEEF;
	text-decoration: none;
}

.MemberLNK a:hover {
	font-weight: bold;
	color: #00AEEF;
	text-decoration: underline;
}


.StdTxtClassIndus {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	background-image: url(/EXT/IMG/INTERFACE/SEP1.gif);
	background-position: center;
	background-repeat: repeat-x;
}





/* 
	###############################
	#   MENU ZONE ...             #
	###############################
*/




#TOPMENU {
	clear: both;
	width: 804px;
	margin: 0;
	padding: 0; 
	text-align: left;
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: -1px;
	font-stretch: condensed;
	line-height: 50px;
	z-index: 20000;
	display: table;
	background-image: url(/EXT/IMG/MENU/back_menu.png);
	background-repeat: repeat-x;
}
/* link heights */
.navButton, .navButton:visited {
	height:50px;
	position:relative !important;
	}

/* link - list-item widths */

#FR_Beer, #FR_BeerButton, #FR_BeerButton:visited {
	width: 45px;
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Ass, #FR_AssButton, #FR_AssButton:visited {
	width: 72px;
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Indus, #FR_IndusButton, #FR_IndusButton:visited {
	width: 134px;
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Member, #FR_MemberButton, #FR_MemberButton:visited {
	width: 70px;
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_LNK, #FR_LNKButton, #FR_LNKButton:visited {
	width: 81px;
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Contact, #FR_ContactButton, #FR_ContactButton:visited {
	width: 73px;
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Pad {
	width: 1px; 
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Pad1 {
	width: 205px; 
	margin: 0;
	padding: 0;
	border: none;
	}
#FR_Pad2 {
	width: 9px; 
	margin: 0;
	padding: 0;
	border: none;
	}
	
#EN_Beer, #EN_BeerButton, #EN_BeerButton:visited {
	width: 29px;
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Ass, #EN_AssButton, #EN_AssButton:visited {
	width: 86px;
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Indus, #EN_IndusButton, #EN_IndusButton:visited {
	width: 108px;
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Member, #EN_MemberButton, #EN_MemberButton:visited {
	width: 51px;
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_LNK, #EN_LNKButton, #EN_LNKButton:visited {
	width: 76px;
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Contact, #EN_ContactButton, #EN_ContactButton:visited {
	width: 64px;
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Pad {
	width: 1px; 
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Pad1 {
	width: 205px; 
	margin: 0;
	padding: 0;
	border: none;
	}
#EN_Pad2 {
	width: 70px; 
	margin: 0;
	padding: 0;
	border: none;
	}


#SepMenu1 { width: 23px; margin: 0; padding: 0; border: none; }
#SepMenu2 { width: 23px; margin: 0; padding: 0; border: none; }
#SepMenu3 { width: 23px; margin: 0; padding: 0; border: none; }
#SepMenu4 { width: 23px; margin: 0; padding: 0; border: none; }
#SepMenu5 { width: 23px; margin: 0; padding: 0; border: none; }


.TOPmList {
	width: 804px;
	margin: 0;
	padding: 0;
	/* background-color: #000000; */
	}

.TOPmList, .TOPmList li, .TOPmList ul, {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* background-color: #000000; */
	}

.TOPmList ul {
	width: 804px;
	margin: 0;
	padding: 0;
	}

.TOPmList li {
	display: block;
	width: auto;
	float: left;
	white-space: nowrap;
	}
.TOPmList li a {
	position: static;
	display: block;
	float: left;
	white-space: nowrap;
	text-decoration: none;
	color: #231F20;
	padding-left: 8px;
	}
.TOPmList li a:hover {
	cursor: hand;
	color: #FFFFFF; 
	}
.navButton span, .navButton:visited span {
	display: block;
	height: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20050;
	background-repeat: no-repeat;
	}

.navButton span, .navButton:visited span {
	background-position: 0 0;
	}

.SepMenu {
	width: 23px; 
	margin: 0;
	padding: 0;
	border: none;
	background-image: url(/EXT/IMG/MENU/sep_menu.png);
	background-repeat: no-repeat;
	}
	
.PadMenu {
	margin: 0;
	padding: 0;
	border: none;
	background-image: url(/EXT/IMG/MENU/back_menu.png);
	/* background-repeat: no-repeat; */ 
	background-repeat: repeat-x;
	}


.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton:active span {
	background-position: 0 -50px;
	}

.navButtonSelected span {
	background-position: 0 -50px;
	} 

#FR_BeerButton span, #FR_BeerButton:visited span {
	background-image:url(/ext/img/menu/fr/labiere.png);
	}
#FR_AssButton span, #FR_AssButton:visited span {
	background-image:url(/ext/img/menu/fr/association.png);
	}
#FR_IndusButton span, #FR_IndusButton:visited span {
	background-image:url(/ext/img/menu/fr/industrie.png);
	}
#FR_MemberButton span, #FR_MemberButton:visited span {
	background-image:url(/ext/img/menu/fr/membres.png);
	}
#FR_LNKButton span, #FR_LNKButton:visited span {
	background-image:url(/ext/img/menu/fr/liens.png);
	}
#FR_ContactButton span, #FR_ContactButton:visited span {
	background-image:url(/ext/img/menu/fr/contact.png);
	}


#FR_Pad span {
	/* background-color: #4D3A00; */ 
	}






#EN_BeerButton span, #EN_BeerButton:visited span {
	background-image:url(/ext/img/menu/en/labiere.png);
	}
#EN_AssButton span, #EN_AssButton:visited span {
	background-image:url(/ext/img/menu/en/association.png);
	}
#EN_IndusButton span, #EN_IndusButton:visited span {
	background-image:url(/ext/img/menu/en/industrie.png);
	}
#EN_MemberButton span, #EN_MemberButton:visited span {
	background-image:url(/ext/img/menu/en/membres.png);
	}
#EN_LNKButton span, #EN_LNKButton:visited span {
	background-image:url(/ext/img/menu/en/liens.png);
	}
#EN_ContactButton span, #EN_ContactButton:visited span {
	background-image:url(/ext/img/menu/en/contact.png);
	}


#EN_Pad span {
	/* background-color: #4D3A00; */ 
	}
	
	
	



/* 
	###############################
	#   MENU2 ZONE ...            #
	###############################
*/




#LeftMENU {

	width: 210px;
	margin: 0;
	padding: 0; 
	text-align: left;
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: -1px;
	font-stretch: condensed;
	line-height: 50px;
	z-index: 20000;
	display: table;
	background-image: url(/EXT/IMG/MENU/back_menu.png);
	background-repeat: repeat-x;
}











/* 
	###############################
	#   FOOTER                    #
	###############################
*/

.FOOTER2 {
	clear: both;
	display: block;
	width: 804px;
	height: 25px;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	/* border-top: #666666 solid 1px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #A1A399;
	text-align: center;
}



.FooterMenuContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin: 0;
	padding: 10px;
	border-top: #B3B3B3 solid 1px;
	border-bottom: #B3B3B3 solid 1px;
	text-align: center;
}

.rouge {
	color: #330000;
	font-size: small;
}