/***********************
* Portlet Window Modes *
************************/ /***********************
* Portlet Window Modes *
************************/ /**
*start css duct panel  "main region"*
**/
.grid-product-style {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	background-color: none;
}

.panel-product-style {
	width: 1002px;
	background-image: url( images/background_product.png);
	background-position: left;
	background-repeat: repeat-y;
	margin: auto;
	padding-left: 0;
	border: none;
}

.panel-product-style-category {
	width: 1002px;
	background-position: left;
	background-repeat: repeat-y;
	margin: auto;
	padding-left: 0;
	border: none;
	padding: 0px;
}

td.panel-product-style-category-column{
	padding-left:90px;
}

.welcome-product-style {
	text-align: left;
	top: 90px;
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
	font-size: 16px;
	color: #8e929a;
	font-weight: bold
}

.text-product-style {
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	top: 3px;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #000000;
	background-image: url(images/puce.png);
	background-color: transparent;
	float: left;
	background-repeat: no-repeat;
	background-position: left;
}

.title-product-style {
	border: 0px;
	vertical-align: center;
	text-align: left;
	position: relative;
	top: 83px;
	left: 0px;
	vertical-align: center;
	background-color: transparent;
	margin-top: -4px;
}

.text-title-product-style {
	font-family: Trebuchet MS;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	background-color: transparent;
}

#tooltip-product {
	background-color: transparent;
	width: 300px;
	position: relative;
	z-index: 99;
}

#tooltip-product-middle {
	background-color: transparent;
	background-image: url(images/bgmiddle-tooltips.png);
	background-repeat: repeat-y;
	width: 300px;
	z-index: 99;
	position: relative;
}

#tooltip-product-bottom {
	background-color: transparent;
	background-image: url(images/bgbottom-tooltips.png);
	background-repeat: no-repeat;
	width: 300px;
	z-index: 99;
	position: relative;
	height: 41px;
}

#tooltip-product-top {
	background-color: transparent;
	background-image: url(images/bgtop-tooltips.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 53px;
	z-index: 99;
	position: relative;
}

.button-plus-product-style {
	border: 0px;
	cursor: pointer;
	vertical-align: center;
	font-family: Trebuchet MS;
	height: 40px;
	width: 154px;
	text-align: left;
	background-image: url(images/bgproductplus.png);
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	text-align: left;
}

.button-express-product-style {
	border: 0px;
	cursor: pointer;
	vertical-align: center;
	font-family: Trebuchet MS;
	height: 35px;
	width: 154px;
	text-align: left;
	margin-top: -25px;
	background-color: transparent;
	background-image: url(images/bgexpress.png);
	background-repeat: no-repeat;
}

.phone-number-product-style {
	vertical-align: center;
	text-align: left;
	font-family: Eras demi itc;
	background-color: transparent;
	margin-top: -10px;
	color: #50A6C2 !important;
}

}
/**
end css product
**/
.portlet-mode-style-maximized {
	background-image: url( images/ico_16_maximize.gif );
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	float: left;
	display: inline;
	cursor: pointer;
	padding-left: 3px;
}

.portlet-mode-style-maximized:hover {
	text-decoration: none;
}

.portlet-mode-style-normal {
	background-image: url( images/ico_16_normal.gif );
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	float: left;
	display: inline;
	cursor: pointer;
	padding-left: 3px;
}

.portlet-mode-style-normal:hover {
	text-decoration: none;
}

#body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/*****************
* Portal Header  *
******************/
	/* spacer to keep header at certain width regardless of display size
done to avoid overlapping of tab navigation in header */
#spacer { /*width: 1024px;*/
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	min-width: 804px;
}

/* Wrapper for Header */
#header-container {
	background-repeat: repeat-x;
	height: 100%; /*	min-width: 1000px;*/
	width: 100%;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #CFD2CF;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #CFD2CF;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #CFD2CF;
	margin: 0px -3px 0px 3px;
	z-index: 5;
}

/* Header background */
#header {
	background-repeat: no-repeat;
	height: 126px;
	padding: 0px;
	margin: 0px;
	background-position: right;
}

#logoName {
	background-repeat: no-repeat;
	width: 278px;
	height: 126px;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #CFD2CF;
}

/************************
* Portal Layout Regions *
*************************/
	/* wrapper for entire portal. starts/ends after/before body tag */
#portal-container {
	margin: 4px 2% 0px 2%;
	background-color: #FEFFFC;
	background-image: url( images/page_border_bottom.gif );
	background-position: bottom;
	background-repeat: repeat-x;
	/* part of below IE hack to preserve min-width for portlet regions */
	padding: 0 350px 0 350px;
}

/* min width hack for IE */
#expander {
	margin: 0 -350px 0 -350px;
	position: relative;
	min-width: 804px;
	padding: 0 0 0 0;
}

/* min width hack for IE */
#sizer {
	width: 100%;
}

/* IE Hack \*/
* html #portal-container,* html #sizer,* html #expander {
	height: 0;
}

/* end IE min-width hack */
	/* table that contains all regions. does not include header */
#content-container {
	height: 100%;
	background-color: #efefef;
	border: 0px;
	margin-top: 0px;
	padding-top: 8px;
	margin-bottom: 8px;
	padding-left: 0px;
	width: 1006px;
}

#main-content {
	background-image: url(images/background-container.png);
	background-color: transparent;
	background-repeat: repeat-y;
	width: 1026px;
}

/* Login JSP Selectors */
#login-container {
	position: relative;
	left: 35%;
	top: 55px;
	right: 45%;
	width: 320px;
	height: 250px;
	margin: 0px;
}

#login-container label,#login-container input {
	display: block;
	float: left;
	width: auto;
	margin-top: 15px;
}

#login-container label {
	text-align: right;
	padding-right: 20px;
	width: 95px;
}

#login-container br {
	clear: left;
}

#loginButton {
	
}

#login-container legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #768591;
}

#loginForm {
	margin: 0px;
	padding: 0px;
}

/* end Login Page Selectors */
	/* portlet regions within content-container. this includes footer-container. */
	/*
Regions layout css
*/
#menu {
	width: 1006px;
}

#main {
	width: 1006px;
}

#regionHeader {
	padding: 0px;
	margin-left: 4px;
	margin-right: 4px;
	width: 984px;
}

#regionLeft {
	width: 316px;
	float: left;
	padding: 0px;
	margin-left: 4px;
	margin-right: 2px;
}

.regionRight {
	padding: 0px;
	width: 660px;
	float: right;
	margin-left: 2px;
	margin-right: 4px;
}

#footerLeft {
	float: left;
	padding: 0px;
	margin-left: 4px;
	margin-right: 2px;
}

#footerRight {
	float: right;
	padding: 0px;
	margin-left: 4px;
	margin-right: 2px;
}

#leftHeader {
	float: left;
	padding: 0px;
	margin-left: 4px;
	margin-right: 2px;
}

#rightHeader {
	float: right;
	padding: 0px;
	margin-left: 4px;
	margin-right: 2px;
}

#navigation-container {
	
}

/* used to clear float in regionA,B,C divs so that
footer spans bottom of page */
	/* used to clear float in regionA,B,C divs so that
footer spans bottom of page */
hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

/* Begin Submenu selectors */
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	/* Tab background color for selected global nav item */
li.currentTabBackground {
	background: #fff;
}

/* backslash hack for IE5-Mac \*/
UL#tabsHeader a {
	float: none;
}

/* End Mac Hack */
html>body UL#tabsHeader a {
	width: auto;
}

/* fixes IE6 win hack */ /***************************
*  Utility Navigation  *
*****************************/
#dashboardnav {
	float: right;
	font-size: 10px;
	padding: 6px 12px 0px 0px;
	color: #FFFFFF;
	z-index: 20;
}

#dashboardnav a {
	color: #FFFFFF;
}

#dashboardnav .addcontent {
	background-image: url( images/ico_addcontent.gif );
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 20px;
	padding-left: 16px;
}

/****************************
* Portlet Container Windows *
*****************************/
.portlet-container {
	padding: 0px;
	border: 0px;
	margin-bottom: 8px;
}

.portlet-titlebar-title {
	color: #FFFFFF;
	/*color: #528BDF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	line-height: 100%;
	float: left;
	text-indent: 5px;
}

/* wrapper for floating portlet window modes */
.portlet-mode-container {
	float: right;
	padding-left: 4px;
}

.portlet-titlebar-left {
	/*background-image: url( images/portlet-top-background.gif );*/
	/*background-color: #00A9E6;
   background-repeat: repeat-x;*/
	width: 1px;
	height: 19px;
	min-width: 1px;
	/*border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #9E9FA1;
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color-value: #9E9FA1;
   border-left-color-ltr-source:physical;
   border-left-color-rtl-source:physical;
   border-bottom:1px solid #9E9FA1;*/
	background-color: #9E9FA1;
	margin-left: auto;
	margin-right: auto;
}

.portlet-titlebar-center {
	/*background-image: url( images/image-title-portlet.gif);*/
	background-color: #0080FF;
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #9E9FA1;
	color: #032A51;
	font-size: 11px;
	height: 19px;
	border-bottom: 1px solid #9E9FA1;
}

.portlet-titlebar-right {
	width: 1px;
	height: 19px;
	background-color: #9E9FA1;
}

.portlet-content-left {
	width: 1px;
	background-color: #9E9FA1;
}

.portlet-content-center {
	background-color: #FEFBF9;;
	background-repeat: repeat;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
}

.portlet-body {
	background-color: #FEFBF9;;
	margin-top: 2px;
}

.portlet-content-right {
	height: 100%;
	width: 1px;
	background-color: #9E9FA1;
}

.portlet-footer-left {
	width: 1px;
	height: 1px;
	background-color: #9E9FA1;
}

.portlet-footer-center {
	height: 1px;
	background-color: #9E9FA1;
}

.portlet-footer-right {
	width: 1px;
	height: 1px;
	background-color: #9E9FA1;
}

/**********************
* Copyright Selectors *
***********************/
.portal-copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E6D7A;
}

span.firstLetter {
	color: #8cdcfe;
}

a.portal-copyright {
	color: #768591;
	text-decoration: none;
}

a.portal-copyright:hover {
	color: #96A5B1;
	text-decoration: none;
}

#ThemeBy :before {
	content: "Theme";
}

/*************
*  Elements  *
**************/
a {
	color: #4566D4;
	text-decoration: none;
}

a:hover {
	color: #336699;
	text-decoration: none;
}

INPUT {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
}

SELECT {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
}

FONT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #768591;
}

FIELDSET {
	background-color: #f7f7f7;
	border: 1px solid #BABDB6;
	padding: 6px;
}

LEGEND {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	font-size: 13px;
}

/********
* FONTS *
*********/ /* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim {
	color: #777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/********
* FORMS *
*********/
.portlet-form-label {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

/* Text of the user-input in an input field. not sure if we need this guy? */
.portlet-form-input-field {
	color: #FFFFFF;
	font-size: 12px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #336699;
}

/* Text on a form button */
.portlet-form-button {
	font-size: 12px;
	color: #000000;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label {
	
}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
.portlet-dlg-icon-label {
	
}

/* Text for form field labels */
.portlet-form-field-label {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	color: #000;
	vertical-align: bottom;
}

/* Text for a form field */
.portlet-form-field {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	color: #000; /*margin-top: 10px;*/
}

/********
* LINKS *
*********/
.portal-links:link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #242424;
	text-decoration: none;
}

.portal-links:hover {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5699B7;
	text-decoration: none;
}

.portal-links:active {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #242424;
	text-decoration: none;
}

.portal-links:visited {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #242424;
	text-decoration: none;
}

/***********
* MESSAGES *
************/ /* Status of the current operation. */
.portlet-msg-status {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #336699;
}

/* Help messages, general additional information, etc. */
.portlet-msg-info {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000;
}

/* Error messages. */
.portlet-msg-error {
	color: red;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* Warning messages. */
.portlet-msg-alert {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #821717;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #359630;
}

/***********
* SECTIONS *
************/ /* Table or section header */
.portlet-section-header {
	font-weight: bold;
	color: #000;
	font-size: 13px;
	background-color: #CBD4E6;
}

.portlet-section-body {
	font-size: 12px;
}

.portlet-section-alternate {
	font-size: 12px;
	background-color: #E6E8E5;
}

.portlet-section-selected {
	font-size: 12px;
	background-color: #CBD4E6;
}

.portlet-section-subheader {
	font-weight: bold;
	font-size: 12px;
}

.portlet-section-footer {
	font-size: 11px;
}

/* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
.portlet-section-text {
	font-size: 12px;
	font-style: italic;
}

/*******************
* Table Selectors  *
********************/ /* Table header */
.portlet-table-header {
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	background-color: #336699;
}

/* Normal text in a table cell */
.portlet-table-body {
	color: #000;
	font-size: 12px;
}

/* Text in every other row in the table */
.portlet-table-alternate {
	color: #000;
	font-size: 12px;
	background-color: #E6E8E5;
}

/* Text in a selected cell range */
.portlet-table-selected {
	color: #000;
	font-size: 12px;
	background-color: #CBD4E6;
}

/* Text of a subheading */
.portlet-table-subheader {
	font-weight: bold;
	color: #000;
	font-size: 12px;
}

/* Table footer */
.portlet-table-footer {
	font-size: 11px;
}

/* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
.portlet-table-text {
	font-size: 12px;
	color: #000;
	font-style: italic;
}

/********
* MENUS *
*********/
	/*General menu settings such as background color, margins, etc. */
.portlet-menu {
	
}

/* Normal, unselected menu item. */
.portlet-menu-item {
	color: #242424;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.portlet-menu-item:hover {
	color: #5699B7;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Selected menu item. */
.portlet-menu-item-selected {
	
}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-selected:hover {
	
}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {
	
}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {
	
}

/* Descriptive text for the menu (e.g. in a help context below the menu) */
.portlet-menu-description {
	
}

/* Menu caption */
.portlet-menu-caption {
	
}

/* ===== WSRP 2.0 - As of now proposed additions are:	===== */
	/* A separator bar similar to a horizontal rule, but with styling matching the page */
.portlet-horizontal-separator {
	color: #E6E8E5;
	height: 1px;
}

/* Allows portlets to mimic the title bar when nesting something */
.portlet-nestedTitle-bar {
	
}

/* Allows portlets to match the textual character of the title on the title bar. */
.portlet-nestedTitle {
	
}

/* Support portlets having tabs in the same style as the page or other portlets */
.portlet-tab {
	
}

/* Highlight the tab currently being shown */
.portlet-tab-active {
	
}

/* Highlight the selected tab (not yet active) */
.portlet-tab-selected {
	
}

/* A tab which can not be currently activated */
.portlet-tab-disabled {
	
}

/* Top level style for the content of a tab. */
.portlet-tab-area {
	
}

UL#ulStyleNeed {
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: disc;
	list-style-image: url(images/puce.gif);
}

UL#ulStyleNeedIE {
	margin-left: 45px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: disc;
	z-index: 99;
	list-style-image: url(images/puce.gif);
}

li#liStyleNeed {
	font-style: italic;
	font-family: Trebuchet MS;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	width: 220px;
	text-align: left;
	z-index: 99;
}

p#pStyleNeed {
	font-weight: bold;
	font-style: italic;
	font-family: Trebuchet MS;
	margin-top: 15px;
	margin-left: 35px;
	padding-left: 0;
	padding-right: 0;
}

/****************************
* Tab Navigation for Header *
*****************************/
#menu1 ul li:hover ul {
	visibility: visible;
}

#menu1 ul {
	margin: 0;
	padding-left: 0px;
	z-index: 100; /*added for submenu hover */
	/* position: relative; added for submenu hover */
	background-image: url(images/center_menu.png);
	list-style: none;
	height: 35px;
	margin-left: 5px;
	margin-right: 5px;
}

#menu1 ul li#nocurrent {
	display: inline;
	list-style: none;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	position: relative;
	top: 0px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: right top;
}

#menu1 ul li#current {
	display: inline;
	list-style: none;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	position: relative;
	top: 0px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: right top;
}

#menu1 ul li#nocurrent .MainMenu {
	display: inline;
	float: left;
	text-decoration: none;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #747474;
	font-weight: bold;
	line-height: 24px;
	padding: 5px 15px 1px;
	top: 0px;
	height: 23;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: top left;
}

#menu1 ul li#current .MainMenu {
	display: inline;
	float: left;
	text-decoration: none;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #00a9e6;
	font-weight: bold;
	line-height: 24px;
	padding: 5px 15px 1px;
	top: 0px;
	height: 23;
	white-space: nowrap;
	background-position: top left;
}

#menu_left {
	float: left;
	background-image: url(images/left_menu.png);
	height: 35px;
	width: 21px;
}

#menu_right {
	float: right;
	background-image: url(images/right_menu.png);
	height: 35px;
	width: 21px;
}

#menu1 { /*width: 500px;*/
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}

/* Begin Submenu selectors */
ul#SubMenu {
	border-bottom: 1px solid #425261;
	border-right: 1px solid #425261;
	border-left: 1px solid #425261;
	border-top: 1px solid #425261;
	visibility: hidden;
	background-color: #ffffff;
	background-image: none;
	position: absolute;
	height: auto;
	top: 0;
	left: 0;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	list-style-type: none;
	text-align: left;
	margin-top: 30px;
	width: 180px;
}

ul#SubMenuIE {
	border-bottom: 1px solid #425261;
	border-right: 1px solid #425261;
	border-left: 1px solid #425261;
	border-top: 1px solid #425261;
	visibility: hidden;
	background-color: #ffffff;
	background-image: none;
	position: absolute;
	height: auto;
	top: 0px;
	left: 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	list-style-type: none;
	text-align: left;
	margin-top: 30px;
	width: 180px;
}

a#aSubMenu {
	background: transparent url(images/fleche.gif) no-repeat scroll 0 0.87em
		;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #425261;
	padding: 0px 0px 0px 15px;
	line-height: 15px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 180px;
}

li#liSubMenu :hover  a#aSubMenu :hover {
	background: transparent url(images/fleche2.gif) no-repeat scroll 0
		0.87em;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #425261;
	line-height: 15px;
	padding: 0px 0px 0px 15px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

li#liSubMenu {
	border-bottom: 1px dashed #b8bbbd;
	width: 185px;
	white-space: nowrap;
	height: 20px;
	padding: 0px 0px 0px 0px;
}

li#liSubMenu :hover {
	color: #2aa3d2;
	width: 185px;
	left: 0px;
	white-space: nowrap;
	height: 20px;
	padding: 0px 0px 0px 15px;
}

ul#tabsHeader li:hover ul,ul#tabsHeader a:hover ul {
	visibility: visible;
}

/* End Submenu selectors */
#central {
	background-color: #FEFBF9;
}

#header {
	background-color: #FEFBF9;
	height: 80px;
}

#tr {
	font-size: 12px;
}

#header_top {
	height: 10px;
}

#header_top_left {
	/*background:transparent url(/i/imgmedia/header_coin_g.gif) no-repeat scroll left top;*/
	height: 10px;
}

#header_top_right {
	/*background:transparent url(/i/imgmedia/header_coin_d.gif) no-repeat scroll right top;*/
	height: 10px;
}

#header_logo {
	vertical-align: top;
	width: : 100px;
}

#header_date {
	background-color: #FEFBF9;
	color: #000000;
	font-size: 11px;
	padding-bottom: 4px;
}

#a {
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
}

.p7,a.p7:hover {
	color: #000000;
	font-size: 10px;
}

#header_login {
	background: transparent url(images/background-login.png) no-repeat
		scroll center center;
	font-family: Trebuchet MS;
	color: #8e929a;
	font-weight: bold;
	height: 110px;
	width: 330px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

#header_login p {
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

#deconnexion_style {
	background: transparent url(images/deconnexion_button.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	border: none;
	float: right;
	height: 24px;
	text-align: left;
	width: 123px;
	text-align: left;
}

#dasboard_link_style {
	height: 90px;
	width: 280px;
}

.firstLetterRed {
	color: red;
}

#input_style {
	background: transparent url(images/connexion_button.jpg);
	background-repeat: no-repeat;
	background-position: right;
	border: none;
	text-align: left;
	font-family: Trebuchet MS;
	color: #8e929a;
	font-weight: bold;
	width: 100px;
	margin-right: 10px;
	margin-top: 15px;
}

#man_style {
	float: left;
	background-image: url(images/man_input.png);
	height: 61px;
	width: 41px;
}

#cadna_style {
	float: left;
	background-image: url(images/connexion_image.png);
	height: 58px;
	width: 75px;
}

p span {
	color: #8cdcfe;
	font-weight: bold;
}

#bandeau_acces {
	text-align: center;
}

#bandeau_acces span {
	background: transparent url(images/button.gif) no-repeat scroll center
		center;
	display: block;
	height: 18px;
	line-height: 20px;
	text-indent: 10px;
	vertical-align: middle;
	width: 146px;
}

.bandeau_separateur {
	background: transparent url(images/header_separator.gif) no-repeat
		scroll center center;
}

#bandeau_recherche {
	text-align: center;
}

#bandeau_raccourcis {
	vertical-align: middle;
}

/* DATATABLES*/
.sdt-header {
	font-size: 14px;
}

.sdt-row:hover {
	background-color: #EEF3F6;
	font-weight: bold;
	cursor: pointer;
}

.sdt-row {
	background-color: #FFFFFF;
	text-align: center;
	font-style: italic;
	cursor: default;
}

.sdt-city,.sdt-city-header {
	margin: 0;
	padding: 0;
	width: 150px;
}

.sdt-zipcode,.sdt-zipcode-header {
	margin: 0;
	padding: 0;
	width: 70px;
}
.sdt-bankcode,.sdt-bankcode-header {
	margin: 0;
	padding: 0;
	width: 70px;
}

.sdt-bankname,.sdt-bankname-header {
	margin: 0;
	padding: 0;
	width: 150px;
}

.sdt-bankretailcode,.sdt-bankretailcode-header {
	margin: 0;
	padding: 0;
	width: 70px;
}

.sdt-bankretailname,.sdt-bankretailname-header {
	margin: 0;
	padding: 0;
	width: 150px;
}

.sdt-empty-column {
	border: none;
	visibility: hidden;
}

.sdt-table {
	border-collapse: collapse;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.sdt-header {
	visibility: visible;
	border: 1px;
}